playhtml 0.1.7 → 0.1.9

package/dist/playhtml.es.js

@@ -1,7 +1,7 @@
 var tr = Object.defineProperty;
 var er = (e, t, n) => t in e ? tr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var _ = (e, t, n) => (er(e, typeof t != "symbol" ? t + "" : t, n), n);
-const R = () => /* @__PURE__ */ new Map(), xe = (e) => {
+const R = () => /* @__PURE__ */ new Map(), Me = (e) => {
   const t = R();
   return e.forEach((n, s) => {
     t.set(s, n);
@@ -19,7 +19,7 @@ const R = () => /* @__PURE__ */ new Map(), xe = (e) => {
     if (t(s, n))
       return !0;
   return !1;
-}, rt = () => /* @__PURE__ */ new Set(), we = (e) => e[e.length - 1], rr = (e, t) => {
+}, rt = () => /* @__PURE__ */ new Set(), me = (e) => e[e.length - 1], rr = (e, t) => {
   for (let n = 0; n < t.length; n++)
     e.push(t[n]);
 }, Q = Array.from, ir = Array.isArray, or = String.fromCharCode, cr = (e) => e.toLowerCase(), lr = /^\s*/g, ar = (e) => e.replace(lr, ""), hr = /([A-Z])/g, pn = (e, t) => ar(e.replace(hr, (n) => `${t}${cr(n)}`)), ur = (e) => {
@@ -74,7 +74,7 @@ const Hn = Fn, pr = (e) => $e || addEventListener(
   for (const s in e)
     n.push(t(e[s], s));
   return n;
-}, Zt = (e) => yr(e).length, kr = (e) => {
+}, Pt = (e) => yr(e).length, kr = (e) => {
   for (const t in e)
     return !1;
   return !0;
@@ -83,7 +83,7 @@ const Hn = Fn, pr = (e) => $e || addEventListener(
     if (!t(e[n], n))
       return !1;
   return !0;
-}, $n = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Dr = (e, t) => e === t || Zt(e) === Zt(t) && Sr(e, (n, s) => (n !== void 0 || $n(t, s)) && t[s] === n), Ke = (e, t, n = 0) => {
+}, $n = (e, t) => Object.prototype.hasOwnProperty.call(e, t), Dr = (e, t) => e === t || Pt(e) === Pt(t) && Sr(e, (n, s) => (n !== void 0 || $n(t, s)) && t[s] === n), Ke = (e, t, n = 0) => {
   try {
     for (; n < e.length; n++)
       e[n](...t);
@@ -125,7 +125,7 @@ const Hn = Fn, pr = (e) => $e || addEventListener(
       break;
     }
     case Object:
-      if (Zt(e) !== Zt(t))
+      if (Pt(e) !== Pt(t))
         return !1;
       for (const n in e)
         if (!$n(e, n) || !xt(e[n], t[n]))
@@ -163,9 +163,9 @@ const Ar = () => {
         }
       })) : N = R();
   return N;
-}, Me = (e) => Ar().has(e), Ue = (e) => wn(yt ? process.env[e.toUpperCase()] : Hn.getItem(e)), Lr = (e) => Me("--" + e) || Ue(e) !== null;
+}, Ue = (e) => Ar().has(e), Te = (e) => wn(yt ? process.env[e.toUpperCase()] : Hn.getItem(e)), Lr = (e) => Ue("--" + e) || Te(e) !== null;
 Lr("production");
-const mn = yt && Ir(process.env.FORCE_COLOR, ["true", "1", "2"]), xr = !Me("no-colors") && (!yt || process.stdout.isTTY || mn) && (!yt || Me("color") || mn || Ue("COLORTERM") !== null || (Ue("TERM") || "").includes("color")), j = Math.floor, Gt = Math.abs, je = (e, t) => e < t ? e : t, ht = (e, t) => e > t ? e : t, Mr = Math.pow, jn = (e) => e !== 0 ? e < 0 : 1 / e < 0, yn = 1, _n = 2, me = 4, ye = 8, Tt = 32, K = 64, T = 128, ce = 31, Te = 63, nt = 127, Ur = 2147483647, Jn = Number.MAX_SAFE_INTEGER, Tr = Number.isInteger || ((e) => typeof e == "number" && isFinite(e) && j(e) === e);
+const mn = yt && Ir(process.env.FORCE_COLOR, ["true", "1", "2"]), xr = !Ue("no-colors") && (!yt || process.stdout.isTTY || mn) && (!yt || Ue("color") || mn || Te("COLORTERM") !== null || (Te("TERM") || "").includes("color")), j = Math.floor, Gt = Math.abs, je = (e, t) => e < t ? e : t, ht = (e, t) => e > t ? e : t, Mr = Math.pow, jn = (e) => e !== 0 ? e < 0 : 1 / e < 0, yn = 1, _n = 2, ye = 4, _e = 8, Tt = 32, K = 64, T = 128, le = 31, ve = 63, nt = 127, Ur = 2147483647, Jn = Number.MAX_SAFE_INTEGER, Tr = Number.isInteger || ((e) => typeof e == "number" && isFinite(e) && j(e) === e);
 class Ft {
   constructor() {
     this.cpos = 0, this.cbuf = new Uint8Array(100), this.bufs = [];
@@ -190,20 +190,20 @@ const M = () => new Ft(), Je = (e) => {
 }, I = (e, t) => {
   const n = e.cbuf.length;
   e.cpos === n && (e.bufs.push(e.cbuf), e.cbuf = new Uint8Array(n * 2), e.cpos = 0), e.cbuf[e.cpos++] = t;
-}, ve = I, p = (e, t) => {
+}, Oe = I, p = (e, t) => {
   for (; t > nt; )
     I(e, T | nt & t), t = j(t / 128);
   I(e, nt & t);
 }, Xe = (e, t) => {
   const n = jn(t);
-  for (n && (t = -t), I(e, (t > Te ? T : 0) | (n ? K : 0) | Te & t), t = j(t / 64); t > 0; )
+  for (n && (t = -t), I(e, (t > ve ? T : 0) | (n ? K : 0) | ve & t), t = j(t / 64); t > 0; )
     I(e, (t > nt ? T : 0) | nt & t), t = j(t / 128);
-}, Oe = new Uint8Array(3e4), Or = Oe.length / 3, Rr = (e, t) => {
+}, Re = new Uint8Array(3e4), Or = Re.length / 3, Rr = (e, t) => {
   if (t.length < Or) {
-    const n = Ut.encodeInto(t, Oe).written || 0;
+    const n = Ut.encodeInto(t, Re).written || 0;
     p(e, n);
     for (let s = 0; s < n; s++)
-      I(e, Oe[s]);
+      I(e, Re[s]);
   } else
     D(e, fr(t));
 }, Nr = (e, t) => {
@@ -216,11 +216,11 @@ const M = () => new Ft(), Je = (e) => {
       n.codePointAt(r)
     );
 }, st = Ut && /** @type {any} */
-Ut.encodeInto ? Rr : Nr, le = (e, t) => {
+Ut.encodeInto ? Rr : Nr, ae = (e, t) => {
   const n = e.cbuf.length, s = e.cpos, r = je(n - s, t.length), i = t.length - r;
   e.cbuf.set(t.subarray(0, r), s), e.cpos += r, i > 0 && (e.bufs.push(e.cbuf), e.cbuf = new Uint8Array(ht(n * 2, i)), e.cbuf.set(t.subarray(r)), e.cpos = i);
 }, D = (e, t) => {
-  p(e, t.byteLength), le(e, t);
+  p(e, t.byteLength), ae(e, t);
 }, Ye = (e, t) => {
   vr(e, t);
   const n = new DataView(e.cbuf.buffer, e.cpos, t);
@@ -302,7 +302,7 @@ const Dn = (e) => {
     Xe(e.encoder, t), e.count > 1 && p(e.encoder, e.count - 2);
   }
 };
-class _e {
+class be {
   constructor() {
     this.encoder = new Ft(), this.s = 0, this.count = 0, this.diff = 0;
   }
@@ -328,7 +328,7 @@ class $r {
   }
   toUint8Array() {
     const t = new Ft();
-    return this.sarr.push(this.s), this.s = "", st(t, this.sarr.join("")), le(t, this.lensE.toUint8Array()), S(t);
+    return this.sarr.push(this.s), this.s = "", st(t, this.sarr.join("")), ae(t, this.lensE.toUint8Array()), S(t);
   }
 }
 const ut = (e) => new Error(e), B = () => {
@@ -336,7 +336,7 @@ const ut = (e) => new Error(e), B = () => {
 }, V = () => {
   throw ut("Unexpected case");
 }, Xn = ut("Unexpected end of array"), Yn = ut("Integer out of Range");
-class ae {
+class he {
   /**
    * @param {Uint8Array} uint8Array Binary data to decode
    */
@@ -344,7 +344,7 @@ class ae {
     this.arr = t, this.pos = 0;
   }
 }
-const P = (e) => new ae(e), Kr = (e) => e.pos !== e.arr.length, jr = (e, t) => {
+const P = (e) => new he(e), Kr = (e) => e.pos !== e.arr.length, jr = (e, t) => {
   const n = We(e.arr.buffer, e.pos + e.arr.byteOffset, t);
   return e.pos += t, n;
 }, x = (e) => jr(e, w(e)), _t = (e) => e.arr[e.pos++], w = (e) => {
@@ -359,7 +359,7 @@ const P = (e) => new ae(e), Kr = (e) => e.pos !== e.arr.length, jr = (e, t) => {
   }
   throw Xn;
 }, ze = (e) => {
-  let t = e.arr[e.pos++], n = t & Te, s = 64;
+  let t = e.arr[e.pos++], n = t & ve, s = 64;
   const r = (t & K) > 0 ? -1 : 1;
   if (!(t & T))
     return r * n;
@@ -437,7 +437,7 @@ const P = (e) => new ae(e), Kr = (e) => e.pos !== e.arr.length, jr = (e, t) => {
   x
   // CASE 116: Uint8Array
 ], Ot = (e) => Wr[127 - _t(e)](e);
-class Cn extends ae {
+class Cn extends he {
   /**
    * @param {Uint8Array} uint8Array
    * @param {function(Decoder):T} reader
@@ -450,7 +450,7 @@ class Cn extends ae {
     this.s;
   }
 }
-class qt extends ae {
+class qt extends he {
   /**
    * @param {Uint8Array} uint8Array
    */
@@ -467,7 +467,7 @@ class qt extends ae {
     this.s;
   }
 }
-class be extends ae {
+class ke extends he {
   /**
    * @param {Uint8Array} uint8Array
    */
@@ -547,7 +547,7 @@ const oi = typeof BroadcastChannel > "u" ? ii : BroadcastChannel, qe = (e) => J(
   const s = qe(e);
   s.bc.postMessage(t), s.subs.forEach((r) => r(t, n));
 }, it = Date.now;
-class he {
+class ue {
   constructor() {
     this._observers = R();
   }
@@ -666,7 +666,7 @@ const fi = (e) => nr(e, (t, n) => `${n}:${t};`).join(""), X = Symbol, qn = X(),
     n = e.next();
   while (!n.done && !t(n.value));
   return n;
-}), ke = (e, t) => ts(() => {
+}), Se = (e, t) => ts(() => {
   const { done: n, value: s } = e.next();
   return { done: n, value: n ? void 0 : t(s) };
 });
@@ -730,7 +730,7 @@ const es = (e, t, n) => t.clients.forEach((s, r) => {
       }
     });
   return Ze(t), t;
-}, Pt = (e, t, n, s) => {
+}, te = (e, t, n, s) => {
   J(e.clients, t, () => (
     /** @type {Array<DeleteItem>} */
     []
@@ -785,12 +785,12 @@ const es = (e, t, n) => t.clients.forEach((s, r) => {
     for (let h = 0; h < c; h++) {
       const u = e.readDsClock(), d = u + e.readDsLen();
       if (u < a) {
-        a < d && Pt(s, o, a, d - a);
+        a < d && te(s, o, a, d - a);
         let f = F(l, u), g = l[f];
-        for (!g.deleted && g.id.clock < u && (l.splice(f + 1, 0, oe(t, g, u - g.id.clock)), f++); f < l.length && (g = l[f++], g.id.clock < d); )
-          g.deleted || (d < g.id.clock + g.length && l.splice(f, 0, oe(t, g, d - g.id.clock)), g.delete(t));
+        for (!g.deleted && g.id.clock < u && (l.splice(f + 1, 0, ce(t, g, u - g.id.clock)), f++); f < l.length && (g = l[f++], g.id.clock < d); )
+          g.deleted || (d < g.id.clock + g.length && l.splice(f, 0, ce(t, g, d - g.id.clock)), g.delete(t));
       } else
-        Pt(s, o, u, d - u);
+        te(s, o, u, d - u);
     }
   }
   if (s.clients.size > 0) {
@@ -799,7 +799,7 @@ const es = (e, t, n) => t.clients.forEach((s, r) => {
   }
   return null;
 }, ss = Wn;
-class Ct extends he {
+class Ct extends ue {
   /**
    * @param {DocOpts} opts configuration
    */
@@ -1130,7 +1130,7 @@ class kt extends Mi {
    * @param {decoding.Decoder} decoder
    */
   constructor(t) {
-    super(t), this.keys = [], w(t), this.keyClockDecoder = new be(x(t)), this.clientDecoder = new qt(x(t)), this.leftClockDecoder = new be(x(t)), this.rightClockDecoder = new be(x(t)), this.infoDecoder = new Cn(x(t), _t), this.stringDecoder = new qr(x(t)), this.parentInfoDecoder = new Cn(x(t), _t), this.typeRefDecoder = new qt(x(t)), this.lenDecoder = new qt(x(t));
+    super(t), this.keys = [], w(t), this.keyClockDecoder = new ke(x(t)), this.clientDecoder = new qt(x(t)), this.leftClockDecoder = new ke(x(t)), this.rightClockDecoder = new ke(x(t)), this.infoDecoder = new Cn(x(t), _t), this.stringDecoder = new qr(x(t)), this.parentInfoDecoder = new Cn(x(t), _t), this.typeRefDecoder = new qt(x(t)), this.lenDecoder = new qt(x(t));
   }
   /**
    * @return {ID}
@@ -1267,7 +1267,7 @@ class $t extends os {
    * @param {number} info An unsigned 8-bit integer
    */
   writeInfo(t) {
-    ve(this.restEncoder, t);
+    Oe(this.restEncoder, t);
   }
   /**
    * @param {string} s
@@ -1346,11 +1346,11 @@ class cs {
 }
 class ot extends cs {
   constructor() {
-    super(), this.keyMap = /* @__PURE__ */ new Map(), this.keyClock = 0, this.keyClockEncoder = new _e(), this.clientEncoder = new Wt(), this.leftClockEncoder = new _e(), this.rightClockEncoder = new _e(), this.infoEncoder = new kn(ve), this.stringEncoder = new $r(), this.parentInfoEncoder = new kn(ve), this.typeRefEncoder = new Wt(), this.lenEncoder = new Wt();
+    super(), this.keyMap = /* @__PURE__ */ new Map(), this.keyClock = 0, this.keyClockEncoder = new be(), this.clientEncoder = new Wt(), this.leftClockEncoder = new be(), this.rightClockEncoder = new be(), this.infoEncoder = new kn(Oe), this.stringEncoder = new $r(), this.parentInfoEncoder = new kn(Oe), this.typeRefEncoder = new Wt(), this.lenEncoder = new Wt();
   }
   toUint8Array() {
     const t = M();
-    return p(t, 0), D(t, this.keyClockEncoder.toUint8Array()), D(t, this.clientEncoder.toUint8Array()), D(t, this.leftClockEncoder.toUint8Array()), D(t, this.rightClockEncoder.toUint8Array()), D(t, S(this.infoEncoder)), D(t, this.stringEncoder.toUint8Array()), D(t, S(this.parentInfoEncoder)), D(t, this.typeRefEncoder.toUint8Array()), D(t, this.lenEncoder.toUint8Array()), le(t, S(this.restEncoder)), S(t);
+    return p(t, 0), D(t, this.keyClockEncoder.toUint8Array()), D(t, this.clientEncoder.toUint8Array()), D(t, this.leftClockEncoder.toUint8Array()), D(t, this.rightClockEncoder.toUint8Array()), D(t, S(this.infoEncoder)), D(t, this.stringEncoder.toUint8Array()), D(t, S(this.parentInfoEncoder)), D(t, this.typeRefEncoder.toUint8Array()), D(t, this.lenEncoder.toUint8Array()), ae(t, S(this.restEncoder)), S(t);
   }
   /**
    * @param {ID} id
@@ -1449,7 +1449,7 @@ const Ui = (e, t, n, s) => {
   const s = /* @__PURE__ */ new Map();
   n.forEach((r, i) => {
     A(t, i) > r && s.set(i, r);
-  }), ue(t).forEach((r, i) => {
+  }), de(t).forEach((r, i) => {
     n.has(i) || s.set(i, 0);
   }), p(e.restEncoder, s.size), Q(s.entries()).sort((r, i) => i[0] - r[0]).forEach(([r, i]) => {
     Ui(
@@ -1468,7 +1468,7 @@ const Ui = (e, t, n, s) => {
     n.set(c, { i: 0, refs: o });
     for (let a = 0; a < i; a++) {
       const h = e.readInfo();
-      switch (ce & h) {
+      switch (le & h) {
         case 0: {
           const u = e.readLen();
           o[a] = new v(y(c, l), u), l += u;
@@ -1604,7 +1604,7 @@ const Ui = (e, t, n, s) => {
         const g = h.missing.get(d);
         (g == null || g > f) && h.missing.set(d, f);
       }
-      h.update = te([h.update, a.update]);
+      h.update = ee([h.update, a.update]);
     }
   } else
     c.pendingStructs = a;
@@ -1613,7 +1613,7 @@ const Ui = (e, t, n, s) => {
     const d = new kt(P(c.pendingDs));
     w(d.restDecoder);
     const f = En(d, r, c);
-    u && f ? c.pendingDs = te([u, f]) : c.pendingDs = u || f;
+    u && f ? c.pendingDs = ee([u, f]) : c.pendingDs = u || f;
   } else
     c.pendingDs = u;
   if (i) {
@@ -1636,7 +1636,7 @@ const Ui = (e, t, n, s) => {
     if (n.constructor === $t)
       return qi(r.map((i, o) => o === 0 ? i : to(i)));
     if (n.constructor === ot)
-      return te(r);
+      return ee(r);
   }
   return r[0];
 }, en = (e, t) => Bi(e, t, new $t()), Vi = (e) => {
@@ -1648,7 +1648,7 @@ const Ui = (e, t, n, s) => {
   return t;
 }, hs = (e) => Vi(new rs(P(e))), us = (e, t) => (p(e.restEncoder, t.size), Q(t.entries()).sort((n, s) => s[0] - n[0]).forEach(([n, s]) => {
   p(e.restEncoder, n), p(e.restEncoder, s);
-}), e), Fi = (e, t) => us(e, ue(t.store)), Hi = (e, t = new cs()) => (e instanceof Map ? us(t, e) : Fi(t, e), t.toUint8Array()), $i = (e) => Hi(e, new os());
+}), e), Fi = (e, t) => us(e, de(t.store)), Hi = (e, t = new cs()) => (e instanceof Map ? us(t, e) : Fi(t, e), t.toUint8Array()), $i = (e) => Hi(e, new os());
 class Ki {
   constructor() {
     this.l = [];
@@ -1672,8 +1672,8 @@ const Xt = (e, t) => e === t || e !== null && t !== null && e.client === t.clien
     if (n === e)
       return t;
   throw V();
-}, It = (e, t) => t === void 0 ? !e.deleted : t.sv.has(e.id.client) && (t.sv.get(e.id.client) || 0) > e.id.clock && !ns(t.ds, e.id), Re = (e, t) => {
-  const n = J(e.meta, Re, rt), s = e.doc.store;
+}, It = (e, t) => t === void 0 ? !e.deleted : t.sv.has(e.id.client) && (t.sv.get(e.id.client) || 0) > e.id.clock && !ns(t.ds, e.id), Ne = (e, t) => {
+  const n = J(e.meta, Ne, rt), s = e.doc.store;
   n.has(t) || (t.sv.forEach((r, i) => {
     r < A(s, i) && Z(e, y(i, r));
   }), es(e, t.ds, (r) => {
@@ -1684,7 +1684,7 @@ class fs {
     this.clients = /* @__PURE__ */ new Map(), this.pendingStructs = null, this.pendingDs = null;
   }
 }
-const ue = (e) => {
+const de = (e) => {
   const t = /* @__PURE__ */ new Map();
   return e.clients.forEach((n, s) => {
     const r = n[n.length - 1];
@@ -1724,21 +1724,21 @@ const ue = (e) => {
 }, Ji = (e, t) => {
   const n = e.clients.get(t.client);
   return n[F(n, t.clock)];
-}, Se = (
+}, De = (
   /** @type {function(StructStore,ID):Item} */
   Ji
-), Ne = (e, t, n) => {
+), Be = (e, t, n) => {
   const s = F(t, n), r = t[s];
-  return r.id.clock < n && r instanceof C ? (t.splice(s + 1, 0, oe(e, r, n - r.id.clock)), s + 1) : s;
+  return r.id.clock < n && r instanceof C ? (t.splice(s + 1, 0, ce(e, r, n - r.id.clock)), s + 1) : s;
 }, Z = (e, t) => {
   const n = (
     /** @type {Array<Item>} */
     e.doc.store.clients.get(t.client)
   );
-  return n[Ne(e, n, t.clock)];
+  return n[Be(e, n, t.clock)];
 }, xn = (e, t, n) => {
   const s = t.clients.get(n.client), r = F(s, n.clock), i = s[r];
-  return n.clock !== i.id.clock + i.length - 1 && i.constructor !== v && s.splice(r + 1, 0, oe(e, i, n.clock - i.id.clock + 1)), i;
+  return n.clock !== i.id.clock + i.length - 1 && i.constructor !== v && s.splice(r + 1, 0, ce(e, i, n.clock - i.id.clock + 1)), i;
 }, Xi = (e, t, n) => {
   const s = (
     /** @type {Array<GC|Item>} */
@@ -1749,9 +1749,9 @@ const ue = (e) => {
   if (s === 0)
     return;
   const i = n + s;
-  let o = Ne(e, t, n), c;
+  let o = Be(e, t, n), c;
   do
-    c = t[o++], i < c.id.clock + c.length && Ne(e, t, i), r(c);
+    c = t[o++], i < c.id.clock + c.length && Be(e, t, i), r(c);
   while (o < t.length && t[o].id.clock < i);
 };
 class Yi {
@@ -1761,7 +1761,7 @@ class Yi {
    * @param {boolean} local
    */
   constructor(t, n, s) {
-    this.doc = t, this.deleteSet = new Ht(), this.beforeState = ue(t.store), this.afterState = /* @__PURE__ */ new Map(), this.changed = /* @__PURE__ */ new Map(), this.changedParentTypes = /* @__PURE__ */ new Map(), this._mergeStructs = [], this.origin = n, this.meta = /* @__PURE__ */ new Map(), this.local = s, this.subdocsAdded = /* @__PURE__ */ new Set(), this.subdocsRemoved = /* @__PURE__ */ new Set(), this.subdocsLoaded = /* @__PURE__ */ new Set(), this._needFormattingCleanup = !1;
+    this.doc = t, this.deleteSet = new Ht(), this.beforeState = de(t.store), this.afterState = /* @__PURE__ */ new Map(), this.changed = /* @__PURE__ */ new Map(), this.changedParentTypes = /* @__PURE__ */ new Map(), this._mergeStructs = [], this.origin = n, this.meta = /* @__PURE__ */ new Map(), this.local = s, this.subdocsAdded = /* @__PURE__ */ new Set(), this.subdocsRemoved = /* @__PURE__ */ new Set(), this.subdocsLoaded = /* @__PURE__ */ new Set(), this._needFormattingCleanup = !1;
   }
 }
 const Mn = (e, t) => t.deleteSet.clients.size === 0 && !sr(t.afterState, (n, s) => t.beforeState.get(s) !== n) ? !1 : (Ze(t.deleteSet), Oi(e, t), Dt(e, t.deleteSet), !0), Un = (e, t, n) => {
@@ -1807,7 +1807,7 @@ const Mn = (e, t) => t.deleteSet.clients.size === 0 && !sr(t.afterState, (n, s)
   if (t < e.length) {
     const n = e[t], s = n.doc, r = s.store, i = n.deleteSet, o = n._mergeStructs;
     try {
-      Ze(i), n.afterState = ue(n.doc.store), s.emit("beforeObserverCalls", [n, s]);
+      Ze(i), n.afterState = de(n.doc.store), s.emit("beforeObserverCalls", [n, s]);
       const c = [];
       n.changed.forEach(
         (l, a) => c.push(() => {
@@ -1879,7 +1879,7 @@ function* Wi(e) {
       if (c === 10) {
         const l = w(e.restDecoder);
         yield new O(y(r, i), l), i += l;
-      } else if (ce & c) {
+      } else if (le & c) {
         const l = (c & (K | T)) === 0, a = new C(
           y(r, i),
           null,
@@ -1932,7 +1932,7 @@ class sn {
     this.currClient = 0, this.startClock = 0, this.written = 0, this.encoder = t, this.clientStructs = [];
   }
 }
-const qi = (e) => te(e, is, $t), Qi = (e, t) => {
+const qi = (e) => ee(e, is, $t), Qi = (e, t) => {
   if (e.constructor === v) {
     const { client: n, clock: s } = e.id;
     return new v(y(n, s + t), e.length - t);
@@ -1955,7 +1955,7 @@ const qi = (e) => te(e, is, $t), Qi = (e, t) => {
       n.content.splice(t)
     );
   }
-}, te = (e, t = kt, n = ot) => {
+}, ee = (e, t = kt, n = ot) => {
   if (e.length === 1)
     return e[0];
   const s = e.map((h) => new t(P(h)));
@@ -2042,7 +2042,7 @@ const qi = (e) => te(e, is, $t), Qi = (e, t) => {
   p(t, e.clientStructs.length);
   for (let n = 0; n < e.clientStructs.length; n++) {
     const s = e.clientStructs[n];
-    p(t, s.written), le(t, s.restEncoder);
+    p(t, s.written), ae(t, s.restEncoder);
   }
 }, Pi = (e, t, n, s) => {
   const r = new n(P(e)), i = new nn(r, !1), o = new s(), c = new sn(o);
@@ -2052,7 +2052,7 @@ const qi = (e) => te(e, is, $t), Qi = (e, t) => {
   const l = Pe(r);
   return Dt(o, l), o.toUint8Array();
 }, to = (e) => Pi(e, Cr, kt, $t);
-class de {
+class fe {
   /**
    * @param {T} target The changed type.
    * @param {Transaction} transaction
@@ -2107,13 +2107,13 @@ class de {
               l = l.left;
             if (this.deletes(i))
               if (l !== null && this.deletes(l))
-                o = "delete", c = we(l.content.getContent());
+                o = "delete", c = me(l.content.getContent());
               else
                 return;
             else
-              l !== null && this.deletes(l) ? (o = "update", c = we(l.content.getContent())) : (o = "add", c = void 0);
+              l !== null && this.deletes(l) ? (o = "update", c = me(l.content.getContent())) : (o = "add", c = void 0);
           } else if (this.deletes(i))
-            o = "delete", c = we(
+            o = "delete", c = me(
               /** @type {Item} */
               i.content.getContent()
             );
@@ -2223,7 +2223,7 @@ const so = (e) => {
     const s = new no(t, n);
     return e.push(s), s;
   }
-}, fe = (e, t) => {
+}, ge = (e, t) => {
   if (e._start === null || t === 0 || e._searchMarker === null)
     return null;
   const n = e._searchMarker.length === 0 ? null : e._searchMarker.reduce((i, o) => Gt(t - i.index) < Gt(t - o.index) ? i : o);
@@ -2257,7 +2257,7 @@ const so = (e) => {
     }
     (t < r.index || n > 0 && t === r.index) && (r.index = ht(t, r.index + n));
   }
-}, ge = (e, t, n) => {
+}, pe = (e, t, n) => {
   const s = e, r = t.changedParentTypes;
   for (; J(r, e, () => []).push(n), e._item !== null; )
     e = /** @type {AbstractType<any>} */
@@ -2436,7 +2436,7 @@ const bs = (e, t, n) => {
     }
   };
 }, Ds = (e, t) => {
-  const n = fe(e, t);
+  const n = ge(e, t);
   let s = e._start;
   for (n !== null && (s = n.p, t -= n.index); s !== null; s = s.right)
     if (!s.deleted && s.countable) {
@@ -2444,7 +2444,7 @@ const bs = (e, t, n) => {
         return s.content.getContent()[t];
       t -= s.length;
     }
-}, ee = (e, t, n, s) => {
+}, ne = (e, t, n, s) => {
   let r = n;
   const i = e.doc, o = i.clientID, c = i.store, l = n === null ? t._start : n.right;
   let a = [];
@@ -2490,8 +2490,8 @@ const bs = (e, t, n) => {
   if (n > t._length)
     throw Cs;
   if (n === 0)
-    return t._searchMarker && Rt(t._searchMarker, n, s.length), ee(e, t, null, s);
-  const r = n, i = fe(t, n);
+    return t._searchMarker && Rt(t._searchMarker, n, s.length), ne(e, t, null, s);
+  const r = n, i = ge(t, n);
   let o = t._start;
   for (i !== null && (o = i.p, n -= i.index, n === 0 && (o = o.prev, n += o && o.countable && !o.deleted ? o.length : 0)); o !== null; o = o.right)
     if (!o.deleted && o.countable) {
@@ -2501,17 +2501,17 @@ const bs = (e, t, n) => {
       }
       n -= o.length;
     }
-  return t._searchMarker && Rt(t._searchMarker, r, s.length), ee(e, t, o, s);
+  return t._searchMarker && Rt(t._searchMarker, r, s.length), ne(e, t, o, s);
 }, oo = (e, t, n) => {
   let r = (t._searchMarker || []).reduce((i, o) => o.index > i.index ? o : i, { index: 0, p: t._start }).p;
   if (r)
     for (; r.right; )
       r = r.right;
-  return ee(e, t, r, n);
+  return ne(e, t, r, n);
 }, Is = (e, t, n, s) => {
   if (s === 0)
     return;
-  const r = n, i = s, o = fe(t, n);
+  const r = n, i = s, o = ge(t, n);
   let c = t._start;
   for (o !== null && (c = o.p, n -= o.index); c !== null && n > 0; c = c.right)
     !c.deleted && c.countable && (n < c.length && Z(e, y(c.id.client, c.id.clock + n)), n -= c.length);
@@ -2525,7 +2525,7 @@ const bs = (e, t, n) => {
     -i + s
     /* in case we remove the above exception */
   );
-}, ne = (e, t, n) => {
+}, se = (e, t, n) => {
   const s = t._map.get(n);
   s !== void 0 && s.delete(e);
 }, cn = (e, t, n, s) => {
@@ -2577,7 +2577,7 @@ const bs = (e, t, n) => {
   /** @param {any} entry */
   (t) => !t[1].deleted
 );
-class co extends de {
+class co extends fe {
   /**
    * @param {YArray<T>} yarray The changed type
    * @param {Transaction} transaction The transaction object
@@ -2645,7 +2645,7 @@ class wt extends L {
    * @param {Set<null|string>} parentSubs Keys changed on this type. `null` if list was modified.
    */
   _callObserver(t, n) {
-    super._callObserver(t, n), ge(this, t, new co(this, t));
+    super._callObserver(t, n), pe(this, t, new co(this, t));
   }
   /**
    * Inserts new content at an index.
@@ -2783,7 +2783,7 @@ class wt extends L {
   }
 }
 const lo = (e) => new wt();
-class ao extends de {
+class ao extends fe {
   /**
    * @param {YMap<T>} ymap The YArray that changed.
    * @param {Transaction} transaction
@@ -2841,7 +2841,7 @@ class ct extends L {
    * @param {Set<null|string>} parentSubs Keys changed on this type. `null` if list was modified.
    */
   _callObserver(t, n) {
-    ge(this, t, new ao(this, t, n));
+    pe(this, t, new ao(this, t, n));
   }
   /**
    * Transforms this Shared Type to a JSON object.
@@ -2871,7 +2871,7 @@ class ct extends L {
    * @return {IterableIterator<string>}
    */
   keys() {
-    return ke(
+    return Se(
       Yt(this._map),
       /** @param {any} v */
       (t) => t[0]
@@ -2883,7 +2883,7 @@ class ct extends L {
    * @return {IterableIterator<any>}
    */
   values() {
-    return ke(
+    return Se(
       Yt(this._map),
       /** @param {any} v */
       (t) => t[1].content.getContent()[t[1].length - 1]
@@ -2895,7 +2895,7 @@ class ct extends L {
    * @return {IterableIterator<any>}
    */
   entries() {
-    return ke(
+    return Se(
       Yt(this._map),
       /** @param {any} v */
       (t) => [t[0], t[1].content.getContent()[t[1].length - 1]]
@@ -2926,7 +2926,7 @@ class ct extends L {
    */
   delete(t) {
     this.doc !== null ? b(this.doc, (n) => {
-      ne(n, this, t);
+      se(n, this, t);
     }) : this._prelimContent.delete(t);
   }
   /**
@@ -2975,7 +2975,7 @@ class ct extends L {
   clear() {
     this.doc !== null ? b(this.doc, (t) => {
       this.forEach(function(n, s, r) {
-        ne(t, r, s);
+        se(t, r, s);
       });
     }) : this._prelimContent.clear();
   }
@@ -2987,7 +2987,7 @@ class ct extends L {
   }
 }
 const ho = (e) => new ct(), W = (e, t) => e === t || typeof e == "object" && typeof t == "object" && e && t && Dr(e, t);
-class Be {
+class Ve {
   /**
    * @param {Item|null} left
    * @param {Item|null} right
@@ -3034,12 +3034,12 @@ const Tn = (e, t, n) => {
   }
   return t;
 }, zt = (e, t, n) => {
-  const s = /* @__PURE__ */ new Map(), r = fe(t, n);
+  const s = /* @__PURE__ */ new Map(), r = ge(t, n);
   if (r) {
-    const i = new Be(r.p.left, r.p, r.index, s);
+    const i = new Ve(r.p.left, r.p, r.index, s);
     return Tn(e, i, n - r.index);
   } else {
-    const i = new Be(null, t._start, 0, s);
+    const i = new Ve(null, t._start, 0, s);
     return Tn(e, i, n);
   }
 }, xs = (e, t, n, s) => {
@@ -3087,7 +3087,7 @@ const Tn = (e, t, n) => {
     }
   }
   return o;
-}, De = (e, t, n, s, r) => {
+}, Ce = (e, t, n, s, r) => {
   n.currentAttributes.forEach((d, f) => {
     r[f] === void 0 && (r[f] = null);
   });
@@ -3199,7 +3199,7 @@ const Tn = (e, t, n) => {
         /** @type {Item} */
         e._start
       ), r = e._start, i = R();
-      const o = xe(i);
+      const o = Me(i);
       for (; r; ) {
         if (r.deleted === !1)
           switch (r.content.constructor) {
@@ -3211,7 +3211,7 @@ const Tn = (e, t, n) => {
               );
               break;
             default:
-              t += Ts(n, s, r, i, o), i = xe(o), s = r;
+              t += Ts(n, s, r, i, o), i = Me(o), s = r;
               break;
           }
         r = r.right;
@@ -3255,7 +3255,7 @@ const Tn = (e, t, n) => {
       fo(r);
   });
 }, On = (e, t, n) => {
-  const s = n, r = xe(t.currentAttributes), i = t.right;
+  const s = n, r = Me(t.currentAttributes), i = t.right;
   for (; n > 0 && t.right !== null; ) {
     if (t.right.deleted === !1)
       switch (t.right.content.constructor) {
@@ -3275,7 +3275,7 @@ const Tn = (e, t, n) => {
   );
   return o._searchMarker && Rt(o._searchMarker, t.index, -s + n), t;
 };
-class po extends de {
+class po extends fe {
   /**
    * @param {YText} ytext
    * @param {Transaction} transaction
@@ -3443,7 +3443,7 @@ class St extends L {
   _callObserver(t, n) {
     super._callObserver(t, n);
     const s = new po(this, t, n);
-    ge(this, t, s), !t.local && this._hasFormatting && (t._needFormattingCleanup = !0);
+    pe(this, t, s), !t.local && this._hasFormatting && (t._needFormattingCleanup = !0);
   }
   /**
    * Returns the unformatted string representation of this YText type.
@@ -3478,13 +3478,13 @@ class St extends L {
    */
   applyDelta(t, { sanitize: n = !0 } = {}) {
     this.doc !== null ? b(this.doc, (s) => {
-      const r = new Be(null, this._start, 0, /* @__PURE__ */ new Map());
+      const r = new Ve(null, this._start, 0, /* @__PURE__ */ new Map());
       for (let i = 0; i < t.length; i++) {
         const o = t[i];
         if (o.insert !== void 0) {
           const c = !n && typeof o.insert == "string" && i === t.length - 1 && r.right === null && o.insert.slice(-1) === `
 ` ? o.insert.slice(0, -1) : o.insert;
-          (typeof c != "string" || c.length > 0) && De(s, this, r, c, o.attributes || {});
+          (typeof c != "string" || c.length > 0) && Ce(s, this, r, c, o.attributes || {});
         } else
           o.retain !== void 0 ? vn(s, this, r, o.retain, o.attributes || {}) : o.delete !== void 0 && On(s, r, o.delete);
       }
@@ -3558,7 +3558,7 @@ class St extends L {
       a();
     };
     return t || n ? b(o, (u) => {
-      t && Re(u, t), n && Re(u, n), h();
+      t && Ne(u, t), n && Ne(u, n), h();
     }, "cleanup") : h(), r;
   }
   /**
@@ -3579,7 +3579,7 @@ class St extends L {
       const o = zt(i, this, t);
       s || (s = {}, o.currentAttributes.forEach((c, l) => {
         s[l] = c;
-      })), De(i, this, o, n, s);
+      })), Ce(i, this, o, n, s);
     }) : this._pending.push(() => this.insert(t, n, s));
   }
   /**
@@ -3596,7 +3596,7 @@ class St extends L {
     const r = this.doc;
     r !== null ? b(r, (i) => {
       const o = zt(i, this, t);
-      De(i, this, o, n, s);
+      Ce(i, this, o, n, s);
     }) : this._pending.push(() => this.insertEmbed(t, n, s));
   }
   /**
@@ -3645,7 +3645,7 @@ class St extends L {
    */
   removeAttribute(t) {
     this.doc !== null ? b(this.doc, (n) => {
-      ne(n, this, t);
+      se(n, this, t);
     }) : this._pending.push(() => this.removeAttribute(t));
   }
   /**
@@ -3700,7 +3700,7 @@ class St extends L {
   }
 }
 const wo = (e) => new St();
-class Ce {
+class Ee {
   /**
    * @param {YXmlFragment | YXmlElement} root
    * @param {function(AbstractType<any>):boolean} [f]
@@ -3804,7 +3804,7 @@ class lt extends L {
    * @public
    */
   createTreeWalker(t) {
-    return new Ce(this, t);
+    return new Ee(this, t);
   }
   /**
    * Returns the first YXmlElement that matches the query.
@@ -3823,7 +3823,7 @@ class lt extends L {
    */
   querySelector(t) {
     t = t.toUpperCase();
-    const s = new Ce(this, (r) => r.nodeName && r.nodeName.toUpperCase() === t).next();
+    const s = new Ee(this, (r) => r.nodeName && r.nodeName.toUpperCase() === t).next();
     return s.done ? null : s.value;
   }
   /**
@@ -3838,7 +3838,7 @@ class lt extends L {
    * @public
    */
   querySelectorAll(t) {
-    return t = t.toUpperCase(), Q(new Ce(this, (n) => n.nodeName && n.nodeName.toUpperCase() === t));
+    return t = t.toUpperCase(), Q(new Ee(this, (n) => n.nodeName && n.nodeName.toUpperCase() === t));
   }
   /**
    * Creates YXmlEvent and calls observers.
@@ -3847,7 +3847,7 @@ class lt extends L {
    * @param {Set<null|string>} parentSubs Keys changed on this type. `null` if list was modified.
    */
   _callObserver(t, n) {
-    ge(this, t, new _o(this, n, t));
+    pe(this, t, new _o(this, n, t));
   }
   /**
    * Get the string representation of all the children of this YXmlFragment.
@@ -3913,7 +3913,7 @@ class lt extends L {
     if (this.doc !== null)
       b(this.doc, (s) => {
         const r = t && t instanceof L ? t._item : t;
-        ee(s, this, r, n);
+        ne(s, this, r, n);
       });
     else {
       const s = (
@@ -4090,7 +4090,7 @@ class Bt extends lt {
    */
   removeAttribute(t) {
     this.doc !== null ? b(this.doc, (n) => {
-      ne(n, this, t);
+      se(n, this, t);
     }) : this._prelimAttrs.delete(t);
   }
   /**
@@ -4190,7 +4190,7 @@ class Bt extends lt {
   }
 }
 const yo = (e) => new Bt(e.readKey());
-class _o extends de {
+class _o extends fe {
   /**
    * @param {YXmlElement|YXmlText|YXmlFragment} target The target on which the event is created.
    * @param {Set<string|null>} subs The set of changed attributes. `null` is included if the
@@ -4204,7 +4204,7 @@ class _o extends de {
     });
   }
 }
-class se extends ct {
+class re extends ct {
   /**
    * @param {string} hookName nodeName of the Dom Node.
    */
@@ -4215,13 +4215,13 @@ class se extends ct {
    * Creates an Item with the same effect as this Item (without position effect)
    */
   _copy() {
-    return new se(this.hookName);
+    return new re(this.hookName);
   }
   /**
    * @return {YXmlHook}
    */
   clone() {
-    const t = new se(this.hookName);
+    const t = new re(this.hookName);
     return this.forEach((n, s) => {
       t.set(s, n);
     }), t;
@@ -4258,8 +4258,8 @@ class se extends ct {
     t.writeTypeRef(Bo), t.writeKey(this.hookName);
   }
 }
-const bo = (e) => new se(e.readKey());
-class re extends St {
+const bo = (e) => new re(e.readKey());
+class ie extends St {
   /**
    * @type {YXmlElement|YXmlText|null}
    */
@@ -4283,13 +4283,13 @@ class re extends St {
     ) : null;
   }
   _copy() {
-    return new re();
+    return new ie();
   }
   /**
    * @return {YXmlText}
    */
   clone() {
-    const t = new re();
+    const t = new ie();
     return t.applyDelta(this.toDelta()), t;
   }
   /**
@@ -4350,7 +4350,7 @@ class re extends St {
     t.writeTypeRef(Vo);
   }
 }
-const ko = (e) => new re();
+const ko = (e) => new ie();
 class an {
   /**
    * @param {ID} id
@@ -4555,7 +4555,7 @@ class Vt {
    * @param {Item} item
    */
   integrate(t, n) {
-    Pt(t.deleteSet, n.id.client, n.id.clock, this.len), n.markDeleted();
+    te(t.deleteSet, n.id.client, n.id.clock, this.len), n.markDeleted();
   }
   /**
    * @param {Transaction} transaction
@@ -4820,7 +4820,7 @@ class E {
   }
 }
 const Ao = (e) => new E(e.readKey(), e.readJSON());
-class ie {
+class oe {
   /**
    * @param {Array<any>} arr
    */
@@ -4849,14 +4849,14 @@ class ie {
    * @return {ContentJSON}
    */
   copy() {
-    return new ie(this.arr);
+    return new oe(this.arr);
   }
   /**
    * @param {number} offset
    * @return {ContentJSON}
    */
   splice(t) {
-    const n = new ie(this.arr.slice(t));
+    const n = new oe(this.arr.slice(t));
     return this.arr = this.arr.slice(0, t), n;
   }
   /**
@@ -4907,7 +4907,7 @@ const Lo = (e) => {
     const r = e.readString();
     r === "undefined" ? n.push(void 0) : n.push(JSON.parse(r));
   }
-  return new ie(n);
+  return new oe(n);
 };
 class at {
   /**
@@ -5175,7 +5175,7 @@ class Y {
     return 7;
   }
 }
-const Fo = (e) => new Y(Uo[e.readTypeRef()](e)), oe = (e, t, n) => {
+const Fo = (e) => new Y(Uo[e.readTypeRef()](e)), ce = (e, t, n) => {
   const { client: s, clock: r } = t.id, i = new C(
     y(s, r + n),
     t,
@@ -5208,10 +5208,10 @@ class C extends an {
    * @type {boolean}
    */
   set marker(t) {
-    (this.info & ye) > 0 !== t && (this.info ^= ye);
+    (this.info & _e) > 0 !== t && (this.info ^= _e);
   }
   get marker() {
-    return (this.info & ye) > 0;
+    return (this.info & _e) > 0;
   }
   /**
    * If true, do not garbage collect this Item.
@@ -5230,13 +5230,13 @@ class C extends an {
    * @type {Boolean}
    */
   get deleted() {
-    return (this.info & me) > 0;
+    return (this.info & ye) > 0;
   }
   set deleted(t) {
-    this.deleted !== t && (this.info ^= me);
+    this.deleted !== t && (this.info ^= ye);
   }
   markDeleted() {
-    this.info |= me;
+    this.info |= ye;
   }
   /**
    * Return the creator clientID of the missing op or define missing items and return null.
@@ -5255,7 +5255,7 @@ class C extends an {
     if (this.origin && (this.left = xn(t, n, this.origin), this.origin = this.left.lastId), this.rightOrigin && (this.right = Z(t, this.rightOrigin), this.rightOrigin = this.right.id), (this.left && this.left.constructor === v || this.right && this.right.constructor === v) && (this.parent = null), !this.parent)
       this.left && this.left.constructor === C && (this.parent = this.left.parent, this.parentSub = this.left.parentSub), this.right && this.right.constructor === C && (this.parent = this.right.parent, this.parentSub = this.right.parentSub);
     else if (this.parent.constructor === pt) {
-      const s = Se(n, this.parent);
+      const s = De(n, this.parent);
       s.constructor === v ? this.parent = null : this.parent = /** @type {ContentType} */
       s.content.type;
     }
@@ -5285,8 +5285,8 @@ class C extends an {
               s = r, i.clear();
             else if (Xt(this.rightOrigin, r.rightOrigin))
               break;
-          } else if (r.origin !== null && o.has(Se(t.doc.store, r.origin)))
-            i.has(Se(t.doc.store, r.origin)) || (s = r, i.clear());
+          } else if (r.origin !== null && o.has(De(t.doc.store, r.origin)))
+            i.has(De(t.doc.store, r.origin)) || (s = r, i.clear());
           else
             break;
           r = r.right;
@@ -5371,7 +5371,7 @@ class C extends an {
         /** @type {AbstractType<any>} */
         this.parent
       );
-      this.countable && this.parentSub === null && (n._length -= this.length), this.markDeleted(), Pt(t.deleteSet, this.id.client, this.id.clock, this.length), Un(t, n, this.parentSub), this.content.delete(t);
+      this.countable && this.parentSub === null && (n._length -= this.length), this.markDeleted(), te(t.deleteSet, this.id.client, this.id.clock, this.length), Un(t, n, this.parentSub), this.content.delete(t);
     }
   }
   /**
@@ -5393,7 +5393,7 @@ class C extends an {
    * @param {number} offset
    */
   write(t, n) {
-    const s = n > 0 ? y(this.id.client, this.id.clock + n - 1) : this.origin, r = this.rightOrigin, i = this.parentSub, o = this.content.getRef() & ce | (s === null ? 0 : T) | // origin is defined
+    const s = n > 0 ? y(this.id.client, this.id.clock + n - 1) : this.origin, r = this.rightOrigin, i = this.parentSub, o = this.content.getRef() & le | (s === null ? 0 : T) | // origin is defined
     (r === null ? 0 : K) | // right origin is defined
     (i === null ? 0 : Tt);
     if (t.writeInfo(o), s !== null && t.writeLeftID(s), r !== null && t.writeRightID(r), s === null && r === null) {
@@ -5415,7 +5415,7 @@ class C extends an {
     this.content.write(t, n);
   }
 }
-const Os = (e, t) => Ho[t & ce](e), Ho = [
+const Os = (e, t) => Ho[t & le](e), Ho = [
   () => {
     V();
   },
@@ -5485,7 +5485,7 @@ const Rs = (
 ), Ns = "__ $YJS$ __";
 Rs[Ns] === !0 && console.error("Yjs was already imported. This breaks constructor checks and will lead to issues! - https://github.com/yjs/yjs/issues/438");
 Rs[Ns] = !0;
-const Bs = 0, hn = 1, Vs = 2, Ve = (e, t) => {
+const Bs = 0, hn = 1, Vs = 2, Fe = (e, t) => {
   p(e, Bs);
   const n = $i(t);
   D(e, n);
@@ -5520,8 +5520,8 @@ const Bs = 0, hn = 1, Vs = 2, Ve = (e, t) => {
     case Yo:
       n(t, q(e));
   }
-}, Ee = 3e4;
-class Go extends he {
+}, Ie = 3e4;
+class Go extends ue {
   /**
    * @param {Y.Doc} doc
    */
@@ -5529,13 +5529,13 @@ class Go extends he {
     super(), this.doc = t, this.clientID = t.clientID, this.states = /* @__PURE__ */ new Map(), this.meta = /* @__PURE__ */ new Map(), this._checkInterval = /** @type {any} */
     setInterval(() => {
       const n = it();
-      this.getLocalState() !== null && Ee / 2 <= n - /** @type {{lastUpdated:number}} */
+      this.getLocalState() !== null && Ie / 2 <= n - /** @type {{lastUpdated:number}} */
       this.meta.get(this.clientID).lastUpdated && this.setLocalState(this.getLocalState());
       const s = [];
       this.meta.forEach((r, i) => {
-        i !== this.clientID && Ee <= n - r.lastUpdated && this.states.has(i) && s.push(i);
+        i !== this.clientID && Ie <= n - r.lastUpdated && this.states.has(i) && s.push(i);
       }), s.length > 0 && un(this, s, "timeout");
-    }, j(Ee / 10)), t.on("destroy", () => {
+    }, j(Ie / 10)), t.on("destroy", () => {
       this.destroy();
     }), this.setLocalState({});
   }
@@ -5716,7 +5716,7 @@ function js(e) {
         }
       ]);
       const n = M();
-      if (p(n, et), Ve(n, e.doc), t.send(S(n)), e.awareness.getLocalState() !== null) {
+      if (p(n, et), Fe(n, e.doc), t.send(S(n)), e.awareness.getLocalState() !== null) {
         const s = M();
         p(s, mt), D(
           s,
@@ -5732,11 +5732,11 @@ function js(e) {
     ]);
   }
 }
-function Ie(e, t) {
+function Ae(e, t) {
   const n = e.ws;
   e.wsconnected && n && n.readyState === n.OPEN && n.send(t), e.bcconnected && gt(e.bcChannel, t, e);
 }
-var tc = class extends he {
+var tc = class extends ue {
   constructor(t, n, s, {
     connect: r = !0,
     awareness: i = new Go(s),
@@ -5782,7 +5782,7 @@ var tc = class extends he {
     setInterval(() => {
       if (this.ws && this.ws.readyState === WebSocket.OPEN) {
         const d = M();
-        p(d, et), Ve(d, s), this.ws.send(S(d));
+        p(d, et), Fe(d, s), this.ws.send(S(d));
       }
     }, l)), this._bcSubscriber = (d, f) => {
       if (f !== this) {
@@ -5792,14 +5792,14 @@ var tc = class extends he {
     }, this._updateHandler = (d, f) => {
       if (f !== this) {
         const g = M();
-        p(g, et), jo(g, d), Ie(this, S(g));
+        p(g, et), jo(g, d), Ae(this, S(g));
       }
     }, this.doc.on("update", this._updateHandler), this._awarenessUpdateHandler = ({ added: d, updated: f, removed: g }, m) => {
       const U = d.concat(f).concat(g), k = M();
       p(k, mt), D(
         k,
         Mt(i, U)
-      ), Ie(this, S(k));
+      ), Ae(this, S(k));
     }, this._unloadHandler = () => {
       un(
         this.awareness,
@@ -5828,7 +5828,7 @@ var tc = class extends he {
       return;
     this.bcconnected || (ci(this.bcChannel, this._bcSubscriber), this.bcconnected = !0);
     const t = M();
-    p(t, et), Ve(t, this.doc), gt(this.bcChannel, S(t), this);
+    p(t, et), Fe(t, this.doc), gt(this.bcChannel, S(t), this);
     const n = M();
     p(n, et), Fs(n, this.doc), gt(this.bcChannel, S(n), this);
     const s = M();
@@ -5858,7 +5858,7 @@ var tc = class extends he {
         [this.doc.clientID],
         /* @__PURE__ */ new Map()
       )
-    ), Ie(this, S(t)), this.bcconnected && (li(this.bcChannel, this._bcSubscriber), this.bcconnected = !1);
+    ), Ae(this, S(t)), this.bcconnected && (li(this.bcChannel, this._bcSubscriber), this.bcconnected = !1);
   }
   disconnect() {
     this.shouldConnect = !1, this.disconnectBc(), this.ws !== null && this.ws.close();
@@ -5902,7 +5902,7 @@ const ft = (e) => bt((t, n) => {
 ), At = (e, t, n = "readwrite") => {
   const s = e.transaction(t, n);
   return t.map((r) => dc(s, r));
-}, Js = (e, t) => ft(e.count(t)), ic = (e, t) => ft(e.get(t)), Xs = (e, t) => ft(e.delete(t)), oc = (e, t, n) => ft(e.put(t, n)), Fe = (e, t) => ft(e.add(t)), cc = (e, t, n) => ft(e.getAll(t, n)), lc = (e, t, n) => {
+}, Js = (e, t) => ft(e.count(t)), ic = (e, t) => ft(e.get(t)), Xs = (e, t) => ft(e.delete(t)), oc = (e, t, n) => ft(e.put(t, n)), He = (e, t) => ft(e.add(t)), cc = (e, t, n) => ft(e.getAll(t, n)), lc = (e, t, n) => {
   let s = null;
   return uc(e, t, (r) => (s = r, !1), n).then(() => s);
 }, ac = (e, t = null) => lc(e, t, "prev"), hc = (e, t) => bt((n, s) => {
@@ -5912,7 +5912,7 @@ const ft = (e) => bt((t, n) => {
       return n();
     i.continue();
   };
-}), uc = (e, t, n, s = "next") => hc(e.openKeyCursor(t, s), (r) => n(r.key)), dc = (e, t) => e.objectStore(t), fc = (e, t) => IDBKeyRange.upperBound(e, t), gc = (e, t) => IDBKeyRange.lowerBound(e, t), Ae = "custom", Ys = "updates", zs = 500, Gs = (e, t = () => {
+}), uc = (e, t, n, s = "next") => hc(e.openKeyCursor(t, s), (r) => n(r.key)), dc = (e, t) => e.objectStore(t), fc = (e, t) => IDBKeyRange.upperBound(e, t), gc = (e, t) => IDBKeyRange.lowerBound(e, t), Le = "custom", Ys = "updates", zs = 500, Gs = (e, t = () => {
 }, n = () => {
 }) => {
   const [s] = At(
@@ -5930,11 +5930,11 @@ const ft = (e) => bt((t, n) => {
     e._dbsize = r;
   })).then(() => s);
 }, pc = (e, t = !0) => Gs(e).then((n) => {
-  (t || e._dbsize >= zs) && Fe(n, en(e.doc)).then(() => Xs(n, fc(e._dbref, !0))).then(() => Js(n).then((s) => {
+  (t || e._dbsize >= zs) && He(n, en(e.doc)).then(() => Xs(n, fc(e._dbref, !0))).then(() => Js(n).then((s) => {
     e._dbsize = s;
   }));
 });
-class wc extends he {
+class wc extends ue {
   /**
    * @param {string} name
    * @param {Y.Doc} doc
@@ -5947,7 +5947,7 @@ class wc extends he {
         ["custom"]
       ])
     ), this.whenSynced = bt((s) => this.on("synced", () => s(this))), this._db.then((s) => {
-      this.db = s, Gs(this, (o) => Fe(o, en(n)), () => {
+      this.db = s, Gs(this, (o) => He(o, en(n)), () => {
         if (this._destroyed)
           return this;
         this.synced = !0, this.emit("synced", [this]);
@@ -5959,7 +5959,7 @@ class wc extends he {
           this.db,
           [Ys]
         );
-        Fe(i, s), ++this._dbsize >= zs && (this._storeTimeoutId !== null && clearTimeout(this._storeTimeoutId), this._storeTimeoutId = setTimeout(() => {
+        He(i, s), ++this._dbsize >= zs && (this._storeTimeoutId !== null && clearTimeout(this._storeTimeoutId), this._storeTimeoutId = setTimeout(() => {
           pc(this, !1), this._storeTimeoutId = null;
         }, this._storeTimeout));
       }
@@ -5986,7 +5986,7 @@ class wc extends he {
    */
   get(t) {
     return this._db.then((n) => {
-      const [s] = At(n, [Ae], "readonly");
+      const [s] = At(n, [Le], "readonly");
       return ic(s, t);
     });
   }
@@ -5997,7 +5997,7 @@ class wc extends he {
    */
   set(t, n) {
     return this._db.then((s) => {
-      const [r] = At(s, [Ae]);
+      const [r] = At(s, [Le]);
       return oc(r, n, t);
     });
   }
@@ -6007,7 +6007,7 @@ class wc extends he {
    */
   del(t) {
     return this._db.then((n) => {
-      const [s] = At(n, [Ae]);
+      const [s] = At(n, [Le]);
       return Xs(s, t);
     });
   }
@@ -6026,7 +6026,7 @@ const mc = (e, t = 300) => {
 }, Ws = `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='44' height='53' viewport='0 0 100 100' style='fill:black;font-size:26px;'><text y='40%'>🚿</text></svg>")
       16 0,
     auto`, _c = `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>✂️</text></svg>") 16 0,auto`;
-function Le(e, { data: t, element: n, localData: s, setLocalData: r }) {
+function xe(e, { data: t, element: n, localData: s, setLocalData: r }) {
   if (s.isHovering = !0, e.altKey) {
     if (t.scale <= 0.5) {
       n.style.cursor = "not-allowed";
@@ -6087,53 +6087,53 @@ const qs = {
       e.classList.toggle("clicked", t);
     },
     onClick: (e, { data: t, setData: n }) => {
-      console.log(t, n), e.preventDefault(), n(!t);
+      n(!t);
     },
     resetShortcut: "shiftKey"
   },
   [tt.CanGrow]: {
     // TODO: turn this into a function so you can accept arbitrary user input?
-    defaultData: { scale: 1, maxScale: 2 },
-    defaultLocalData: { isHovering: !1 },
+    defaultData: { scale: 1 },
+    defaultLocalData: { maxScale: 2, isHovering: !1 },
     updateElement: ({ element: e, data: t }) => {
       e.style.transform = `scale(${t.scale})`;
     },
-    onClick: (e, { data: t, element: n, setData: s }) => {
+    onClick: (e, { data: t, element: n, setData: s, localData: r }) => {
+      let { scale: i } = t;
       if (e.altKey) {
         if (t.scale <= 0.5)
           return;
-        t.scale -= 0.1;
+        i -= 0.1;
       } else {
-        if (n.style.cursor = Ws, t.scale >= t.maxScale)
+        if (n.style.cursor = Ws, t.scale >= r.maxScale)
           return;
-        t.scale += 0.1;
+        i += 0.1;
       }
-      s(t);
+      s({ ...t, scale: i });
     },
-    onMouseEnter: Le,
-    onKeyDown: Le,
-    onKeyUp: Le
+    // TODO: this still needs to use te document as a whole
+    onMouseEnter: xe,
+    onKeyDown: xe,
+    onKeyUp: xe
   },
   [tt.CanPost]: {
     defaultData: [],
     defaultLocalData: { addedEntries: /* @__PURE__ */ new Set() },
     updateElement: ({
-      element: e,
-      data: t,
-      localData: { addedEntries: n },
-      setLocalData: s,
-      setData: r
+      data: e,
+      localData: { addedEntries: t },
+      setLocalData: n
     }) => {
-      const i = t.filter(
-        (c) => !n.has(c.id)
-      ), o = Ps("guestbookMessages");
-      i.forEach((c) => {
-        const l = document.createElement("div");
-        l.classList.add("guestbook-entry");
-        const a = new Date(c.timestamp), h = a.toTimeString().split(" ")[0], u = a.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
-        l.innerHTML = `
-        <span class="guestbook-entry-timestamp">${u ? "" : a.toDateString() + " "}${h}</span><span class="guestbook-entry-name">${c.name}</span> <span class="guestbook-entry-message">${c.message}</span>`, o.prepend(l), n.add(c.id);
-      }), s({ addedEntries: n });
+      const s = e.filter(
+        (i) => !t.has(i.id)
+      ), r = Ps("guestbookMessages");
+      s.forEach((i) => {
+        const o = document.createElement("div");
+        o.classList.add("guestbook-entry");
+        const c = new Date(i.timestamp), l = c.toTimeString().split(" ")[0], a = c.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
+        o.innerHTML = `
+        <span class="guestbook-entry-timestamp">${a ? "" : c.toDateString() + " "}${l}</span><span class="guestbook-entry-name">${i.name}</span> <span class="guestbook-entry-message">${i.message}</span>`, r.prepend(o), t.add(i.id);
+      }), n({ addedEntries: t });
     },
     onSubmit: (e, { data: t, setData: n }) => {
       e.preventDefault(), e.stopImmediatePropagation();
@@ -6174,15 +6174,15 @@ class bc {
     _(this, "debouncedOnChange");
     _(this, "resetShortcut");
     _(this, "updateElement");
-    console.log("🔨 constructing ", t.id), this.element = t, this.defaultData = s, this.localData = r, this.onChange = n, this.resetShortcut = g, this.debouncedOnChange = mc(this.onChange, m), this.updateElement = o;
+    this.element = t, this.defaultData = s, this.localData = r, this.onChange = n, this.resetShortcut = g, this.debouncedOnChange = mc(this.onChange, m), this.updateElement = o;
     const U = i === void 0 ? s : i;
     this._data = U, this.__data = U, c && t.addEventListener("click", (k) => {
       c(k, this.getEventHandlerData());
     }), l && t.addEventListener("mousedown", (k) => {
       a && a(k, this.getEventHandlerData());
-      const fn = (pe) => {
-        pe.preventDefault(), l(pe, this.getEventHandlerData());
-      }, gn = (pe) => {
+      const fn = (we) => {
+        we.preventDefault(), l(we, this.getEventHandlerData());
+      }, gn = (we) => {
         document.removeEventListener("mousemove", fn), document.removeEventListener("mouseup", gn);
       };
       document.addEventListener("mousemove", fn), document.addEventListener("mouseup", gn);
@@ -6264,7 +6264,7 @@ const kc = "playhtml.spencerc99.partykit.dev", dn = new Ct(), Qs = window.locati
 new wc(Qs, dn);
 Zs.connect();
 const z = dn.getMap("playhtml-global");
-function He(e) {
+function Zt(e) {
   return e.id;
 }
 function Ps(e) {
@@ -6277,9 +6277,7 @@ function Bn(e) {
   return e instanceof HTMLElement;
 }
 function Vn(e, t) {
-  const n = qs[t], s = z.get(t), r = He(e);
-  console.log(r, s.get(r));
-  const i = {
+  const n = qs[t], s = z.get(t), r = Zt(e), i = {
     ...n,
     data: s.get(r) || n.defaultData,
     element: e,
@@ -6298,11 +6296,13 @@ function Sc() {
     ).filter(Bn);
     if (!n.length || !qs[t])
       continue;
-    console.log(`initializing ${t}`), z.get(t) || z.set(t, new ct());
+    z.get(t) || z.set(t, new ct());
     const r = z.get(t);
     for (const i of n) {
+      if (e.has(Zt(i)))
+        continue;
       const o = Vn(i, t);
-      e.set(He(i), o), i.classList.add("__playhtml-element"), i.classList.add(`__playhtml-${t}`);
+      e.set(Zt(i), o), i.classList.add("__playhtml-element"), i.classList.add(`__playhtml-${t}`);
     }
     r.observe((i) => {
       i.changes.keys.forEach((o, c) => {
@@ -6320,7 +6320,7 @@ function Sc() {
             l,
             t
           );
-          e.set(He(l), a);
+          e.set(Zt(l), a);
         } else if (o.action === "update") {
           const l = e.get(c);
           l.__data = r.get(c);