@floegence/floe-webapp-core 0.86.32 → 0.86.34

package/dist/components/chat/blocks/MarkdownMedia.js

@@ -1,274 +1,294 @@
-import { use as U, insert as c, createComponent as n, effect as g, setAttribute as i, memo as T, className as ee, template as m, delegateEvents as te } from "solid-js/web";
-import { createSignal as M, onMount as re, onCleanup as V, createMemo as ae, createEffect as le, on as ne, Switch as j, Match as S, Show as k } from "solid-js";
-import { FloatingWindow as G } from "../../ui/FloatingWindow.js";
-import { Refresh as ie, FolderOpen as oe, Eye as J, Minus as ce, Maximize as se, ExternalLink as de } from "../../icons/index.js";
-import { cn as ue } from "../../../utils/cn.js";
-import { safeMarkdownMediaURL as ve } from "../markdown/media.js";
-import { SandboxedHtmlFrame as K } from "../../html-preview/SandboxedHtmlFrame.js";
-var he = /* @__PURE__ */ m("<span class=chat-media-placeholder role=status>"), me = /* @__PURE__ */ m("<span class=chat-media-placeholder role=status><span></span><button type=button class=chat-media-retry>"), ge = /* @__PURE__ */ m("<button type=button class=chat-media-image-button><img class=chat-media-image loading=lazy decoding=async referrerpolicy=no-referrer>", !0, !1, !1), be = /* @__PURE__ */ m("<video class=chat-media-video controls playsinline preload=metadata>"), we = /* @__PURE__ */ m("<audio class=chat-media-audio controls preload=metadata>"), I = /* @__PURE__ */ m("<button type=button class=chat-media-action>"), fe = /* @__PURE__ */ m("<button type=button class=chat-media-action data-chat-media-action=preview>"), ke = /* @__PURE__ */ m("<div class=chat-media-preview-content><img referrerpolicy=no-referrer class=chat-media-full-image>"), ye = /* @__PURE__ */ m("<div class=chat-media-preview-content>"), $e = /* @__PURE__ */ m("<span><span class=chat-media-viewport></span><span class=chat-media-header><span class=chat-media-heading><span class=chat-media-kind></span><span class=chat-media-title></span></span><span class=chat-media-actions>"), Le = /* @__PURE__ */ m('<a class=chat-media-action target=_blank rel="noopener noreferrer">');
-async function xe(a) {
-  const y = ve(a.src ?? "");
-  if (!y || a.kind === "html") throw new Error("A host resolver is required");
+import { use as z, insert as h, createComponent as i, memo as E, effect as f, setAttribute as u, className as p, template as m, delegateEvents as ee } from "solid-js/web";
+import { createSignal as S, onMount as te, onCleanup as j, createMemo as re, createEffect as ne, on as ae, Show as y, Switch as G, Match as _ } from "solid-js";
+import { HtmlPreviewCanvas as le } from "./HtmlPreviewCanvas.js";
+import { FloatingWindow as J } from "../../ui/FloatingWindow.js";
+import { Refresh as ie, FolderOpen as oe, Eye as K, ExternalLink as ce } from "../../icons/index.js";
+import { cn as se } from "../../../utils/cn.js";
+import { safeMarkdownMediaURL as de } from "../markdown/media.js";
+import { SandboxedHtmlFrame as Q } from "../../html-preview/SandboxedHtmlFrame.js";
+var ue = /* @__PURE__ */ m("<div class=chat-media-preview-content><img referrerpolicy=no-referrer class=chat-media-full-image>"), ve = /* @__PURE__ */ m("<div class=chat-media-preview-content>"), he = /* @__PURE__ */ m("<span>"), me = /* @__PURE__ */ m("<span class=chat-media-placeholder role=status>"), ge = /* @__PURE__ */ m("<span class=chat-media-placeholder role=status><span></span><button type=button class=chat-media-retry>"), be = /* @__PURE__ */ m("<button type=button class=chat-media-image-button><img class=chat-media-image loading=lazy decoding=async referrerpolicy=no-referrer>", !0, !1, !1), we = /* @__PURE__ */ m("<video class=chat-media-video controls playsinline preload=metadata>"), fe = /* @__PURE__ */ m("<audio class=chat-media-audio controls preload=metadata>"), ke = /* @__PURE__ */ m("<span class=chat-media-viewport>"), X = /* @__PURE__ */ m("<button type=button class=chat-media-action>"), $e = /* @__PURE__ */ m("<button type=button class=chat-media-action data-chat-media-action=preview>"), ye = /* @__PURE__ */ m("<span class=chat-media-header><span class=chat-media-heading><span class=chat-media-kind></span><span class=chat-media-title></span></span><span class=chat-media-actions>"), Se = /* @__PURE__ */ m('<a class=chat-media-action target=_blank rel="noopener noreferrer">');
+async function Le(e) {
+  const k = de(e.src ?? "");
+  if (!k || e.kind === "html") throw new Error("A host resolver is required");
   return {
-    src: y,
-    openURL: y
+    src: k,
+    openURL: k
   };
 }
-const He = (a) => {
-  let y, _;
-  const [Q, A] = M(!1);
-  re(() => {
+const Re = (e) => {
+  let k, O;
+  const [Y, I] = S(!1);
+  te(() => {
     if (typeof IntersectionObserver > "u") {
-      A(!0);
+      I(!0);
       return;
     }
-    const o = new IntersectionObserver((s) => {
-      s.some((L) => L.isIntersecting) && (A(!0), o.disconnect());
+    const c = new IntersectionObserver((o) => {
+      o.some((r) => r.isIntersecting) && (I(!0), c.disconnect());
     }, {
       rootMargin: "400px"
     });
-    o.observe(y), V(() => o.disconnect());
+    c.observe(k), j(() => c.disconnect());
   });
-  const [u, F] = M(), [B, z] = M(), [$, E] = M("loading"), [X, Y] = M(0), [b, H] = M(!1), [Z, R] = M(!1), v = () => a.source.title || a.labels[a.source.kind], P = ae(() => a.source), C = () => u()?.preview?.label || (a.source.kind === "image" ? a.labels.previewImage : a.labels.previewHTMLWindow ?? "Open preview window") || a.labels.open, W = (o) => {
-    _ = o.currentTarget;
-    const s = u()?.preview;
-    s ? s.onSelect() : H(!0);
-  }, p = (o) => {
-    _ = o.currentTarget;
-    const s = u()?.preview;
-    s ? s.onSelect() : R(!0);
-  }, q = () => {
-    const o = a.onOpenLink, s = P();
-    return o ? (L, O) => o(s, L, O) : void 0;
-  }, D = () => ({
-    linkUnavailable: a.labels.linkUnavailable ?? "Opening links is unavailable in this preview.",
-    anchorUnavailable: a.labels.anchorUnavailable ?? "The linked section was not found."
+  const [g, P] = S(), [T, C] = S(), [$, L] = S("loading"), [Z, A] = S(0), [R, H] = S(!1), [q, U] = S(!1), b = () => e.source.title || e.labels[e.source.kind], F = re(() => e.source), M = () => g()?.preview?.label || (e.source.kind === "image" ? e.labels.previewImage : e.labels.previewHTMLWindow ?? "Open preview window") || e.labels.open, B = (c) => {
+    O = c.currentTarget;
+    const o = g()?.preview;
+    o ? o.onSelect() : H(!0);
+  }, W = (c) => {
+    O = c?.currentTarget ?? k.querySelector('[aria-haspopup="menu"]') ?? void 0;
+    const o = g()?.preview;
+    o ? o.onSelect() : U(!0);
+  }, D = () => {
+    const c = e.onOpenLink, o = F();
+    return c ? (r, n) => c(o, r, n) : void 0;
+  }, N = () => ({
+    linkUnavailable: e.labels.linkUnavailable ?? "Opening links is unavailable in this preview.",
+    anchorUnavailable: e.labels.anchorUnavailable ?? "The linked section was not found."
   });
-  return le(ne([Q, P, () => a.resolve, X], ([o, s, L]) => {
-    if (!o) return;
-    const O = L ?? xe, h = new AbortController();
-    V(() => h.abort()), F(void 0), z(void 0), E("loading"), H(!1), R(!1), (async () => {
-      if (s.kind === "html" && s.html !== void 0) {
-        if (s.html.length > 1e6) throw new Error("HTML preview is too large");
-        h.signal.aborted || z(s.html);
+  return ne(ae([Y, F, () => e.resolve, Z, () => e.htmlState], ([c, o, r]) => {
+    if (!c) return;
+    const n = r ?? Le, t = new AbortController();
+    if (j(() => t.abort()), P(void 0), C(void 0), L("loading"), U(!1), o.kind !== "html" && H(!1), o.kind === "html" && e.htmlState) {
+      C(o.html);
+      return;
+    }
+    (async () => {
+      if (o.kind === "html" && o.html !== void 0) {
+        if (o.html.length > 1e6) throw new Error("HTML preview is too large");
+        t.signal.aborted || C(o.html);
       } else {
-        const x = await O(s, h.signal);
-        if (h.signal.aborted) return;
-        if (s.kind === "html") {
-          if (!x.loadHTML) throw new Error("HTML loader is required");
-          const w = await x.loadHTML(h.signal);
-          if (h.signal.aborted) return;
-          if (w.length > 1e6) throw new Error("HTML preview is too large");
-          z(w);
-        } else if (!x.src) throw new Error("Media URL is required");
-        F(x);
+        const a = await n(o, t.signal);
+        if (t.signal.aborted) return;
+        if (o.kind === "html") {
+          if (!a.loadHTML) throw new Error("HTML loader is required");
+          const s = await a.loadHTML(t.signal);
+          if (t.signal.aborted) return;
+          if (s.length > 1e6) throw new Error("HTML preview is too large");
+          C(s);
+        } else if (!a.src) throw new Error("Media URL is required");
+        P(a);
       }
-      h.signal.aborted || E("ready");
+      t.signal.aborted || L("ready");
     })().catch(() => {
-      h.signal.aborted || E("error");
+      t.signal.aborted || L("error");
     });
   })), (() => {
-    var o = $e(), s = o.firstChild, L = s.nextSibling, O = L.firstChild, h = O.firstChild, x = h.nextSibling, w = O.nextSibling, N = y;
-    return typeof N == "function" ? U(N, o) : y = o, c(s, n(j, {
+    var c = he(), o = k;
+    return typeof o == "function" ? z(o, c) : k = c, h(c, i(y, {
+      get when() {
+        return e.source.kind === "html";
+      },
+      get fallback() {
+        return [(() => {
+          var r = ke();
+          return h(r, i(G, {
+            get children() {
+              return [i(_, {
+                get when() {
+                  return $() === "loading";
+                },
+                get children() {
+                  var n = me();
+                  return h(n, () => e.labels.loading), n;
+                }
+              }), i(_, {
+                get when() {
+                  return $() === "error";
+                },
+                get children() {
+                  var n = ge(), t = n.firstChild, a = t.nextSibling;
+                  return h(t, () => e.labels.unavailable), a.$$click = () => A((s) => s + 1), h(a, i(ie, {}), null), h(a, () => e.labels.retry, null), n;
+                }
+              }), i(_, {
+                get when() {
+                  return $() === "ready";
+                },
+                get children() {
+                  return i(G, {
+                    get children() {
+                      return [i(_, {
+                        get when() {
+                          return e.source.kind === "image";
+                        },
+                        get children() {
+                          var n = be(), t = n.firstChild;
+                          return n.$$click = B, t.addEventListener("error", () => L("error")), f((a) => {
+                            var s = `${M()}: ${b()}`, d = g()?.src, l = b();
+                            return s !== a.e && u(n, "aria-label", a.e = s), d !== a.t && u(t, "src", a.t = d), l !== a.a && u(t, "alt", a.a = l), a;
+                          }, {
+                            e: void 0,
+                            t: void 0,
+                            a: void 0
+                          }), n;
+                        }
+                      }), i(_, {
+                        get when() {
+                          return e.source.kind === "video";
+                        },
+                        get children() {
+                          var n = we();
+                          return n.addEventListener("error", () => L("error")), f((t) => {
+                            var a = g()?.src, s = b();
+                            return a !== t.e && u(n, "src", t.e = a), s !== t.t && u(n, "aria-label", t.t = s), t;
+                          }, {
+                            e: void 0,
+                            t: void 0
+                          }), n;
+                        }
+                      }), i(_, {
+                        get when() {
+                          return e.source.kind === "audio";
+                        },
+                        get children() {
+                          var n = fe();
+                          return n.addEventListener("error", () => L("error")), f((t) => {
+                            var a = g()?.src, s = b();
+                            return a !== t.e && u(n, "src", t.e = a), s !== t.t && u(n, "aria-label", t.t = s), t;
+                          }, {
+                            e: void 0,
+                            t: void 0
+                          }), n;
+                        }
+                      })];
+                    }
+                  });
+                }
+              })];
+            }
+          })), r;
+        })(), (() => {
+          var r = ye(), n = r.firstChild, t = n.firstChild, a = t.nextSibling, s = n.nextSibling;
+          return h(t, () => e.labels[e.source.kind]), h(a, b), h(s, i(y, {
+            get when() {
+              return E(() => $() === "ready")() && g()?.reveal;
+            },
+            children: (d) => (() => {
+              var l = X();
+              return l.$$click = () => d().onSelect(), h(l, i(oe, {})), f((v) => {
+                var w = d().label, x = d().label;
+                return w !== v.e && u(l, "aria-label", v.e = w), x !== v.t && u(l, "title", v.t = x), v;
+              }, {
+                e: void 0,
+                t: void 0
+              }), l;
+            })()
+          }), null), h(s, i(y, {
+            get when() {
+              return E(() => $() === "ready")() && e.source.kind === "image";
+            },
+            get children() {
+              var d = X();
+              return d.$$click = B, h(d, i(K, {})), f((l) => {
+                var v = M(), w = M();
+                return v !== l.e && u(d, "aria-label", l.e = v), w !== l.t && u(d, "title", l.t = w), l;
+              }, {
+                e: void 0,
+                t: void 0
+              }), d;
+            }
+          }), null), h(s, i(y, {
+            get when() {
+              return E(() => $() === "ready" && e.source.kind !== "image")() && g()?.preview;
+            },
+            get children() {
+              var d = $e();
+              return d.$$click = W, h(d, i(K, {})), f((l) => {
+                var v = M(), w = M();
+                return v !== l.e && u(d, "aria-label", l.e = v), w !== l.t && u(d, "title", l.t = w), l;
+              }, {
+                e: void 0,
+                t: void 0
+              }), d;
+            }
+          }), null), h(s, i(y, {
+            get when() {
+              return E(() => e.source.kind !== "image" && !g()?.reveal)() && g()?.openURL;
+            },
+            children: (d) => (() => {
+              var l = Se();
+              return h(l, i(ce, {})), f((v) => {
+                var w = d(), x = e.labels.open, V = e.labels.open;
+                return w !== v.e && u(l, "href", v.e = w), x !== v.t && u(l, "aria-label", v.t = x), V !== v.a && u(l, "title", v.a = V), v;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0
+              }), l;
+            })()
+          }), null), f(() => u(a, "title", b())), r;
+        })()];
+      },
       get children() {
-        return [n(S, {
-          get when() {
-            return $() === "loading";
+        return i(le, {
+          get state() {
+            return e.htmlState ?? $();
           },
-          get children() {
-            var e = he();
-            return c(e, () => a.labels.loading), e;
-          }
-        }), n(S, {
-          get when() {
-            return $() === "error";
+          get html() {
+            return T() ?? e.source.html ?? "";
           },
-          get children() {
-            var e = me(), t = e.firstChild, r = t.nextSibling;
-            return c(t, () => a.labels.unavailable), r.$$click = () => Y((l) => l + 1), c(r, n(ie, {}), null), c(r, () => a.labels.retry, null), e;
-          }
-        }), n(S, {
-          get when() {
-            return $() === "ready";
+          get labels() {
+            return e.labels;
+          },
+          get expanded() {
+            return R();
+          },
+          onExpand: () => H((r) => !r),
+          onRetry: () => A((r) => r + 1),
+          onPreview: () => W(),
+          get previewLabel() {
+            return M();
+          },
+          get resource() {
+            return g();
           },
           get children() {
-            return n(j, {
+            return i(y, {
+              get when() {
+                return E(() => $() === "ready")() && !e.htmlState;
+              },
               get children() {
-                return [n(S, {
-                  get when() {
-                    return a.source.kind === "image";
-                  },
-                  get children() {
-                    var e = ge(), t = e.firstChild;
-                    return e.$$click = W, t.addEventListener("error", () => E("error")), g((r) => {
-                      var l = `${C()}: ${v()}`, d = u()?.src, f = v();
-                      return l !== r.e && i(e, "aria-label", r.e = l), d !== r.t && i(t, "src", r.t = d), f !== r.a && i(t, "alt", r.a = f), r;
-                    }, {
-                      e: void 0,
-                      t: void 0,
-                      a: void 0
-                    }), e;
-                  }
-                }), n(S, {
-                  get when() {
-                    return a.source.kind === "video";
+                return i(Q, {
+                  class: "chat-media-html",
+                  get title() {
+                    return b();
                   },
-                  get children() {
-                    var e = be();
-                    return e.addEventListener("error", () => E("error")), g((t) => {
-                      var r = u()?.src, l = v();
-                      return r !== t.e && i(e, "src", t.e = r), l !== t.t && i(e, "aria-label", t.t = l), t;
-                    }, {
-                      e: void 0,
-                      t: void 0
-                    }), e;
-                  }
-                }), n(S, {
-                  get when() {
-                    return a.source.kind === "audio";
+                  get html() {
+                    return T() ?? "";
                   },
-                  get children() {
-                    var e = we();
-                    return e.addEventListener("error", () => E("error")), g((t) => {
-                      var r = u()?.src, l = v();
-                      return r !== t.e && i(e, "src", t.e = r), l !== t.t && i(e, "aria-label", t.t = l), t;
-                    }, {
-                      e: void 0,
-                      t: void 0
-                    }), e;
-                  }
-                }), n(S, {
-                  get when() {
-                    return a.source.kind === "html";
+                  get labels() {
+                    return N();
                   },
-                  get children() {
-                    return n(K, {
-                      class: "chat-media-html",
-                      get title() {
-                        return v();
-                      },
-                      get html() {
-                        return B() ?? "";
-                      },
-                      get labels() {
-                        return D();
-                      },
-                      get onOpenLink() {
-                        return q();
-                      }
-                    });
+                  get onOpenLink() {
+                    return D();
                   }
-                })];
+                });
               }
             });
           }
-        })];
-      }
-    })), c(h, () => a.labels[a.source.kind]), c(x, v), c(w, n(k, {
-      get when() {
-        return T(() => $() === "ready")() && u()?.reveal;
-      },
-      children: (e) => (() => {
-        var t = I();
-        return t.$$click = () => e().onSelect(), c(t, n(oe, {})), g((r) => {
-          var l = e().label, d = e().label;
-          return l !== r.e && i(t, "aria-label", r.e = l), d !== r.t && i(t, "title", r.t = d), r;
-        }, {
-          e: void 0,
-          t: void 0
-        }), t;
-      })()
-    }), null), c(w, n(k, {
-      get when() {
-        return T(() => $() === "ready")() && a.source.kind === "image";
-      },
-      get children() {
-        var e = I();
-        return e.$$click = W, c(e, n(J, {})), g((t) => {
-          var r = C(), l = C();
-          return r !== t.e && i(e, "aria-label", t.e = r), l !== t.t && i(e, "title", t.t = l), t;
-        }, {
-          e: void 0,
-          t: void 0
-        }), e;
-      }
-    }), null), c(w, n(k, {
-      get when() {
-        return T(() => $() === "ready" && a.source.kind !== "image")() && (a.source.kind === "html" || u()?.preview);
-      },
-      get children() {
-        var e = fe();
-        return e.$$click = p, c(e, n(J, {})), g((t) => {
-          var r = C(), l = C();
-          return r !== t.e && i(e, "aria-label", t.e = r), l !== t.t && i(e, "title", t.t = l), t;
-        }, {
-          e: void 0,
-          t: void 0
-        }), e;
-      }
-    }), null), c(w, n(k, {
-      get when() {
-        return T(() => $() === "ready")() && a.source.kind === "html";
-      },
-      get children() {
-        var e = I();
-        return e.$$click = () => H(!b()), c(e, n(k, {
-          get when() {
-            return b();
-          },
-          get fallback() {
-            return n(se, {});
-          },
-          get children() {
-            return n(ce, {});
-          }
-        })), g((t) => {
-          var r = b() ? "collapse" : "expand", l = b() ? a.labels.collapse : a.labels.expand, d = b() ? a.labels.collapse : a.labels.expand, f = b();
-          return r !== t.e && i(e, "data-chat-media-action", t.e = r), l !== t.t && i(e, "aria-label", t.t = l), d !== t.a && i(e, "title", t.a = d), f !== t.o && i(e, "aria-expanded", t.o = f), t;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0,
-          o: void 0
-        }), e;
+        });
       }
-    }), null), c(w, n(k, {
-      get when() {
-        return T(() => a.source.kind !== "image" && !u()?.reveal)() && u()?.openURL;
-      },
-      children: (e) => (() => {
-        var t = Le();
-        return c(t, n(de, {})), g((r) => {
-          var l = e(), d = a.labels.open, f = a.labels.open;
-          return l !== r.e && i(t, "href", r.e = l), d !== r.t && i(t, "aria-label", r.t = d), f !== r.a && i(t, "title", r.a = f), r;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        }), t;
-      })()
-    }), null), c(o, n(k, {
+    }), null), h(c, i(y, {
       get when() {
-        return a.source.kind === "image";
+        return e.source.kind === "image";
       },
       get children() {
-        return n(G, {
+        return i(J, {
           get open() {
-            return b();
+            return R();
           },
-          onOpenChange: (e) => {
-            H(e), e || _?.focus({
+          onOpenChange: (r) => {
+            H(r), r || O?.focus({
               preventScroll: !0
             });
           },
           get title() {
-            return v();
+            return b();
           },
           get labels() {
             return {
-              close: a.labels.close,
-              maximize: a.labels.expand,
-              restore: a.labels.collapse
+              close: e.labels.close,
+              maximize: e.labels.expand,
+              restore: e.labels.collapse
             };
           },
           defaultSize: {
@@ -282,41 +302,41 @@ const He = (a) => {
           compactBelow: 640,
           class: "chat-media-preview-window",
           get children() {
-            var e = ke(), t = e.firstChild;
-            return U((r) => queueMicrotask(() => r.closest('[role="dialog"]')?.focus({
+            var r = ue(), n = r.firstChild;
+            return z((t) => queueMicrotask(() => t.closest('[role="dialog"]')?.focus({
               preventScroll: !0
-            })), e), g((r) => {
-              var l = u()?.src, d = v();
-              return l !== r.e && i(t, "src", r.e = l), d !== r.t && i(t, "alt", r.t = d), r;
+            })), r), f((t) => {
+              var a = g()?.src, s = b();
+              return a !== t.e && u(n, "src", t.e = a), s !== t.t && u(n, "alt", t.t = s), t;
             }, {
               e: void 0,
               t: void 0
-            }), e;
+            }), r;
           }
         });
       }
-    }), null), c(o, n(k, {
+    }), null), h(c, i(y, {
       get when() {
-        return a.source.kind === "html";
+        return e.source.kind === "html";
       },
       get children() {
-        return n(G, {
+        return i(J, {
           get open() {
-            return Z();
+            return q();
           },
-          onOpenChange: (e) => {
-            R(e), e || _?.focus({
+          onOpenChange: (r) => {
+            U(r), r || O?.focus({
               preventScroll: !0
             });
           },
           get title() {
-            return v();
+            return b();
           },
           get labels() {
             return {
-              close: a.labels.close,
-              maximize: a.labels.expand,
-              restore: a.labels.collapse
+              close: e.labels.close,
+              maximize: e.labels.expand,
+              restore: e.labels.collapse
             };
           },
           defaultSize: {
@@ -330,38 +350,37 @@ const He = (a) => {
           compactBelow: 640,
           class: "chat-media-preview-window",
           get children() {
-            var e = ye();
-            return U((t) => queueMicrotask(() => t.closest('[role="dialog"]')?.focus({
+            var r = ve();
+            return z((n) => queueMicrotask(() => n.closest('[role="dialog"]')?.focus({
               preventScroll: !0
-            })), e), c(e, n(K, {
+            })), r), h(r, i(Q, {
               class: "chat-media-html",
               get title() {
-                return v();
+                return b();
               },
               get html() {
-                return B() ?? "";
+                return T() ?? "";
               },
               get labels() {
-                return D();
+                return N();
               },
               get onOpenLink() {
-                return q();
+                return D();
               }
-            })), e;
+            })), r;
           }
         });
       }
-    }), null), g((e) => {
-      var t = ue("chat-media", b() && a.source.kind === "html" && "chat-media-expanded", a.class), r = a.source.kind, l = v();
-      return t !== e.e && ee(o, e.e = t), r !== e.t && i(o, "data-media-kind", e.t = r), l !== e.a && i(x, "title", e.a = l), e;
+    }), null), f((r) => {
+      var n = se("chat-media", R() && e.source.kind === "html" && "chat-media-expanded", e.class), t = e.source.kind;
+      return n !== r.e && p(c, r.e = n), t !== r.t && u(c, "data-media-kind", r.t = t), r;
     }, {
       e: void 0,
-      t: void 0,
-      a: void 0
-    }), o;
+      t: void 0
+    }), c;
   })();
 };
-te(["click"]);
+ee(["click"]);
 export {
-  He as MarkdownMedia
+  Re as MarkdownMedia
 };