@gamention/pulse-elements 0.1.4 → 0.1.6

package/dist/pulse-elements.js

@@ -20,11 +20,11 @@ let bt = class extends Event {
  */
 let We = class {
   constructor(e, t, i, n) {
-    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (r, o) => {
-      this.unsubscribe && (this.unsubscribe !== o && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = r, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(r, o)), this.unsubscribe = o;
+    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (o, r) => {
+      this.unsubscribe && (this.unsubscribe !== r && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = o, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(o, r)), this.unsubscribe = r;
     }, this.host = e, t.context !== void 0) {
-      const r = t;
-      this.context = r.context, this.callback = r.callback, this.subscribe = r.subscribe ?? !1;
+      const o = t;
+      this.context = o.context, this.callback = o.callback, this.subscribe = o.subscribe ?? !1;
     } else this.context = t, this.callback = i, this.subscribe = n ?? !1;
     this.host.addController(this);
   }
@@ -82,17 +82,17 @@ let At = class extends Event {
   }
 }, Ve = class extends Pt {
   constructor(e, t, i) {
-    var n, r;
-    super(t.context !== void 0 ? t.initialValue : i), this.onContextRequest = (o) => {
-      if (o.context !== this.context) return;
-      const l = o.contextTarget ?? o.composedPath()[0];
-      l !== this.host && (o.stopPropagation(), this.addCallback(o.callback, l, o.subscribe));
-    }, this.onProviderRequest = (o) => {
-      if (o.context !== this.context || (o.contextTarget ?? o.composedPath()[0]) === this.host) return;
+    var n, o;
+    super(t.context !== void 0 ? t.initialValue : i), this.onContextRequest = (r) => {
+      if (r.context !== this.context) return;
+      const l = r.contextTarget ?? r.composedPath()[0];
+      l !== this.host && (r.stopPropagation(), this.addCallback(r.callback, l, r.subscribe));
+    }, this.onProviderRequest = (r) => {
+      if (r.context !== this.context || (r.contextTarget ?? r.composedPath()[0]) === this.host) return;
       const l = /* @__PURE__ */ new Set();
       for (const [a, { consumerHost: c }] of this.subscriptions) l.has(a) || (l.add(a), c.dispatchEvent(new bt(this.context, c, a, !0)));
-      o.stopPropagation();
-    }, this.host = e, t.context !== void 0 ? this.context = t.context : this.context = t, this.attachListeners(), (r = (n = this.host).addController) == null || r.call(n, this);
+      r.stopPropagation();
+    }, this.host = e, t.context !== void 0 ? this.context = t.context : this.context = t, this.attachListeners(), (o = (n = this.host).addController) == null || o.call(n, this);
   }
   attachListeners() {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
@@ -117,25 +117,25 @@ function Mt({ context: s }) {
       return i.set(this, new Ve(this, { context: s, initialValue: n })), n;
     } };
     {
-      e.constructor.addInitializer(((o) => {
-        i.set(o, new Ve(o, { context: s }));
+      e.constructor.addInitializer(((r) => {
+        i.set(r, new Ve(r, { context: s }));
       }));
       const n = Object.getOwnPropertyDescriptor(e, t);
-      let r;
+      let o;
       if (n === void 0) {
-        const o = /* @__PURE__ */ new WeakMap();
-        r = { get() {
-          return o.get(this);
+        const r = /* @__PURE__ */ new WeakMap();
+        o = { get() {
+          return r.get(this);
         }, set(l) {
-          i.get(this).setValue(l), o.set(this, l);
+          i.get(this).setValue(l), r.set(this, l);
         }, configurable: !0, enumerable: !0 };
       } else {
-        const o = n.set;
-        r = { ...n, set(l) {
-          i.get(this).setValue(l), o == null || o.call(this, l);
+        const r = n.set;
+        o = { ...n, set(l) {
+          i.get(this).setValue(l), r == null || r.call(this, l);
         } };
       }
-      return void Object.defineProperty(e, t, r);
+      return void Object.defineProperty(e, t, o);
     }
   };
 }
@@ -151,8 +151,8 @@ function he({ context: s, subscribe: e }) {
         t.set.call(this, n);
       }, subscribe: e });
     })) : t.constructor.addInitializer(((n) => {
-      new We(n, { context: s, callback: (r) => {
-        n[i] = r;
+      new We(n, { context: s, callback: (o) => {
+        n[i] = o;
       }, subscribe: e });
     }));
   };
@@ -248,8 +248,8 @@ let Le = class {
     const t = this._typing.get(e);
     if (!t) return [];
     const i = Date.now(), n = [];
-    for (const [r, o] of t)
-      i - o < 3e3 && n.push(r);
+    for (const [o, r] of t)
+      i - r < 3e3 && n.push(o);
     return n;
   }
   get viewports() {
@@ -522,13 +522,14 @@ let Le = class {
     const n = await fetch(`${t}/api/v1/upload`, {
       method: "POST",
       headers: {
-        Authorization: `Bearer ${this.config.apiKey}`
+        "X-Pulse-Key": this.config.apiKey,
+        "X-Pulse-Token": this.config.token
       },
       body: i
     });
     if (!n.ok) {
-      const r = await n.json().catch(() => ({ error: "Upload failed" }));
-      throw new Error(r.error ?? "Upload failed");
+      const o = await n.json().catch(() => ({ error: "Upload failed" }));
+      throw new Error(o.error ?? "Upload failed");
     }
     return n.json();
   }
@@ -562,11 +563,11 @@ let xt = class {
   }
 };
 const zt = (s) => new xt(typeof s == "string" ? s : s + "", void 0, ze), M = (s, ...e) => {
-  const t = s.length === 1 ? s[0] : e.reduce((i, n, r) => i + ((o) => {
-    if (o._$cssResult$ === !0) return o.cssText;
-    if (typeof o == "number") return o;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(n) + s[r + 1], s[0]);
+  const t = s.length === 1 ? s[0] : e.reduce((i, n, o) => i + ((r) => {
+    if (r._$cssResult$ === !0) return r.cssText;
+    if (typeof r == "number") return r;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(n) + s[o + 1], s[0]);
   return new xt(t, s, ze);
 }, Ut = (s, e) => {
   if (je) s.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
@@ -628,14 +629,14 @@ let Y = class extends HTMLElement {
     }
   }
   static getPropertyDescriptor(e, t, i) {
-    const { get: n, set: r } = Nt(this.prototype, e) ?? { get() {
+    const { get: n, set: o } = Nt(this.prototype, e) ?? { get() {
       return this[t];
-    }, set(o) {
-      this[t] = o;
+    }, set(r) {
+      this[t] = r;
     } };
-    return { get: n, set(o) {
+    return { get: n, set(r) {
       const l = n == null ? void 0 : n.call(this);
-      r == null || r.call(this, o), this.requestUpdate(e, l, i);
+      o == null || o.call(this, r), this.requestUpdate(e, l, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
@@ -720,34 +721,34 @@ let Y = class extends HTMLElement {
     this._$AK(e, i);
   }
   _$ET(e, t) {
-    var r;
+    var o;
     const i = this.constructor.elementProperties.get(e), n = this.constructor._$Eu(e, i);
     if (n !== void 0 && i.reflect === !0) {
-      const o = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : ye).toAttribute(t, i.type);
-      this._$Em = e, o == null ? this.removeAttribute(n) : this.setAttribute(n, o), this._$Em = null;
+      const r = (((o = i.converter) == null ? void 0 : o.toAttribute) !== void 0 ? i.converter : ye).toAttribute(t, i.type);
+      this._$Em = e, r == null ? this.removeAttribute(n) : this.setAttribute(n, r), this._$Em = null;
     }
   }
   _$AK(e, t) {
-    var r, o;
+    var o, r;
     const i = this.constructor, n = i._$Eh.get(e);
     if (n !== void 0 && this._$Em !== n) {
-      const l = i.getPropertyOptions(n), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((r = l.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? l.converter : ye;
+      const l = i.getPropertyOptions(n), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((o = l.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? l.converter : ye;
       this._$Em = n;
       const c = a.fromAttribute(t, l.type);
-      this[n] = c ?? ((o = this._$Ej) == null ? void 0 : o.get(n)) ?? c, this._$Em = null;
+      this[n] = c ?? ((r = this._$Ej) == null ? void 0 : r.get(n)) ?? c, this._$Em = null;
     }
   }
-  requestUpdate(e, t, i, n = !1, r) {
-    var o;
+  requestUpdate(e, t, i, n = !1, o) {
+    var r;
     if (e !== void 0) {
       const l = this.constructor;
-      if (n === !1 && (r = this[e]), i ?? (i = l.getPropertyOptions(e)), !((i.hasChanged ?? Ue)(r, t) || i.useDefault && i.reflect && r === ((o = this._$Ej) == null ? void 0 : o.get(e)) && !this.hasAttribute(l._$Eu(e, i)))) return;
+      if (n === !1 && (o = this[e]), i ?? (i = l.getPropertyOptions(e)), !((i.hasChanged ?? Ue)(o, t) || i.useDefault && i.reflect && o === ((r = this._$Ej) == null ? void 0 : r.get(e)) && !this.hasAttribute(l._$Eu(e, i)))) return;
       this.C(e, t, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, t, { useDefault: i, reflect: n, wrapped: r }, o) {
-    i && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, o ?? t ?? this[e]), r !== !0 || o !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (t = void 0), this._$AL.set(e, t)), n === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  C(e, t, { useDefault: i, reflect: n, wrapped: o }, r) {
+    i && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, r ?? t ?? this[e]), o !== !0 || r !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (t = void 0), this._$AL.set(e, t)), n === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -767,21 +768,21 @@ let Y = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [r, o] of this._$Ep) this[r] = o;
+        for (const [o, r] of this._$Ep) this[o] = r;
         this._$Ep = void 0;
       }
       const n = this.constructor.elementProperties;
-      if (n.size > 0) for (const [r, o] of n) {
-        const { wrapped: l } = o, a = this[r];
-        l !== !0 || this._$AL.has(r) || a === void 0 || this.C(r, void 0, o, a);
+      if (n.size > 0) for (const [o, r] of n) {
+        const { wrapped: l } = r, a = this[o];
+        l !== !0 || this._$AL.has(o) || a === void 0 || this.C(o, void 0, r, a);
       }
     }
     let e = !1;
     const t = this._$AL;
     try {
       e = this.shouldUpdate(t), e ? (this.willUpdate(t), (i = this._$EO) == null || i.forEach((n) => {
-        var r;
-        return (r = n.hostUpdate) == null ? void 0 : r.call(n);
+        var o;
+        return (o = n.hostUpdate) == null ? void 0 : o.call(n);
       }), this.update(t)) : this._$EM();
     } catch (n) {
       throw e = !1, this._$EM(), n;
@@ -832,21 +833,21 @@ function Et(s, e) {
 }
 const Kt = (s, e) => {
   const t = s.length - 1, i = [];
-  let n, r = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = te;
+  let n, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", r = te;
   for (let l = 0; l < t; l++) {
     const a = s[l];
     let c, h, p = -1, m = 0;
-    for (; m < a.length && (o.lastIndex = m, h = o.exec(a), h !== null); ) m = o.lastIndex, o === te ? h[1] === "!--" ? o = Qe : h[1] !== void 0 ? o = et : h[2] !== void 0 ? ($t.test(h[2]) && (n = RegExp("</" + h[2], "g")), o = H) : h[3] !== void 0 && (o = H) : o === H ? h[0] === ">" ? (o = n ?? te, p = -1) : h[1] === void 0 ? p = -2 : (p = o.lastIndex - h[2].length, c = h[1], o = h[3] === void 0 ? H : h[3] === '"' ? it : tt) : o === it || o === tt ? o = H : o === Qe || o === et ? o = te : (o = H, n = void 0);
-    const f = o === H && s[l + 1].startsWith("/>") ? " " : "";
-    r += o === te ? a + Vt : p >= 0 ? (i.push(c), a.slice(0, p) + yt + a.slice(p) + z + f) : a + z + (p === -2 ? l : f);
+    for (; m < a.length && (r.lastIndex = m, h = r.exec(a), h !== null); ) m = r.lastIndex, r === te ? h[1] === "!--" ? r = Qe : h[1] !== void 0 ? r = et : h[2] !== void 0 ? ($t.test(h[2]) && (n = RegExp("</" + h[2], "g")), r = H) : h[3] !== void 0 && (r = H) : r === H ? h[0] === ">" ? (r = n ?? te, p = -1) : h[1] === void 0 ? p = -2 : (p = r.lastIndex - h[2].length, c = h[1], r = h[3] === void 0 ? H : h[3] === '"' ? it : tt) : r === it || r === tt ? r = H : r === Qe || r === et ? r = te : (r = H, n = void 0);
+    const f = r === H && s[l + 1].startsWith("/>") ? " " : "";
+    o += r === te ? a + Vt : p >= 0 ? (i.push(c), a.slice(0, p) + yt + a.slice(p) + z + f) : a + z + (p === -2 ? l : f);
   }
-  return [Et(s, r + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
+  return [Et(s, o + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
 class re {
   constructor({ strings: e, _$litType$: t }, i) {
     let n;
     this.parts = [];
-    let r = 0, o = 0;
+    let o = 0, r = 0;
     const l = e.length - 1, a = this.parts, [c, h] = Kt(e, t);
     if (this.el = re.createElement(c, i), N.currentNode = this.el.content, t === 2 || t === 3) {
       const p = this.el.content.firstChild;
@@ -855,23 +856,23 @@ class re {
     for (; (n = N.nextNode()) !== null && a.length < l; ) {
       if (n.nodeType === 1) {
         if (n.hasAttributes()) for (const p of n.getAttributeNames()) if (p.endsWith(yt)) {
-          const m = h[o++], f = n.getAttribute(p).split(z), b = /([.?@])?(.*)/.exec(m);
-          a.push({ type: 1, index: r, name: b[2], strings: f, ctor: b[1] === "." ? Jt : b[1] === "?" ? Zt : b[1] === "@" ? Qt : Ee }), n.removeAttribute(p);
-        } else p.startsWith(z) && (a.push({ type: 6, index: r }), n.removeAttribute(p));
+          const m = h[r++], f = n.getAttribute(p).split(z), b = /([.?@])?(.*)/.exec(m);
+          a.push({ type: 1, index: o, name: b[2], strings: f, ctor: b[1] === "." ? Jt : b[1] === "?" ? Zt : b[1] === "@" ? Qt : Ee }), n.removeAttribute(p);
+        } else p.startsWith(z) && (a.push({ type: 6, index: o }), n.removeAttribute(p));
         if ($t.test(n.tagName)) {
           const p = n.textContent.split(z), m = p.length - 1;
           if (m > 0) {
             n.textContent = we ? we.emptyScript : "";
-            for (let f = 0; f < m; f++) n.append(p[f], ne()), N.nextNode(), a.push({ type: 2, index: ++r });
+            for (let f = 0; f < m; f++) n.append(p[f], ne()), N.nextNode(), a.push({ type: 2, index: ++o });
             n.append(p[m], ne());
           }
         }
-      } else if (n.nodeType === 8) if (n.data === wt) a.push({ type: 2, index: r });
+      } else if (n.nodeType === 8) if (n.data === wt) a.push({ type: 2, index: o });
       else {
         let p = -1;
-        for (; (p = n.data.indexOf(z, p + 1)) !== -1; ) a.push({ type: 7, index: r }), p += z.length - 1;
+        for (; (p = n.data.indexOf(z, p + 1)) !== -1; ) a.push({ type: 7, index: o }), p += z.length - 1;
       }
-      r++;
+      o++;
     }
   }
   static createElement(e, t) {
@@ -880,11 +881,11 @@ class re {
   }
 }
 function K(s, e, t = s, i) {
-  var o, l;
+  var r, l;
   if (e === q) return e;
-  let n = i !== void 0 ? (o = t._$Co) == null ? void 0 : o[i] : t._$Cl;
-  const r = oe(e) ? void 0 : e._$litDirective$;
-  return (n == null ? void 0 : n.constructor) !== r && ((l = n == null ? void 0 : n._$AO) == null || l.call(n, !1), r === void 0 ? n = void 0 : (n = new r(s), n._$AT(s, t, i)), i !== void 0 ? (t._$Co ?? (t._$Co = []))[i] = n : t._$Cl = n), n !== void 0 && (e = K(s, n._$AS(s, e.values), n, i)), e;
+  let n = i !== void 0 ? (r = t._$Co) == null ? void 0 : r[i] : t._$Cl;
+  const o = oe(e) ? void 0 : e._$litDirective$;
+  return (n == null ? void 0 : n.constructor) !== o && ((l = n == null ? void 0 : n._$AO) == null || l.call(n, !1), o === void 0 ? n = void 0 : (n = new o(s), n._$AT(s, t, i)), i !== void 0 ? (t._$Co ?? (t._$Co = []))[i] = n : t._$Cl = n), n !== void 0 && (e = K(s, n._$AS(s, e.values), n, i)), e;
 }
 class Gt {
   constructor(e, t) {
@@ -899,13 +900,13 @@ class Gt {
   u(e) {
     const { el: { content: t }, parts: i } = this._$AD, n = ((e == null ? void 0 : e.creationScope) ?? F).importNode(t, !0);
     N.currentNode = n;
-    let r = N.nextNode(), o = 0, l = 0, a = i[0];
+    let o = N.nextNode(), r = 0, l = 0, a = i[0];
     for (; a !== void 0; ) {
-      if (o === a.index) {
+      if (r === a.index) {
         let c;
-        a.type === 2 ? c = new pe(r, r.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(r, a.name, a.strings, this, e) : a.type === 6 && (c = new ei(r, this, e)), this._$AV.push(c), a = i[++l];
+        a.type === 2 ? c = new pe(o, o.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (c = new ei(o, this, e)), this._$AV.push(c), a = i[++l];
       }
-      o !== (a == null ? void 0 : a.index) && (r = N.nextNode(), o++);
+      r !== (a == null ? void 0 : a.index) && (o = N.nextNode(), r++);
     }
     return N.currentNode = F, n;
   }
@@ -946,12 +947,12 @@ class pe {
     this._$AH !== u && oe(this._$AH) ? this._$AA.nextSibling.data = e : this.T(F.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    var r;
+    var o;
     const { values: t, _$litType$: i } = e, n = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = re.createElement(Et(i.h, i.h[0]), this.options)), i);
-    if (((r = this._$AH) == null ? void 0 : r._$AD) === n) this._$AH.p(t);
+    if (((o = this._$AH) == null ? void 0 : o._$AD) === n) this._$AH.p(t);
     else {
-      const o = new Gt(n, this), l = o.u(this.options);
-      o.p(t), this.T(l), this._$AH = o;
+      const r = new Gt(n, this), l = r.u(this.options);
+      r.p(t), this.T(l), this._$AH = r;
     }
   }
   _$AC(e) {
@@ -962,7 +963,7 @@ class pe {
     De(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let i, n = 0;
-    for (const r of e) n === t.length ? t.push(i = new pe(this.O(ne()), this.O(ne()), this, this.options)) : i = t[n], i._$AI(r), n++;
+    for (const o of e) n === t.length ? t.push(i = new pe(this.O(ne()), this.O(ne()), this, this.options)) : i = t[n], i._$AI(o), n++;
     n < t.length && (this._$AR(i && i._$AB.nextSibling, n), t.length = n);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -984,19 +985,19 @@ class Ee {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(e, t, i, n, r) {
-    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = e, this.name = t, this._$AM = n, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = u;
+  constructor(e, t, i, n, o) {
+    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = e, this.name = t, this._$AM = n, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = u;
   }
   _$AI(e, t = this, i, n) {
-    const r = this.strings;
-    let o = !1;
-    if (r === void 0) e = K(this, e, t, 0), o = !oe(e) || e !== this._$AH && e !== q, o && (this._$AH = e);
+    const o = this.strings;
+    let r = !1;
+    if (o === void 0) e = K(this, e, t, 0), r = !oe(e) || e !== this._$AH && e !== q, r && (this._$AH = e);
     else {
       const l = e;
       let a, c;
-      for (e = r[0], a = 0; a < r.length - 1; a++) c = K(this, l[i + a], t, a), c === q && (c = this._$AH[a]), o || (o = !oe(c) || c !== this._$AH[a]), c === u ? e = u : e !== u && (e += (c ?? "") + r[a + 1]), this._$AH[a] = c;
+      for (e = o[0], a = 0; a < o.length - 1; a++) c = K(this, l[i + a], t, a), c === q && (c = this._$AH[a]), r || (r = !oe(c) || c !== this._$AH[a]), c === u ? e = u : e !== u && (e += (c ?? "") + o[a + 1]), this._$AH[a] = c;
     }
-    o && !n && this.j(e);
+    r && !n && this.j(e);
   }
   j(e) {
     e === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
@@ -1019,13 +1020,13 @@ class Zt extends Ee {
   }
 }
 class Qt extends Ee {
-  constructor(e, t, i, n, r) {
-    super(e, t, i, n, r), this.type = 5;
+  constructor(e, t, i, n, o) {
+    super(e, t, i, n, o), this.type = 5;
   }
   _$AI(e, t = this) {
     if ((e = K(this, e, t, 0) ?? u) === q) return;
-    const i = this._$AH, n = e === u && i !== u || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, r = e !== u && (i === u || n);
-    n && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, e), this._$AH = e;
+    const i = this._$AH, n = e === u && i !== u || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== u && (i === u || n);
+    n && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
     var t;
@@ -1049,8 +1050,8 @@ const ti = (s, e, t) => {
   const i = (t == null ? void 0 : t.renderBefore) ?? e;
   let n = i._$litPart$;
   if (n === void 0) {
-    const r = (t == null ? void 0 : t.renderBefore) ?? null;
-    i._$litPart$ = n = new pe(e.insertBefore(ne(), r), r, void 0, t ?? {});
+    const o = (t == null ? void 0 : t.renderBefore) ?? null;
+    i._$litPart$ = n = new pe(e.insertBefore(ne(), o), o, void 0, t ?? {});
   }
   return n._$AI(s), n;
 };
@@ -1107,29 +1108,29 @@ const R = (s) => (e, t) => {
  */
 const ii = { attribute: !0, type: String, converter: ye, reflect: !1, hasChanged: Ue }, si = (s = ii, e, t) => {
   const { kind: i, metadata: n } = t;
-  let r = globalThis.litPropertyMetadata.get(n);
-  if (r === void 0 && globalThis.litPropertyMetadata.set(n, r = /* @__PURE__ */ new Map()), i === "setter" && ((s = Object.create(s)).wrapped = !0), r.set(t.name, s), i === "accessor") {
-    const { name: o } = t;
+  let o = globalThis.litPropertyMetadata.get(n);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(n, o = /* @__PURE__ */ new Map()), i === "setter" && ((s = Object.create(s)).wrapped = !0), o.set(t.name, s), i === "accessor") {
+    const { name: r } = t;
     return { set(l) {
       const a = e.get.call(this);
-      e.set.call(this, l), this.requestUpdate(o, a, s, !0, l);
+      e.set.call(this, l), this.requestUpdate(r, a, s, !0, l);
     }, init(l) {
-      return l !== void 0 && this.C(o, void 0, s, l), l;
+      return l !== void 0 && this.C(r, void 0, s, l), l;
     } };
   }
   if (i === "setter") {
-    const { name: o } = t;
+    const { name: r } = t;
     return function(l) {
-      const a = this[o];
-      e.call(this, l), this.requestUpdate(o, a, s, !0, l);
+      const a = this[r];
+      e.call(this, l), this.requestUpdate(r, a, s, !0, l);
     };
   }
   throw Error("Unsupported decorator location: " + i);
 };
 function g(s) {
-  return (e, t) => typeof t == "object" ? si(s, e, t) : ((i, n, r) => {
-    const o = n.hasOwnProperty(r);
-    return n.constructor.createProperty(r, i), o ? Object.getOwnPropertyDescriptor(n, r) : void 0;
+  return (e, t) => typeof t == "object" ? si(s, e, t) : ((i, n, o) => {
+    const r = n.hasOwnProperty(o);
+    return n.constructor.createProperty(o, i), r ? Object.getOwnPropertyDescriptor(n, o) : void 0;
   })(s, e, t);
 }
 /**
@@ -1142,8 +1143,8 @@ function v(s) {
 }
 const J = "pulse-client";
 var ni = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, Z = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? oi(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? oi(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && ni(e, t, n), n;
 };
 let W = class extends S {
@@ -1187,8 +1188,8 @@ W = Z([
   R("pulse-provider")
 ], W);
 var ri = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, Ce = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? ai(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? ai(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && ri(e, t, n), n;
 };
 let G = class extends S {
@@ -1353,8 +1354,8 @@ G = Ce([
   R("pulse-presence")
 ], G);
 var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, He = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? ci(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? ci(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && li(e, t, n), n;
 };
 let ae = class extends S {
@@ -1482,8 +1483,8 @@ ae = He([
   R("pulse-cursors")
 ], ae);
 var di = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, ue = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? hi(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? hi(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && di(e, t, n), n;
 };
 let V = class extends S {
@@ -1522,15 +1523,15 @@ let V = class extends S {
     s.preventDefault();
     const t = s.target.querySelector("textarea"), i = t.value.trim();
     if (!i) return;
-    const n = [...i.matchAll(/@(\w+)/g)].map((r) => r[1]);
+    const n = [...i.matchAll(/@(\w+)/g)].map((o) => o[1]);
     this.client.createThread(i, { mentions: n }), t.value = "";
   }
   handleReply(s, e) {
     e.preventDefault();
     const i = e.target.querySelector("input"), n = i.value.trim();
     if (!n) return;
-    const r = [...n.matchAll(/@(\w+)/g)].map((o) => o[1]);
-    this.client.reply(s, n, r), i.value = "", this.replyingTo = null;
+    const o = [...n.matchAll(/@(\w+)/g)].map((r) => r[1]);
+    this.client.reply(s, n, o), i.value = "", this.replyingTo = null;
   }
   render() {
     const s = this.showResolved ? this.threads : this.threads.filter((e) => !e.resolved);
@@ -1600,8 +1601,8 @@ let V = class extends S {
     const e = new Date(s), i = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(i / 6e4);
     if (n < 1) return "just now";
     if (n < 60) return `${n}m ago`;
-    const r = Math.floor(n / 60);
-    return r < 24 ? `${r}h ago` : e.toLocaleDateString();
+    const o = Math.floor(n / 60);
+    return o < 24 ? `${o}h ago` : e.toLocaleDateString();
   }
 };
 V.styles = M`
@@ -1833,8 +1834,8 @@ V = ue([
   R("pulse-comments")
 ], V);
 var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, Ne = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? ui(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? ui(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && pi(e, t, n), n;
 };
 const fi = {
@@ -1892,8 +1893,8 @@ let le = class extends S {
     const e = new Date(s), i = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(i / 6e4);
     if (n < 1) return "just now";
     if (n < 60) return `${n}m ago`;
-    const r = Math.floor(n / 60);
-    return r < 24 ? `${r}h ago` : e.toLocaleDateString();
+    const o = Math.floor(n / 60);
+    return o < 24 ? `${o}h ago` : e.toLocaleDateString();
   }
   render() {
     const s = this.notifications.filter((e) => !e.read).length;
@@ -2085,8 +2086,8 @@ le = Ne([
   R("pulse-notifications")
 ], le);
 var gi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, Q = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? bi(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? bi(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && gi(e, t, n), n;
 };
 const vi = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
@@ -2114,12 +2115,12 @@ let D = class extends S {
     var t, i;
     const s = /* @__PURE__ */ new Map(), e = (i = (t = this.client) == null ? void 0 : t.state.user) == null ? void 0 : i.id;
     for (const n of this.reactions) {
-      const r = s.get(n.emoji) ?? { count: 0, userReactionId: null };
-      r.count++, n.userId === e && (r.userReactionId = n.id), s.set(n.emoji, r);
+      const o = s.get(n.emoji) ?? { count: 0, userReactionId: null };
+      o.count++, n.userId === e && (o.userReactionId = n.id), s.set(n.emoji, o);
     }
-    return [...s.entries()].map(([n, r]) => ({
+    return [...s.entries()].map(([n, o]) => ({
       emoji: n,
-      ...r
+      ...o
     }));
   }
   toggleReaction(s) {
@@ -2516,7 +2517,7 @@ const Ii = [
 ];
 function Oi(s) {
   return s.map(([e, t]) => {
-    const i = Object.entries(t).filter(([, n]) => n != null).map(([n, r]) => `${n}="${r}"`).join(" ");
+    const i = Object.entries(t).filter(([, n]) => n != null).map(([n, o]) => `${n}="${o}"`).join(" ");
     return `<${e} ${i}/>`;
   }).join("");
 }
@@ -2633,8 +2634,8 @@ const ee = M`
   }
 `;
 var Ri = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, Be = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? Li(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? Li(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && Ri(e, t, n), n;
 };
 let X = class extends S {
@@ -2872,9 +2873,9 @@ class Oe {
    *                     element once metadata has loaded.
    */
   static render(e, t) {
-    let i = !1, n = t != null ? t / 1e3 : 0, r = 0;
-    const o = document.createElement("audio");
-    o.preload = "metadata", o.src = e;
+    let i = !1, n = t != null ? t / 1e3 : 0, o = 0;
+    const r = document.createElement("audio");
+    r.preload = "metadata", r.src = e;
     const l = document.createElement("div");
     Object.assign(l.style, {
       display: "inline-flex",
@@ -2964,12 +2965,12 @@ class Oe {
       lineHeight: "1"
     });
     function _() {
-      const k = at(r), A = at(n);
+      const k = at(o), A = at(n);
       x.textContent = `${k} / ${A}`;
     }
     _(), m.appendChild(f), m.appendChild(x), l.appendChild(a), l.appendChild(m);
     function $() {
-      const k = n > 0 ? r / n : 0, A = Math.floor(k * ve);
+      const k = n > 0 ? o / n : 0, A = Math.floor(k * ve);
       for (let w = 0; w < ve; w++)
         b[w].style.background = w <= A ? nt : ot;
     }
@@ -2979,22 +2980,22 @@ class Oe {
         1,
         Math.max(0, (k.clientX - A.left) / A.width)
       );
-      o.currentTime = w * n, r = o.currentTime, $(), _();
+      r.currentTime = w * n, o = r.currentTime, $(), _();
     }), a.addEventListener("click", () => {
-      i ? o.pause() : o.play().catch(() => {
+      i ? r.pause() : r.play().catch(() => {
       });
-    }), o.addEventListener("play", () => {
+    }), r.addEventListener("play", () => {
       i = !0, p();
-    }), o.addEventListener("pause", () => {
+    }), r.addEventListener("pause", () => {
       i = !1, h();
-    }), o.addEventListener("ended", () => {
-      i = !1, h(), r = 0, $(), _();
-    }), o.addEventListener("timeupdate", () => {
-      r = o.currentTime, $(), _();
-    }), o.addEventListener("loadedmetadata", () => {
-      o.duration && isFinite(o.duration) && (n = o.duration, _());
-    }), o.addEventListener("durationchange", () => {
-      o.duration && isFinite(o.duration) && (n = o.duration, _());
+    }), r.addEventListener("ended", () => {
+      i = !1, h(), o = 0, $(), _();
+    }), r.addEventListener("timeupdate", () => {
+      o = r.currentTime, $(), _();
+    }), r.addEventListener("loadedmetadata", () => {
+      r.duration && isFinite(r.duration) && (n = r.duration, _());
+    }), r.addEventListener("durationchange", () => {
+      r.duration && isFinite(r.duration) && (n = r.duration, _());
     }), l;
   }
 }
@@ -3014,20 +3015,20 @@ class Re {
     this.analyser = this.audioCtx.createAnalyser(), this.analyser.fftSize = 64, t.connect(this.analyser);
     const i = this.detectMimeType(), n = {};
     i && (n.mimeType = i), this.recorder = new MediaRecorder(this.stream, n);
-    const r = [];
+    const o = [];
     this.recorder.ondataavailable = (l) => {
-      l.data.size > 0 && r.push(l.data);
+      l.data.size > 0 && o.push(l.data);
     }, this.buildUI(e);
-    const o = new Promise((l) => {
+    const r = new Promise((l) => {
       this.resolve = l;
     });
     return this.recorder.onstop = () => {
       var c, h;
-      const l = ((c = this.recorder) == null ? void 0 : c.mimeType) || i || "audio/webm", a = new Blob(r, { type: l });
+      const l = ((c = this.recorder) == null ? void 0 : c.mimeType) || i || "audio/webm", a = new Blob(o, { type: l });
       (h = this.resolve) == null || h.call(this, a), this.resolve = null, this.cleanupResources();
     }, this.recorder.start(), this.recording = !0, this.startTime = Date.now(), this.maxTimer = setTimeout(() => {
       this.stopRecording();
-    }, this.maxDuration), this.animate(), o;
+    }, this.maxDuration), this.animate(), r;
   }
   /** Stops recording — resolves the promise with the recorded Blob. */
   stopRecording() {
@@ -3125,11 +3126,11 @@ class Re {
     if (!this.canvas || !this.analyser) return;
     const e = this.canvas.getContext("2d");
     if (!e) return;
-    const t = this.canvas.width, i = this.canvas.height, n = this.analyser.frequencyBinCount, r = new Uint8Array(n);
-    this.analyser.getByteFrequencyData(r), e.clearRect(0, 0, t, i);
-    const o = n, l = Math.max(2, t / o * 0.7), a = (t - l * o) / (o - 1 || 1);
-    for (let c = 0; c < o; c++) {
-      const h = r[c] / 255, p = Math.max(2, h * i * 0.85), m = c * (l + a), f = (i - p) / 2, b = 0.4 + h * 0.6;
+    const t = this.canvas.width, i = this.canvas.height, n = this.analyser.frequencyBinCount, o = new Uint8Array(n);
+    this.analyser.getByteFrequencyData(o), e.clearRect(0, 0, t, i);
+    const r = n, l = Math.max(2, t / r * 0.7), a = (t - l * r) / (r - 1 || 1);
+    for (let c = 0; c < r; c++) {
+      const h = o[c] / 255, p = Math.max(2, h * i * 0.85), m = c * (l + a), f = (i - p) / 2, b = 0.4 + h * 0.6;
       e.fillStyle = `rgba(99, 102, 241, ${b})`, e.beginPath(), e.roundRect(m, f, l, p, 1), e.fill();
     }
   }
@@ -3171,8 +3172,8 @@ class _t {
    */
   static render(e, t) {
     let i = !1, n = !0;
-    const r = document.createElement("div");
-    Object.assign(r.style, {
+    const o = document.createElement("div");
+    Object.assign(o.style, {
       position: "relative",
       display: "inline-block",
       width: `${lt}px`,
@@ -3186,14 +3187,14 @@ class _t {
       userSelect: "none",
       WebkitUserSelect: "none"
     });
-    const o = document.createElement("video");
-    Object.assign(o.style, {
+    const r = document.createElement("video");
+    Object.assign(r.style, {
       width: "100%",
       height: "100%",
       objectFit: "cover",
       display: "block",
       borderRadius: "50%"
-    }), o.src = e, o.loop = !0, o.muted = !0, o.playsInline = !0, o.preload = "metadata", t && (o.poster = t), r.appendChild(o);
+    }), r.src = e, r.loop = !0, r.muted = !0, r.playsInline = !0, r.preload = "metadata", t && (r.poster = t), o.appendChild(r);
     const l = document.createElement("div");
     Object.assign(l.style, {
       position: "absolute",
@@ -3208,7 +3209,7 @@ class _t {
       transition: "opacity 0.25s ease",
       opacity: "1",
       pointerEvents: "none"
-    }), l.innerHTML = Ni, r.appendChild(l);
+    }), l.innerHTML = Ni, o.appendChild(l);
     const a = document.createElement("div");
     Object.assign(a.style, {
       position: "absolute",
@@ -3223,19 +3224,19 @@ class _t {
       justifyContent: "center",
       pointerEvents: "none",
       transition: "opacity 0.2s ease"
-    }), a.innerHTML = ct, r.appendChild(a);
+    }), a.innerHTML = ct, o.appendChild(a);
     function c() {
       l.style.opacity = i ? "0" : "1";
     }
     function h() {
       a.style.display = i ? "flex" : "none", a.innerHTML = n ? ct : Bi;
     }
-    return r.addEventListener("click", (p) => {
-      p.stopPropagation(), i ? n ? (o.muted = !1, n = !1) : (o.pause(), i = !1, n = !0, o.muted = !0) : (o.muted = !0, n = !0, o.play().catch(() => {
+    return o.addEventListener("click", (p) => {
+      p.stopPropagation(), i ? n ? (r.muted = !1, n = !1) : (r.pause(), i = !1, n = !0, r.muted = !0) : (r.muted = !0, n = !0, r.play().catch(() => {
       }), i = !0), c(), h();
-    }), o.addEventListener("pause", () => {
-      i && (i = !1, n = !0, o.muted = !0, c(), h());
-    }), r;
+    }), r.addEventListener("pause", () => {
+      i && (i = !1, n = !0, r.muted = !0, c(), h());
+    }), o;
   }
 }
 const dt = 60, Fi = `
@@ -3369,8 +3370,8 @@ function Vi(s) {
     n.muted = !0, n.playsInline = !0, n.preload = "auto", n.src = i, n.addEventListener("loadeddata", () => {
       n.currentTime = 0.01;
     }), n.addEventListener("seeked", () => {
-      const r = document.createElement("canvas");
-      r.width = n.videoWidth || 240, r.height = n.videoHeight || 240, r.getContext("2d").drawImage(n, 0, 0, r.width, r.height), URL.revokeObjectURL(i), r.toBlob(
+      const o = document.createElement("canvas");
+      o.width = n.videoWidth || 240, o.height = n.videoHeight || 240, o.getContext("2d").drawImage(n, 0, 0, o.width, o.height), URL.revokeObjectURL(i), o.toBlob(
         (l) => {
           l ? e(l) : t(new Error("Failed to generate poster frame"));
         },
@@ -3401,15 +3402,15 @@ class Xi {
     }));
     const i = Wi(), n = {};
     i && (n.mimeType = i);
-    const r = new MediaRecorder(t, n);
-    return this.mediaRecorder = r, r.ondataavailable = (o) => {
-      o.data.size > 0 && this.chunks.push(o.data);
-    }, r.onstop = () => {
+    const o = new MediaRecorder(t, n);
+    return this.mediaRecorder = o, o.ondataavailable = (r) => {
+      r.data.size > 0 && this.chunks.push(r.data);
+    }, o.onstop = () => {
       this.handleRecordingComplete();
-    }, r.start(), this.timerInterval = setInterval(() => {
+    }, o.start(), this.timerInterval = setInterval(() => {
       this.elapsed++, this.updateTimer(), this.elapsed >= dt && this.stopRecording();
-    }, 1e3), new Promise((o) => {
-      this.resolvePromise = o;
+    }, 1e3), new Promise((r) => {
+      this.resolvePromise = r;
     });
   }
   stopRecording() {
@@ -3431,12 +3432,12 @@ class Xi {
     i.className = "vr-ring", t.appendChild(i);
     const n = document.createElement("div");
     n.className = "vr-video-circle", this.videoEl = document.createElement("video"), this.videoEl.muted = !0, this.videoEl.playsInline = !0, this.videoEl.setAttribute("playsinline", ""), n.appendChild(this.videoEl), t.appendChild(n), this.root.appendChild(t), this.timerEl = document.createElement("span"), this.timerEl.className = "vr-timer", this.timerEl.textContent = "00:00", this.root.appendChild(this.timerEl);
-    const r = document.createElement("div");
-    r.className = "vr-actions";
-    const o = document.createElement("button");
-    o.className = "vr-btn vr-btn-stop", o.textContent = "Stop", o.addEventListener("click", () => this.stopRecording()), r.appendChild(o);
+    const o = document.createElement("div");
+    o.className = "vr-actions";
+    const r = document.createElement("button");
+    r.className = "vr-btn vr-btn-stop", r.textContent = "Stop", r.addEventListener("click", () => this.stopRecording()), o.appendChild(r);
     const l = document.createElement("button");
-    l.className = "vr-btn vr-btn-cancel", l.textContent = "Cancel", l.addEventListener("click", () => this.cancelRecording()), r.appendChild(l), this.root.appendChild(r), e.appendChild(this.root);
+    l.className = "vr-btn vr-btn-cancel", l.textContent = "Cancel", l.addEventListener("click", () => this.cancelRecording()), o.appendChild(l), this.root.appendChild(o), e.appendChild(this.root);
   }
   updateTimer() {
     if (!this.timerEl) return;
@@ -3444,18 +3445,18 @@ class Xi {
     this.timerEl.textContent = qi(this.elapsed), e <= 10 ? this.timerEl.classList.add("vr-countdown") : this.timerEl.classList.remove("vr-countdown");
   }
   async handleRecordingComplete() {
-    var n, r;
+    var n, o;
     const e = ((n = this.mediaRecorder) == null ? void 0 : n.mimeType) || "video/webm", t = new Blob(this.chunks, { type: e });
     let i;
     try {
       i = await Vi(t);
     } catch {
-      const o = document.createElement("canvas");
-      o.width = 1, o.height = 1, i = await new Promise((l) => {
-        o.toBlob((a) => l(a), "image/png");
+      const r = document.createElement("canvas");
+      r.width = 1, r.height = 1, i = await new Promise((l) => {
+        r.toBlob((a) => l(a), "image/png");
       });
     }
-    this.cleanup(), (r = this.resolvePromise) == null || r.call(this, { blob: t, posterBlob: i }), this.resolvePromise = null;
+    this.cleanup(), (o = this.resolvePromise) == null || o.call(this, { blob: t, posterBlob: i }), this.resolvePromise = null;
   }
   cleanup() {
     if (this.recording = !1, this.timerInterval && (clearInterval(this.timerInterval), this.timerInterval = null), this.mediaRecorder && this.mediaRecorder.state !== "inactive")
@@ -3517,8 +3518,8 @@ const T = class T {
       i.style.background = "rgba(255,255,255,0.3)";
     }), i.addEventListener("mouseleave", () => {
       i.style.background = "rgba(255,255,255,0.15)";
-    }), i.addEventListener("click", (o) => {
-      o.stopPropagation(), T.close();
+    }), i.addEventListener("click", (r) => {
+      r.stopPropagation(), T.close();
     });
     const n = document.createElement("img");
     n.src = e, n.alt = "Lightbox image", Object.assign(n.style, {
@@ -3528,15 +3529,15 @@ const T = class T {
       objectFit: "contain",
       cursor: "default",
       userSelect: "none"
-    }), n.addEventListener("click", (o) => {
-      o.stopPropagation();
+    }), n.addEventListener("click", (r) => {
+      r.stopPropagation();
     }), t.appendChild(i), t.appendChild(n), t.addEventListener("click", () => {
       T.close();
     });
-    const r = (o) => {
-      o.key === "Escape" && T.close();
+    const o = (r) => {
+      r.key === "Escape" && T.close();
     };
-    document.addEventListener("keydown", r), T.overlay = t, T.onKeyDown = r, document.body.appendChild(t), requestAnimationFrame(() => {
+    document.addEventListener("keydown", o), T.overlay = t, T.onKeyDown = o, document.body.appendChild(t), requestAnimationFrame(() => {
       t.style.opacity = "1";
     });
   }
@@ -3563,25 +3564,25 @@ class ke {
     return new Promise((t) => {
       this.input.accept = e, this.input.value = "";
       const i = () => {
-        r(), t(null);
+        o(), t(null);
       }, n = async () => {
         var l;
-        r();
-        const o = (l = this.input.files) == null ? void 0 : l[0];
-        if (!o) {
+        o();
+        const r = (l = this.input.files) == null ? void 0 : l[0];
+        if (!r) {
           t(null);
           return;
         }
         this.uploading = !0;
         try {
-          const a = await this.client.uploadFile(o);
+          const a = await this.client.uploadFile(r);
           t(a);
-        } catch {
-          t(null);
+        } catch (a) {
+          console.error("[Pulse] File upload failed:", a), t(null);
         } finally {
           this.uploading = !1;
         }
-      }, r = () => {
+      }, o = () => {
         this.input.removeEventListener("change", n), this.input.removeEventListener("cancel", i);
       };
       this.input.addEventListener("change", n, { once: !0 }), this.input.addEventListener("cancel", i, { once: !0 }), this.input.click();
@@ -3596,8 +3597,8 @@ class ke {
     try {
       const i = new File([e], t, { type: e.type });
       return await this.client.uploadFile(i);
-    } catch {
-      return null;
+    } catch (i) {
+      return console.error("[Pulse] Blob upload failed:", i), null;
     } finally {
       this.uploading = !1;
     }
@@ -3626,27 +3627,27 @@ class Ji {
     }, this.handlePopoverEscape = (i) => {
       i.key === "Escape" && this.closePopover();
     }, this.handlePopoverOutsideClick = (i) => {
-      var n, r;
+      var n, o;
       if (this.popover && !this.popover.contains(i.target)) {
-        if ((n = this.container) != null && n.contains(i.target) || (r = this.pickerEl) != null && r.contains(i.target)) return;
+        if ((n = this.container) != null && n.contains(i.target) || (o = this.pickerEl) != null && o.contains(i.target)) return;
         this.closePopover();
       }
     }, this.handleOverlayClick = (i) => {
       this.form && (this.form.remove(), this.form = null);
-      const n = window.innerWidth, r = window.innerHeight, o = {
+      const n = window.innerWidth, o = window.innerHeight, r = {
         x: i.clientX / n,
-        y: i.clientY / r,
+        y: i.clientY / o,
         scrollX: window.scrollX,
         scrollY: window.scrollY
       }, l = this.overlay.style.pointerEvents;
       this.overlay.style.pointerEvents = "none";
       const a = document.elementFromPoint(i.clientX, i.clientY);
       if (this.overlay.style.pointerEvents = l, a) {
-        o.selector = this.getSelector(a);
+        r.selector = this.getSelector(a);
         const c = a.getBoundingClientRect();
-        c.width > 0 && c.height > 0 && (o.elementOffsetX = (i.clientX - c.left) / c.width, o.elementOffsetY = (i.clientY - c.top) / c.height);
+        c.width > 0 && c.height > 0 && (r.elementOffsetX = (i.clientX - c.left) / c.width, r.elementOffsetY = (i.clientY - c.top) / c.height);
       }
-      this.showPinForm(i.clientX, i.clientY, o);
+      this.showPinForm(i.clientX, i.clientY, r);
     }, this.pickerEl = null, this.client = e, this.onPinModeExit = t.onPinModeExit, this.init();
   }
   get pinModeActive() {
@@ -3704,8 +3705,8 @@ class Ji {
     this.container && (this.container.style.display = e ? "" : "none");
   }
   destroy() {
-    var e, t, i, n, r, o;
-    this.exitPinMode(), this.closePopover(), this.removePickerEl(), (e = this.unsub) == null || e.call(this), (t = this.threadUnsub) == null || t.call(this), (i = this.reactionUnsub) == null || i.call(this), (n = this.typingUnsub2) == null || n.call(this), window.removeEventListener("scroll", this.handleReposition, !0), window.removeEventListener("resize", this.handleReposition), (r = this.mutationObserver) == null || r.disconnect(), this.mutationObserver = null, this.repositionDebounce && (clearTimeout(this.repositionDebounce), this.repositionDebounce = null), (o = this.container) == null || o.remove(), this.container = null, this.pinEls.clear();
+    var e, t, i, n, o, r;
+    this.exitPinMode(), this.closePopover(), this.removePickerEl(), (e = this.unsub) == null || e.call(this), (t = this.threadUnsub) == null || t.call(this), (i = this.reactionUnsub) == null || i.call(this), (n = this.typingUnsub2) == null || n.call(this), window.removeEventListener("scroll", this.handleReposition, !0), window.removeEventListener("resize", this.handleReposition), (o = this.mutationObserver) == null || o.disconnect(), this.mutationObserver = null, this.repositionDebounce && (clearTimeout(this.repositionDebounce), this.repositionDebounce = null), (r = this.container) == null || r.remove(), this.container = null, this.pinEls.clear();
   }
   closePopover() {
     var e;
@@ -3722,27 +3723,27 @@ class Ji {
         t.unshift(`#${i.id}`);
         break;
       }
-      const n = i.tagName.toLowerCase(), r = [...i.classList].filter((a) => !a.startsWith("pulse-")).slice(0, 2);
-      let o = r.length > 0 ? `${n}.${r.join(".")}` : n;
+      const n = i.tagName.toLowerCase(), o = [...i.classList].filter((a) => !a.startsWith("pulse-")).slice(0, 2);
+      let r = o.length > 0 ? `${n}.${o.join(".")}` : n;
       const l = i.parentElement;
       if (l) {
         const a = [...l.children].filter((c) => c.tagName === i.tagName);
         if (a.length > 1) {
           const c = a.indexOf(i) + 1;
-          o += `:nth-child(${c})`;
+          r += `:nth-child(${c})`;
         }
       }
-      if (t.unshift(o), i = i.parentElement, t.length >= 4) break;
+      if (t.unshift(r), i = i.parentElement, t.length >= 4) break;
     }
     return t.join(" > ");
   }
   showPinForm(e, t, i) {
     this.form = document.createElement("div");
-    const n = Math.min(280, window.innerWidth - 32), r = 120;
-    let o = e + 16, l = t - 10;
-    o + n > window.innerWidth - 16 && (o = e - n - 16), l + r > window.innerHeight - 16 && (l = window.innerHeight - r - 16), l < 16 && (l = 16), Object.assign(this.form.style, {
+    const n = Math.min(280, window.innerWidth - 32), o = 120;
+    let r = e + 16, l = t - 10;
+    r + n > window.innerWidth - 16 && (r = e - n - 16), l + o > window.innerHeight - 16 && (l = window.innerHeight - o - 16), l < 16 && (l = 16), Object.assign(this.form.style, {
       position: "fixed",
-      left: `${o}px`,
+      left: `${r}px`,
       top: `${l}px`,
       width: `${n}px`,
       zIndex: "10001",
@@ -3836,11 +3837,11 @@ class Ji {
   // ── Inline thread popover (shown when a pin dot is clicked) ──
   showThreadPopover(e, t) {
     this.closePopover(), this.popover = document.createElement("div"), this.popover.dataset.threadId = e.id;
-    const i = window.innerWidth <= 480, n = i ? window.innerWidth : 300, r = t.getBoundingClientRect();
-    let o, l;
-    i ? (o = 0, l = window.innerHeight * 0.4) : (o = r.right + 10, l = r.top - 8, o + n > window.innerWidth - 16 && (o = r.left - n - 10), l < 16 && (l = 16)), Object.assign(this.popover.style, {
+    const i = window.innerWidth <= 480, n = i ? window.innerWidth : 300, o = t.getBoundingClientRect();
+    let r, l;
+    i ? (r = 0, l = window.innerHeight * 0.4) : (r = o.right + 10, l = o.top - 8, r + n > window.innerWidth - 16 && (r = o.left - n - 10), l < 16 && (l = 16)), Object.assign(this.popover.style, {
       position: "fixed",
-      left: `${o}px`,
+      left: `${r}px`,
       top: `${l}px`,
       width: i ? "100vw" : `${n}px`,
       maxHeight: i ? "60vh" : "360px",
@@ -3953,11 +3954,11 @@ class Ji {
         this.client.deleteComment(a.dataset.commentId);
       });
     });
-    const n = t.querySelector(".edit-save"), r = t.querySelector(".edit-cancel"), o = t.querySelector(
+    const n = t.querySelector(".edit-save"), o = t.querySelector(".edit-cancel"), r = t.querySelector(
       ".edit-textarea"
     );
-    n && o && n.addEventListener("click", () => {
-      const a = o.value.trim();
+    n && r && n.addEventListener("click", () => {
+      const a = r.value.trim();
       if (!a) return;
       const c = [...a.matchAll(/@(\w+)/g)].map((h) => h[1]);
       this.client.editComment(
@@ -3965,7 +3966,7 @@ class Ji {
         a,
         c
       ), this.editingPopoverCommentId = null;
-    }), r && r.addEventListener("click", () => {
+    }), o && o.addEventListener("click", () => {
       this.editingPopoverCommentId = null, this.refreshPopoverComments(e);
     }), t.querySelectorAll("[data-reaction-emoji]").forEach((a) => {
       a.addEventListener("click", (c) => {
@@ -4026,20 +4027,20 @@ class Ji {
       await this.upload.pickFile("image/*") && this.client.reply(e.id, "(image)");
     }), t.querySelector(".reply-attach-mic").addEventListener("click", async () => {
       this.audioRecorder || (this.audioRecorder = new Re());
-      const o = await this.audioRecorder.startRecording(t);
-      o && await this.upload.uploadBlob(o, "audio.webm") && this.client.reply(e.id, "(audio note)");
+      const r = await this.audioRecorder.startRecording(t);
+      r && await this.upload.uploadBlob(r, "audio.webm") && this.client.reply(e.id, "(audio note)");
     });
-    const r = () => {
-      const o = i.value.trim();
-      if (!o) return;
-      const l = [...o.matchAll(/@(\w+)/g)].map((a) => a[1]);
-      this.client.reply(e.id, o, l), i.value = "";
+    const o = () => {
+      const r = i.value.trim();
+      if (!r) return;
+      const l = [...r.matchAll(/@(\w+)/g)].map((a) => a[1]);
+      this.client.reply(e.id, r, l), i.value = "";
     };
-    n.addEventListener("click", r), i.addEventListener("input", () => {
-      const o = Date.now(), l = this.lastTypingSendPins.get(e.id) ?? 0;
-      o - l >= 2e3 && (this.client.sendTyping(e.id), this.lastTypingSendPins.set(e.id, o));
-    }), i.addEventListener("keydown", (o) => {
-      o.key === "Enter" && (o.preventDefault(), r()), o.key === "Escape" && this.closePopover(), o.stopPropagation();
+    n.addEventListener("click", o), i.addEventListener("input", () => {
+      const r = Date.now(), l = this.lastTypingSendPins.get(e.id) ?? 0;
+      r - l >= 2e3 && (this.client.sendTyping(e.id), this.lastTypingSendPins.set(e.id, r));
+    }), i.addEventListener("keydown", (r) => {
+      r.key === "Enter" && (r.preventDefault(), o()), r.key === "Escape" && this.closePopover(), r.stopPropagation();
     }), this.popover.appendChild(t);
   }
   removePickerEl() {
@@ -4065,8 +4066,8 @@ class Ji {
       fontFamily: ge
     });
     for (const n of Yi) {
-      const r = document.createElement("button");
-      Object.assign(r.style, {
+      const o = document.createElement("button");
+      Object.assign(o.style, {
         border: "none",
         background: "none",
         cursor: "pointer",
@@ -4074,8 +4075,8 @@ class Ji {
         padding: "4px",
         borderRadius: "4px",
         lineHeight: "1"
-      }), r.textContent = n, r.addEventListener("click", (o) => {
-        o.stopPropagation();
+      }), o.textContent = n, o.addEventListener("click", (r) => {
+        r.stopPropagation();
         const a = this.client.state.getReactions(t).find(
           (c) => {
             var h;
@@ -4083,7 +4084,7 @@ class Ji {
           }
         );
         a ? this.client.removeReaction(a.id) : this.client.addReaction(t, "comment", n), this.popoverPickerOpen = null, this.removePickerEl();
-      }), this.pickerEl.appendChild(r);
+      }), this.pickerEl.appendChild(o);
     }
     document.body.appendChild(this.pickerEl);
   }
@@ -4094,10 +4095,10 @@ class Ji {
       const h = n.get(c.emoji) ?? { count: 0, ownId: null };
       h.count++, c.userId === i && (h.ownId = c.id), n.set(c.emoji, h);
     }
-    const r = "display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:12px;cursor:pointer;transition:all 0.15s;line-height:1.4;", o = r + "background:#eef2ff;border-color:#6366f1;";
+    const o = "display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;font-size:12px;cursor:pointer;transition:all 0.15s;line-height:1.4;", r = o + "background:#eef2ff;border-color:#6366f1;";
     let l = '<div style="margin-left:29px;display:flex;gap:4px;flex-wrap:wrap;margin-top:4px;">';
     for (const [c, { count: h, ownId: p }] of n) {
-      const m = p ? o : r;
+      const m = p ? r : o;
       l += `<button data-reaction-emoji="${c}" data-reaction-target="${e}" ${p ? `data-reaction-id="${p}"` : ""} style="${m}">
         <span>${c}</span><span style="font-size:11px;font-weight:600;color:#64748b;">${h}</span>
       </button>`;
@@ -4119,20 +4120,20 @@ class Ji {
       n && this.popover.insertBefore(t, n);
     }
     const i = this.client.state.getTypingUsers(e).filter((n) => {
-      var r;
-      return n !== ((r = this.client.state.user) == null ? void 0 : r.id);
+      var o;
+      return n !== ((o = this.client.state.user) == null ? void 0 : o.id);
     }).map((n) => {
-      const r = this.client.state.presence.find((o) => o.user.id === n);
-      return (r == null ? void 0 : r.user.name) ?? "Someone";
+      const o = this.client.state.presence.find((r) => r.user.id === n);
+      return (o == null ? void 0 : o.user.name) ?? "Someone";
     });
     i.length === 0 ? t.textContent = "" : i.length === 1 ? t.textContent = `${i[0]} is typing...` : t.textContent = `${i.join(", ")} are typing...`;
   }
   formatTime(e) {
-    const t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4);
-    if (r < 1) return "now";
-    if (r < 60) return `${r}m`;
-    const o = Math.floor(r / 60);
-    return o < 24 ? `${o}h` : t.toLocaleDateString();
+    const t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), o = Math.floor(n / 6e4);
+    if (o < 1) return "now";
+    if (o < 60) return `${o}m`;
+    const r = Math.floor(o / 60);
+    return r < 24 ? `${r}h` : t.toLocaleDateString();
   }
   // ── Pin rendering ──
   /** Resolve a pin position to viewport pixel coordinates. */
@@ -4160,9 +4161,9 @@ class Ji {
     for (const [i, n] of this.pinEls)
       t.has(i) || (n.remove(), this.pinEls.delete(i));
     e.forEach((i, n) => {
-      const r = i.position;
-      let o = this.pinEls.get(i.id);
-      o || (o = document.createElement("div"), Object.assign(o.style, {
+      const o = i.position;
+      let r = this.pinEls.get(i.id);
+      r || (r = document.createElement("div"), Object.assign(r.style, {
         position: "fixed",
         width: "24px",
         height: "24px",
@@ -4182,26 +4183,26 @@ class Ji {
         transition: "left 0.15s ease, top 0.15s ease, transform 0.15s ease",
         zIndex: "9997",
         transform: "translate(-50%, -50%)"
-      }), o.addEventListener("mouseenter", () => {
-        o.style.transform = "translate(-50%, -50%) scale(1.15)";
-      }), o.addEventListener("mouseleave", () => {
-        o.style.transform = "translate(-50%, -50%)";
-      }), o.addEventListener("click", () => {
+      }), r.addEventListener("mouseenter", () => {
+        r.style.transform = "translate(-50%, -50%) scale(1.15)";
+      }), r.addEventListener("mouseleave", () => {
+        r.style.transform = "translate(-50%, -50%)";
+      }), r.addEventListener("click", () => {
         if (this.popover && this.popover.dataset.threadId === i.id) {
           this.closePopover();
           return;
         }
         const a = this.threads.find((c) => c.id === i.id);
-        a && this.showThreadPopover(a, o);
-      }), this.container.appendChild(o), this.pinEls.set(i.id, o)), o.textContent = `${n + 1}`;
-      const l = this.resolvePosition(r);
-      o.style.left = `${l.x}px`, o.style.top = `${l.y}px`;
+        a && this.showThreadPopover(a, r);
+      }), this.container.appendChild(r), this.pinEls.set(i.id, r)), r.textContent = `${n + 1}`;
+      const l = this.resolvePosition(o);
+      r.style.left = `${l.x}px`, r.style.top = `${l.y}px`;
     });
   }
 }
 var Zi = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, j = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? Qi(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? Qi(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && Zi(e, t, n), n;
 };
 const es = ["👍", "👎", "❤️", "🎉", "👀", "🚀"];
@@ -4210,28 +4211,34 @@ let O = class extends S {
     super(...arguments), this.highlightThreadId = null, this.threads = [], this.replyingTo = null, this.editingCommentId = null, this.editBody = "", this.pickerOpenForComment = null, this.typingByThread = /* @__PURE__ */ new Map(), this.reactionsVersion = 0, this.typingTimers = /* @__PURE__ */ new Map(), this.lastTypingSend = /* @__PURE__ */ new Map();
   }
   connectedCallback() {
-    super.connectedCallback(), this.setupListener();
+    super.connectedCallback(), this.ensureListener();
   }
   disconnectedCallback() {
+    super.disconnectedCallback(), this.teardownListeners();
+  }
+  updated(s) {
+    var e, t;
+    s.has("client") && this.client && this.ensureListener(), (e = this.shadowRoot) == null || e.querySelectorAll(".audio-player-host").forEach((i) => {
+      if (i.children.length > 0) return;
+      const n = i.dataset.url;
+      if (n) {
+        const o = i.dataset.duration ? parseInt(i.dataset.duration) : void 0;
+        i.appendChild(Oe.render(n, o));
+      }
+    }), (t = this.shadowRoot) == null || t.querySelectorAll(".video-player-host").forEach((i) => {
+      if (i.children.length > 0) return;
+      const n = i.dataset.url;
+      n && i.appendChild(_t.render(n, i.dataset.poster || void 0));
+    });
+  }
+  teardownListeners() {
     var s, e, t;
-    super.disconnectedCallback(), (s = this.unsub) == null || s.call(this), (e = this.reactionUnsub) == null || e.call(this), (t = this.typingUnsub) == null || t.call(this);
+    (s = this.unsub) == null || s.call(this), this.unsub = void 0, (e = this.reactionUnsub) == null || e.call(this), this.reactionUnsub = void 0, (t = this.typingUnsub) == null || t.call(this), this.typingUnsub = void 0;
     for (const i of this.typingTimers.values()) clearTimeout(i);
     this.typingTimers.clear();
   }
-  updated(s) {
-    var e, t, i, n, r;
-    s.has("client") && this.client && ((e = this.unsub) == null || e.call(this), (t = this.reactionUnsub) == null || t.call(this), (i = this.typingUnsub) == null || i.call(this), this.setupListener()), (n = this.shadowRoot) == null || n.querySelectorAll(".audio-player-host").forEach((o) => {
-      if (o.children.length > 0) return;
-      const l = o.dataset.url;
-      if (l) {
-        const a = o.dataset.duration ? parseInt(o.dataset.duration) : void 0;
-        o.appendChild(Oe.render(l, a));
-      }
-    }), (r = this.shadowRoot) == null || r.querySelectorAll(".video-player-host").forEach((o) => {
-      if (o.children.length > 0) return;
-      const l = o.dataset.url;
-      l && o.appendChild(_t.render(l, o.dataset.poster || void 0));
-    });
+  ensureListener() {
+    this.client && (this.teardownListeners(), this.threads = [...this.client.state.threads], this.setupListener());
   }
   setupListener() {
     this.client && (this.threads = this.client.state.threads, this.unsub = this.client.state.on("threads", (s) => {
@@ -4247,11 +4254,11 @@ let O = class extends S {
   }
   refreshTyping(s) {
     const t = this.client.state.getTypingUsers(s).filter((n) => {
-      var r;
-      return n !== ((r = this.client.state.user) == null ? void 0 : r.id);
+      var o;
+      return n !== ((o = this.client.state.user) == null ? void 0 : o.id);
     }).map((n) => {
-      const r = this.client.state.presence.find((o) => o.user.id === n);
-      return (r == null ? void 0 : r.user.name) ?? "Someone";
+      const o = this.client.state.presence.find((r) => r.user.id === n);
+      return (o == null ? void 0 : o.user.name) ?? "Someone";
     }), i = new Map(this.typingByThread);
     i.set(s, t), this.typingByThread = i, this.typingTimers.has(s) && clearTimeout(this.typingTimers.get(s)), this.typingTimers.set(
       s,
@@ -4265,9 +4272,9 @@ let O = class extends S {
     e - t >= 2e3 && (this.client.sendTyping(s), this.lastTypingSend.set(s, e));
   }
   toggleReaction(s, e) {
-    var r;
-    const t = this.client.state.getReactions(s), i = (r = this.client.state.user) == null ? void 0 : r.id, n = t.find(
-      (o) => o.emoji === e && o.userId === i
+    var o;
+    const t = this.client.state.getReactions(s), i = (o = this.client.state.user) == null ? void 0 : o.id, n = t.find(
+      (r) => r.emoji === e && r.userId === i
     );
     n ? this.client.removeReaction(n.id) : this.client.addReaction(s, "comment", e), this.pickerOpenForComment = null;
   }
@@ -4300,8 +4307,8 @@ let O = class extends S {
     const e = new Date(s), i = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(i / 6e4);
     if (n < 1) return "now";
     if (n < 60) return `${n}m`;
-    const r = Math.floor(n / 60);
-    return r < 24 ? `${r}h` : e.toLocaleDateString();
+    const o = Math.floor(n / 60);
+    return o < 24 ? `${o}h` : e.toLocaleDateString();
   }
   async handleAttachImage(s) {
     this.upload || (this.upload = new ke(this.client)), await this.upload.pickFile("image/*") && this.client.reply(s, "(image)");
@@ -4316,8 +4323,8 @@ let O = class extends S {
     e.preventDefault();
     const i = e.target.querySelector("input"), n = i.value.trim();
     if (!n) return;
-    const r = [...n.matchAll(/@(\w+)/g)].map((o) => o[1]);
-    this.client.reply(s, n, r), i.value = "", this.replyingTo = null;
+    const o = [...n.matchAll(/@(\w+)/g)].map((r) => r[1]);
+    this.client.reply(s, n, o), i.value = "", this.replyingTo = null;
   }
   isOwnComment(s) {
     var e, t;
@@ -4358,20 +4365,20 @@ let O = class extends S {
     var n;
     this.reactionsVersion;
     const e = this.client.state.getReactions(s.id), t = (n = this.client.state.user) == null ? void 0 : n.id, i = /* @__PURE__ */ new Map();
-    for (const r of e)
-      i.has(r.emoji) || i.set(r.emoji, []), i.get(r.emoji).push(r);
+    for (const o of e)
+      i.has(o.emoji) || i.set(o.emoji, []), i.get(o.emoji).push(o);
     return d`
       <div class="comment-reactions">
         ${[...i.entries()].map(
-      ([r, o]) => {
-        const l = o.some((a) => a.userId === t);
+      ([o, r]) => {
+        const l = r.some((a) => a.userId === t);
         return d`
               <button
                 class="reaction-pill ${l ? "own" : ""}"
-                @click=${() => this.toggleReaction(s.id, r)}
+                @click=${() => this.toggleReaction(s.id, o)}
               >
-                <span>${r}</span>
-                <span class="count">${o.length}</span>
+                <span>${o}</span>
+                <span class="count">${r.length}</span>
               </button>
             `;
       }
@@ -4387,10 +4394,10 @@ let O = class extends S {
           ${this.pickerOpenForComment === s.id ? d`
                 <div class="emoji-picker">
                   ${es.map(
-      (r) => d`
-                      <button @click=${(o) => {
-        o.stopPropagation(), this.toggleReaction(s.id, r);
-      }}>${r}</button>
+      (o) => d`
+                      <button @click=${(r) => {
+        r.stopPropagation(), this.toggleReaction(s.id, o);
+      }}>${o}</button>
                     `
     )}
                 </div>
@@ -4486,7 +4493,7 @@ let O = class extends S {
               Pinned
             </div>` : u}
         ${s.comments.map((t, i) => {
-      const n = this.getUserForComment(t.userId), r = this.isOwnComment(t), o = this.editingCommentId === t.id;
+      const n = this.getUserForComment(t.userId), o = this.isOwnComment(t), r = this.editingCommentId === t.id;
       return d`
             ${i > 0 ? d`<div class="comment-divider"></div>` : u}
             <div class="comment">
@@ -4501,11 +4508,11 @@ let O = class extends S {
                 <span class="comment-time">${this.formatTime(t.createdAt)}</span>
                 ${t.editedAt ? d`<span class="edited-badge">(edited)</span>` : u}
               </div>
-              ${o ? this.renderEditForm(t) : d`
+              ${r ? this.renderEditForm(t) : d`
                     <div class="comment-body">${this.parseMentions(t.body)}</div>
                     ${this.renderAttachments(t.attachments ?? [])}
                   `}
-              ${r && !o ? d`<div class="comment-actions">
+              ${o && !r ? d`<div class="comment-actions">
                     <button @click=${() => this.startEdit(t)} title="Edit">${C(Pi, 14)}</button>
                     <button class="danger" @click=${() => this.deleteComment(t.id)} title="Delete">${C(Mi, 14)}</button>
                   </div>` : u}
@@ -5054,8 +5061,8 @@ O = j([
   R("pulse-widget-comments-panel")
 ], O);
 var ts = Object.defineProperty, is = Object.getOwnPropertyDescriptor, Fe = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? is(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? is(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && ts(e, t, n), n;
 };
 const ss = {
@@ -5110,8 +5117,8 @@ let ce = class extends S {
     const e = new Date(s), i = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(i / 6e4);
     if (n < 1) return "now";
     if (n < 60) return `${n}m`;
-    const r = Math.floor(n / 60);
-    return r < 24 ? `${r}h` : e.toLocaleDateString();
+    const o = Math.floor(n / 60);
+    return o < 24 ? `${o}h` : e.toLocaleDateString();
   }
   render() {
     const s = this.notifications.filter((e) => !e.read).length;
@@ -5396,7 +5403,7 @@ class rs {
             i.position = t;
           else {
             const n = this.client.state.presence.find(
-              (r) => r.user.id === e
+              (o) => o.user.id === e
             );
             n && this.cursors.set(e, {
               userId: e,
@@ -5444,9 +5451,9 @@ class rs {
   showClickRipple(e, t) {
     if (!this.container) return;
     const i = this.client.state.presence.find(
-      (o) => o.user.id === e
-    ), n = (i == null ? void 0 : i.user.color) ?? "#6366f1", r = document.createElement("div");
-    Object.assign(r.style, {
+      (r) => r.user.id === e
+    ), n = (i == null ? void 0 : i.user.color) ?? "#6366f1", o = document.createElement("div");
+    Object.assign(o.style, {
       position: "absolute",
       left: `${t.x}px`,
       top: `${t.y}px`,
@@ -5458,9 +5465,9 @@ class rs {
       pointerEvents: "none",
       opacity: "1",
       transition: "width 0.6s ease-out, height 0.6s ease-out, opacity 0.6s ease-out"
-    }), this.container.appendChild(r), requestAnimationFrame(() => {
-      r.style.width = "60px", r.style.height = "60px", r.style.opacity = "0";
-    }), setTimeout(() => r.remove(), 600);
+    }), this.container.appendChild(o), requestAnimationFrame(() => {
+      o.style.width = "60px", o.style.height = "60px", o.style.opacity = "0";
+    }), setTimeout(() => o.remove(), 600);
   }
   showEmojiDrop(e, t, i) {
     if (!this.container) return;
@@ -5519,11 +5526,11 @@ class as {
     this.container = null, this.unsubs = [], this.enabled = !1, this.drawMode = !1, this.currentPoints = [], this.currentPath = null, this.lastPoint = null, this.fadeTimers = /* @__PURE__ */ new Map(), this.handlePointerDown = (t) => {
       var l, a, c;
       t.preventDefault(), (a = (l = t.target) == null ? void 0 : l.setPointerCapture) == null || a.call(l, t.pointerId), this.currentPoints = [{ x: t.clientX, y: t.clientY }], this.lastPoint = { x: t.clientX, y: t.clientY };
-      const i = this.client.state.user, n = (i == null ? void 0 : i.color) ?? "#6366f1", o = 2 + (t.pressure > 0 ? t.pressure : 0.5) * 4;
+      const i = this.client.state.user, n = (i == null ? void 0 : i.color) ?? "#6366f1", r = 2 + (t.pressure > 0 ? t.pressure : 0.5) * 4;
       this.currentPath = document.createElementNS(
         "http://www.w3.org/2000/svg",
         "polyline"
-      ), this.currentPath.setAttribute("fill", "none"), this.currentPath.setAttribute("stroke", n), this.currentPath.setAttribute("stroke-width", String(o)), this.currentPath.setAttribute("stroke-linecap", "round"), this.currentPath.setAttribute("stroke-linejoin", "round"), this.currentPath.setAttribute(
+      ), this.currentPath.setAttribute("fill", "none"), this.currentPath.setAttribute("stroke", n), this.currentPath.setAttribute("stroke-width", String(r)), this.currentPath.setAttribute("stroke-linecap", "round"), this.currentPath.setAttribute("stroke-linejoin", "round"), this.currentPath.setAttribute(
         "points",
         `${t.clientX},${t.clientY}`
       ), (c = this.container) == null || c.appendChild(this.currentPath), document.addEventListener("pointermove", this.handlePointerMove), document.addEventListener("pointerup", this.handlePointerUp);
@@ -5532,8 +5539,8 @@ class as {
       const i = t.clientX - this.lastPoint.x, n = t.clientY - this.lastPoint.y;
       if (i * i + n * n < 4) return;
       this.currentPoints.push({ x: t.clientX, y: t.clientY }), this.lastPoint = { x: t.clientX, y: t.clientY };
-      const r = this.currentPoints.map((o) => `${o.x},${o.y}`).join(" ");
-      this.currentPath.setAttribute("points", r);
+      const o = this.currentPoints.map((r) => `${r.x},${r.y}`).join(" ");
+      this.currentPath.setAttribute("points", o);
     }, this.handlePointerUp = () => {
       var t;
       if (document.removeEventListener("pointermove", this.handlePointerMove), document.removeEventListener("pointerup", this.handlePointerUp), this.currentPoints.length > 1) {
@@ -5585,7 +5592,7 @@ class as {
     );
     n.setAttribute("fill", "none"), n.setAttribute("stroke", t), n.setAttribute("stroke-width", String(i)), n.setAttribute("stroke-linecap", "round"), n.setAttribute("stroke-linejoin", "round"), n.setAttribute(
       "points",
-      e.map((r) => `${r.x},${r.y}`).join(" ")
+      e.map((o) => `${o.x},${o.y}`).join(" ")
     ), n.style.willChange = "opacity", this.container.appendChild(n), this.scheduleFade(n);
   }
   scheduleFade(e) {
@@ -5599,11 +5606,11 @@ class as {
 }
 function ls(s) {
   if (!s.rangeCount || s.isCollapsed) return null;
-  const e = s.getRangeAt(0), t = e.startContainer, i = e.endContainer, n = ut(t), r = ut(i);
-  return !n || !r ? null : {
+  const e = s.getRangeAt(0), t = e.startContainer, i = e.endContainer, n = ut(t), o = ut(i);
+  return !n || !o ? null : {
     startSelector: n,
     startOffset: e.startOffset,
-    endSelector: r,
+    endSelector: o,
     endOffset: e.endOffset
   };
 }
@@ -5612,8 +5619,8 @@ function cs(s) {
   try {
     const i = mt(s.startSelector), n = mt(s.endSelector);
     if (!i || !n) return null;
-    const r = document.createRange(), o = i.nodeType === Node.TEXT_NODE ? ((e = i.textContent) == null ? void 0 : e.length) ?? 0 : i.childNodes.length, l = n.nodeType === Node.TEXT_NODE ? ((t = n.textContent) == null ? void 0 : t.length) ?? 0 : n.childNodes.length;
-    return r.setStart(i, Math.min(s.startOffset, o)), r.setEnd(n, Math.min(s.endOffset, l)), r;
+    const o = document.createRange(), r = i.nodeType === Node.TEXT_NODE ? ((e = i.textContent) == null ? void 0 : e.length) ?? 0 : i.childNodes.length, l = n.nodeType === Node.TEXT_NODE ? ((t = n.textContent) == null ? void 0 : t.length) ?? 0 : n.childNodes.length;
+    return o.setStart(i, Math.min(s.startOffset, r)), o.setEnd(n, Math.min(s.endOffset, l)), o;
   } catch {
     return null;
   }
@@ -5638,14 +5645,14 @@ function ft(s) {
   for (; t && t !== document.body && i < 10; ) {
     const n = t.parentElement;
     if (!n) break;
-    const r = t.tagName.toLowerCase(), o = t.tagName, l = Array.from(n.children).filter(
-      (a) => a.tagName === o
+    const o = t.tagName.toLowerCase(), r = t.tagName, l = Array.from(n.children).filter(
+      (a) => a.tagName === r
     );
     if (l.length === 1)
-      e.unshift(r);
+      e.unshift(o);
     else {
       const a = l.indexOf(t) + 1;
-      e.unshift(`${r}:nth-of-type(${a})`);
+      e.unshift(`${o}:nth-of-type(${a})`);
     }
     if (n.id) {
       e.unshift(`#${CSS.escape(n.id)}`);
@@ -5718,9 +5725,9 @@ class ds {
     if (e === i || (this.clearSelection(e), !t)) return;
     const n = cs(t);
     if (!n) return;
-    const r = this.client.state.presence.find(
+    const o = this.client.state.presence.find(
       (a) => a.user.id === e
-    ), o = (r == null ? void 0 : r.user.color) ?? "#6366f1";
+    ), r = (o == null ? void 0 : o.user.color) ?? "#6366f1";
     try {
       const a = n.getClientRects(), c = [];
       for (let h = 0; h < a.length; h++) {
@@ -5731,7 +5738,7 @@ class ds {
           top: `${p.top}px`,
           width: `${p.width}px`,
           height: `${p.height}px`,
-          background: o,
+          background: r,
           opacity: "0.2",
           borderRadius: "2px",
           pointerEvents: "none"
@@ -5756,8 +5763,8 @@ class ds {
   }
 }
 var hs = Object.defineProperty, ps = Object.getOwnPropertyDescriptor, qe = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? ps(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? ps(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && hs(e, t, n), n;
 };
 let de = class extends S {
@@ -6054,8 +6061,8 @@ function fs(s, e) {
   localStorage.setItem(`${Tt}${s}`, JSON.stringify(e));
 }
 var ms = Object.defineProperty, gs = Object.getOwnPropertyDescriptor, L = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? gs(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? gs(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && ms(e, t, n), n;
 };
 let I = class extends S {
@@ -6497,14 +6504,14 @@ class bs {
     this.disable();
   }
   render() {
-    var o;
+    var r;
     if (!this.container) return;
     if (document.documentElement.scrollHeight <= window.innerHeight) {
       for (const l of this.pillEls.values()) l.remove();
       this.pillEls.clear();
       return;
     }
-    const e = window.scrollY, t = window.innerHeight, i = document.documentElement.scrollHeight, n = (o = this.client.state.user) == null ? void 0 : o.id, r = /* @__PURE__ */ new Set();
+    const e = window.scrollY, t = window.innerHeight, i = document.documentElement.scrollHeight, n = (r = this.client.state.user) == null ? void 0 : r.id, o = /* @__PURE__ */ new Set();
     for (const [l, a] of this.client.state.viewports) {
       if (l === n) continue;
       const c = a.scrollY, h = a.scrollY + a.viewportHeight, p = e, m = e + t;
@@ -6513,7 +6520,7 @@ class bs {
         k && (k.style.display = "none");
         continue;
       }
-      r.add(l);
+      o.add(l);
       const f = this.client.state.presence.find(
         (k) => k.user.id === l
       );
@@ -6538,15 +6545,15 @@ class bs {
       }), this.container.appendChild($), this.pillEls.set(l, $)), $.style.display = "", $.style.background = f.user.color, $.style.top = `${_}px`, $.textContent = this.getInitials(f.user.name);
     }
     for (const [l, a] of this.pillEls)
-      !r.has(l) && !this.client.state.viewports.has(l) && (a.remove(), this.pillEls.delete(l));
+      !o.has(l) && !this.client.state.viewports.has(l) && (a.remove(), this.pillEls.delete(l));
   }
   getInitials(e) {
     return e.split(" ").map((t) => t[0]).join("").toUpperCase().slice(0, 2);
   }
 }
 var vs = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, P = (s, e, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? xs(e, t) : e, r = s.length - 1, o; r >= 0; r--)
-    (o = s[r]) && (n = (i ? o(e, t, n) : o(n)) || n);
+  for (var n = i > 1 ? void 0 : i ? xs(e, t) : e, o = s.length - 1, r; o >= 0; o--)
+    (r = s[o]) && (n = (i ? r(e, t, n) : r(n)) || n);
   return i && n && vs(e, t, n), n;
 };
 let E = class extends S {
@@ -6638,14 +6645,14 @@ let E = class extends S {
     ), window.addEventListener("scroll", this.handleScroll), document.addEventListener("selectionchange", this.handleSelectionChange), this.client.connect();
   }
   teardownClient() {
-    var s, e, t, i, n, r;
-    this.unsubs.forEach((o) => o()), this.unsubs = [], window.removeEventListener("scroll", this.handleScroll), document.removeEventListener("selectionchange", this.handleSelectionChange), this._viewportThrottleTimer && (clearTimeout(this._viewportThrottleTimer), this._viewportThrottleTimer = null), this._selectionThrottleTimer && (clearTimeout(this._selectionThrottleTimer), this._selectionThrottleTimer = null), (s = this.cursorOverlay) == null || s.destroy(), (e = this.commentPins) == null || e.destroy(), (t = this.viewportOverlay) == null || t.destroy(), (i = this.selectionOverlay) == null || i.destroy(), (n = this.drawingOverlay) == null || n.destroy(), (r = this.client) == null || r.disconnect(), this.client = void 0, this.cursorOverlay = void 0, this.commentPins = void 0, this.viewportOverlay = void 0, this.selectionOverlay = void 0, this.drawingOverlay = void 0, this.clientConfigKey = "", this.followingUserId = null, this.drawModeActive = !1, this.connectionState = "disconnected", this.showConnectedFlash = !1, this._wasDisconnected = !1, this._connectedFlashTimer && (clearTimeout(this._connectedFlashTimer), this._connectedFlashTimer = null);
+    var s, e, t, i, n, o;
+    this.unsubs.forEach((r) => r()), this.unsubs = [], window.removeEventListener("scroll", this.handleScroll), document.removeEventListener("selectionchange", this.handleSelectionChange), this._viewportThrottleTimer && (clearTimeout(this._viewportThrottleTimer), this._viewportThrottleTimer = null), this._selectionThrottleTimer && (clearTimeout(this._selectionThrottleTimer), this._selectionThrottleTimer = null), (s = this.cursorOverlay) == null || s.destroy(), (e = this.commentPins) == null || e.destroy(), (t = this.viewportOverlay) == null || t.destroy(), (i = this.selectionOverlay) == null || i.destroy(), (n = this.drawingOverlay) == null || n.destroy(), (o = this.client) == null || o.disconnect(), this.client = void 0, this.cursorOverlay = void 0, this.commentPins = void 0, this.viewportOverlay = void 0, this.selectionOverlay = void 0, this.drawingOverlay = void 0, this.clientConfigKey = "", this.followingUserId = null, this.drawModeActive = !1, this.connectionState = "disconnected", this.showConnectedFlash = !1, this._wasDisconnected = !1, this._connectedFlashTimer && (clearTimeout(this._connectedFlashTimer), this._connectedFlashTimer = null);
   }
   handlePanelClose() {
     this.activePanel = null, this.highlightThreadId = null;
   }
   handleToolbarAction(s) {
-    var t, i, n, r;
+    var t, i, n, o;
     const e = s.detail;
     if (!(!this.settings.enabled && e !== "settings"))
       switch (e) {
@@ -6665,7 +6672,7 @@ let E = class extends S {
           this.pinModeActive = !this.pinModeActive, this.pinModeActive ? (t = this.commentPins) == null || t.enterPinMode() : (i = this.commentPins) == null || i.exitPinMode();
           break;
         case "draw-mode":
-          this.drawModeActive = !this.drawModeActive, this.drawModeActive ? (n = this.drawingOverlay) == null || n.enableDrawMode() : (r = this.drawingOverlay) == null || r.disableDrawMode();
+          this.drawModeActive = !this.drawModeActive, this.drawModeActive ? (n = this.drawingOverlay) == null || n.enableDrawMode() : (o = this.drawingOverlay) == null || o.disableDrawMode();
           break;
       }
   }
@@ -6678,9 +6685,9 @@ let E = class extends S {
     this.settings = e, fs(this.room, e), this.applySettings(e);
   }
   applySettings(s) {
-    var e, t, i, n, r, o, l, a, c, h, p, m, f, b, x, _, $;
+    var e, t, i, n, o, r, l, a, c, h, p, m, f, b, x, _, $;
     if (!s.enabled) {
-      (e = this.cursorOverlay) == null || e.disable(), (t = this.viewportOverlay) == null || t.disable(), (i = this.selectionOverlay) == null || i.disable(), (n = this.drawingOverlay) == null || n.disable(), this.drawModeActive && ((r = this.drawingOverlay) == null || r.disableDrawMode(), this.drawModeActive = !1), (o = this.client) == null || o.setAppearOffline(!0), (l = this.commentPins) == null || l.setVisible(!1), this.followingUserId = null, this.pinModeActive && ((a = this.commentPins) == null || a.exitPinMode(), this.pinModeActive = !1), this.activePanel = this.activePanel === "settings" ? "settings" : null, this.highlightThreadId = null;
+      (e = this.cursorOverlay) == null || e.disable(), (t = this.viewportOverlay) == null || t.disable(), (i = this.selectionOverlay) == null || i.disable(), (n = this.drawingOverlay) == null || n.disable(), this.drawModeActive && ((o = this.drawingOverlay) == null || o.disableDrawMode(), this.drawModeActive = !1), (r = this.client) == null || r.setAppearOffline(!0), (l = this.commentPins) == null || l.setVisible(!1), this.followingUserId = null, this.pinModeActive && ((a = this.commentPins) == null || a.exitPinMode(), this.pinModeActive = !1), this.activePanel = this.activePanel === "settings" ? "settings" : null, this.highlightThreadId = null;
       return;
     }
     this.applyCursorSettings(s), (c = this.client) == null || c.setAppearOffline(s.appearOffline), (h = this.commentPins) == null || h.setVisible(s.showCommentPins), s.showViewportIndicators ? (p = this.viewportOverlay) == null || p.enable() : (m = this.viewportOverlay) == null || m.disable(), s.showSelections ? (f = this.selectionOverlay) == null || f.enable() : (b = this.selectionOverlay) == null || b.disable(), s.showDrawings ? (x = this.drawingOverlay) == null || x.enable() : ((_ = this.drawingOverlay) == null || _.disable(), this.drawModeActive && (($ = this.drawingOverlay) == null || $.disableDrawMode(), this.drawModeActive = !1));
@@ -6700,10 +6707,10 @@ let E = class extends S {
     var b, x, _, $;
     const s = this.display === "inline", e = (b = this.shadowRoot) == null ? void 0 : b.querySelector(".inline-trigger"), t = (x = this.shadowRoot) == null ? void 0 : x.querySelector("pulse-widget-toolbar"), i = s ? e : t;
     if (!i) return;
-    const n = i.getBoundingClientRect(), r = window.innerWidth, o = window.innerHeight, l = 8, a = (_ = this.shadowRoot) == null ? void 0 : _.querySelector(".toolbar-popover");
+    const n = i.getBoundingClientRect(), o = window.innerWidth, r = window.innerHeight, l = 8, a = (_ = this.shadowRoot) == null ? void 0 : _.querySelector(".toolbar-popover");
     if (a) {
       Object.assign(a.style, { top: "auto", left: "auto" });
-      const k = a.getBoundingClientRect(), A = this.computePosition(n, k, r, o, l);
+      const k = a.getBoundingClientRect(), A = this.computePosition(n, k, o, r, l);
       a.style.top = `${A.top}px`, a.style.left = `${A.left}px`;
     }
     const c = ($ = this.shadowRoot) == null ? void 0 : $.querySelector(".panel-container");
@@ -6711,13 +6718,13 @@ let E = class extends S {
     Object.assign(c.style, { top: "auto", left: "auto" });
     const h = a ?? t;
     if (!h) return;
-    const p = h.getBoundingClientRect(), m = c.getBoundingClientRect(), f = this.computePosition(p, m, r, o, l);
+    const p = h.getBoundingClientRect(), m = c.getBoundingClientRect(), f = this.computePosition(p, m, o, r, l);
     c.style.top = `${f.top}px`, c.style.left = `${f.left}px`;
   }
   computePosition(s, e, t, i, n) {
-    const r = s.top, o = i - s.bottom;
+    const o = s.top, r = i - s.bottom;
     let l;
-    r >= e.height + n ? l = s.top - e.height - n : o >= e.height + n ? l = s.bottom + n : l = r >= o ? Math.max(n, s.top - e.height - n) : s.bottom + n;
+    o >= e.height + n ? l = s.top - e.height - n : r >= e.height + n ? l = s.bottom + n : l = o >= r ? Math.max(n, s.top - e.height - n) : s.bottom + n;
     let a;
     const c = s.right - e.width;
     return c >= n ? a = c : s.left + e.width + n <= t ? a = s.left : a = Math.max(n, Math.min(t - e.width - n, s.left)), l = Math.max(n, Math.min(i - e.height - n, l)), a = Math.max(n, Math.min(t - e.width - n, a)), { top: l, left: a };