markstream-angular 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/index.js

@@ -1,7 +1,7 @@
 import { CommonModule as S } from "@angular/common";
 import { Input as l, Component as x, ChangeDetectionStrategy as b, forwardRef as p, inject as Q, ChangeDetectorRef as De, ViewChild as j, ViewContainerRef as fi, ElementRef as lo, Renderer2 as pi, Directive as gi, HostListener as co, EventEmitter as ut, Output as Ct } from "@angular/core";
 import { parseMarkdownToStructure as Zr, getMarkdown as Yr } from "stream-markdown-parser";
-const $t = /<\/?([A-Z][\w:-]*)(?:\s[^<>]*)?>/gi;
+const It = /<\/?([A-Z][\w:-]*)(?:\s[^<>]*)?>/gi;
 function Jr(e, t, r) {
   const o = bi(r), n = new Set(o);
   if (!t || n.size === 0 || !Array.isArray(e) || e.length === 0)
@@ -30,7 +30,7 @@ function Jr(e, t, r) {
 function yi(e, t) {
   const r = [], o = [];
   let n;
-  for ($t.lastIndex = 0; (n = $t.exec(e)) !== null; ) {
+  for (It.lastIndex = 0; (n = It.exec(e)) !== null; ) {
     const i = n[0], s = zt(n[1]);
     if (!s || !t.has(s))
       continue;
@@ -38,14 +38,14 @@ function yi(e, t) {
       r.push({
         tag: s,
         start: n.index,
-        openEnd: $t.lastIndex
+        openEnd: It.lastIndex
       });
       continue;
     }
     const c = vi(r, s);
     if (c < 0)
       continue;
-    const [d] = r.splice(c, 1), u = n.index, h = $t.lastIndex;
+    const [d] = r.splice(c, 1), u = n.index, h = It.lastIndex;
     o.push({
       tag: s,
       start: d.start,
@@ -173,16 +173,16 @@ function Mi(e) {
 function Oi(e) {
   return Array.isArray(e) ? e : [];
 }
-const rr = "__global__", Rr = "__MARKSTREAM_ANGULAR_CUSTOM_COMPONENTS_STORE__", X = (() => {
+const rr = "__global__", $r = "__MARKSTREAM_ANGULAR_CUSTOM_COMPONENTS_STORE__", X = (() => {
   const e = globalThis;
-  if (e[Rr])
-    return e[Rr];
+  if (e[$r])
+    return e[$r];
   const t = {
     scopedComponents: {},
     revision: 0,
     listeners: /* @__PURE__ */ new Set()
   };
-  return e[Rr] = t, t;
+  return e[$r] = t, t;
 })();
 function en() {
   X.revision += 1;
@@ -240,8 +240,8 @@ const Dn = /* @__PURE__ */ new Map(), Di = /* @__PURE__ */ new Set([
   "thinking",
   "vmr_container"
 ]);
-function Ii(e, t = {}, r) {
-  const o = ho([
+function Ri(e, t = {}, r, o) {
+  const n = ho([
     ...e.customHtmlTags || [],
     ...e.parseOptions?.customHtmlTags || []
   ]);
@@ -252,11 +252,12 @@ function Ii(e, t = {}, r) {
     final: e.final,
     typewriter: e.typewriter,
     textStreamState: r,
+    streamRenderVersion: o,
     showTooltips: e.showTooltips,
     codeBlockStream: e.codeBlockStream,
     renderCodeBlocksAsPre: e.renderCodeBlocksAsPre,
     allowHtml: e.allowHtml !== !1,
-    customHtmlTags: o,
+    customHtmlTags: n,
     parseOptions: e.parseOptions,
     customMarkdownIt: e.customMarkdownIt,
     codeBlockProps: e.codeBlockProps,
@@ -275,7 +276,7 @@ function Ii(e, t = {}, r) {
     events: t
   };
 }
-function Ri(e) {
+function $i(e) {
   if (Array.isArray(e.nodes))
     return e.nodes;
   const t = C(e.content);
@@ -296,7 +297,7 @@ function Ri(e) {
     r
   );
 }
-function R(e) {
+function $(e) {
   return Array.isArray(e) ? e.filter((t) => !!t && typeof t == "object") : [];
 }
 function C(e) {
@@ -307,12 +308,12 @@ function ho(e) {
     return [];
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const o of e) {
-    const n = $i(o);
+    const n = Ii(o);
     !n || t.has(n) || (t.add(n), r.push(n));
   }
   return r;
 }
-function $i(e) {
+function Ii(e) {
   const t = C(e).trim();
   if (!t)
     return "";
@@ -373,7 +374,7 @@ var zi = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, nr = (e, t
 };
 let ze = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get cite() {
     const e = this.node?.cite;
@@ -416,10 +417,10 @@ ze = nr([
     changeDetection: b.OnPush
   })
 ], ze);
-var qi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, po = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Vi(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Vi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, po = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? qi(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
-  return o && n && qi(t, r, n), n;
+  return o && n && Vi(t, r, n), n;
 };
 let Wt = class {
   get checked() {
@@ -469,11 +470,11 @@ function yo() {
     }
   };
 }
-let pe = null, $r = !1, ht = null, In = !1;
+let pe = null, Ir = !1, ht = null, Rn = !1;
 async function Xi(e) {
-  if (In)
+  if (Rn)
     return;
-  In = !0;
+  Rn = !0;
   const t = globalThis?.MonacoEnvironment;
   t && (typeof t.getWorker == "function" || typeof t.getWorkerUrl == "function") || typeof e?.preloadMonacoWorkers == "function" && await e.preloadMonacoWorkers();
 }
@@ -496,14 +497,14 @@ async function vo() {
     return pe;
   if (ht)
     return await ht;
-  if ($r)
+  if (Ir)
     return null;
   ht = (async () => {
     try {
       const e = await import("stream-monaco");
-      return pe = e?.default ?? e, await Xi(pe), await Gi(pe) ? pe : (pe = null, $r = !0, null);
+      return pe = e?.default ?? e, await Xi(pe), await Gi(pe) ? pe : (pe = null, Ir = !0, null);
     } catch {
-      return $r = !0, null;
+      return Ir = !0, null;
     }
   })();
   try {
@@ -527,7 +528,7 @@ const ye = `
   <path d="M12 9v2.5" />
   <path d="M12 11.5l-3.5 3.5" />
   <path d="M12 11.5l3.5 3.5" />
-</svg>`, Rn = `
+</svg>`, $n = `
 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
   <path d="M8 7l-4 5l4 5" />
   <path d="M16 7l4 5l-4 5" />
@@ -542,7 +543,7 @@ const ye = `
 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
   <path d="M9 4c-2 0-3 1.5-3 3.5v2c0 1.1-.4 1.8-1.5 2.5C5.6 12.7 6 13.4 6 14.5v2C6 18.5 7 20 9 20" />
   <path d="M15 4c2 0 3 1.5 3 3.5v2c0 1.1.4 1.8 1.5 2.5c-1.1.7-1.5 1.4-1.5 2.5v2c0 2-1 3.5-3 3.5" />
-</svg>`, $n = `
+</svg>`, In = `
 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
   <path d="M5 6h14" />
   <path d="M12 6v12" />
@@ -581,17 +582,17 @@ const ye = `
   typescript: "TypeScript",
   vue: "Vue"
 }, ts = {
-  "": $n,
-  html: Rn,
+  "": In,
+  html: $n,
   javascript: ye,
   json: Ji,
   jsx: ye,
   markdown: Yi,
   mermaid: Zi,
-  plain: $n,
+  plain: In,
   python: ye,
   shell: ye,
-  svg: Rn,
+  svg: $n,
   tsx: ye,
   typescript: ye
 };
@@ -837,6 +838,9 @@ let Pe = class {
   get monacoLanguage() {
     return ns(this.rawLanguage);
   }
+  get isPlainTextLanguage() {
+    return this.monacoLanguage === "plaintext";
+  }
   get displayLanguage() {
     const e = is[this.canonicalLanguage] || this.canonicalLanguage;
     return e ? e.charAt(0).toUpperCase() + e.slice(1) : "Text";
@@ -1117,6 +1121,7 @@ Pe = Tt([
     <div
       class="code-block-container"
       [class.is-dark]="resolvedIsDark"
+      [class.is-plain-text]="isPlainTextLanguage"
       [class.is-rendering]="resolvedLoading"
       [attr.data-markstream-monaco]="editorReady && !useFallback ? '1' : null"
       [attr.data-markstream-monaco-diff]="editorReady && isDiff && !useFallback ? '1' : null"
@@ -1223,10 +1228,10 @@ Pe = Tt([
             (click)="toggleExpanded()"
           >
             <svg *ngIf="expanded" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="1em" height="1em" viewBox="0 0 24 24" class="code-action-btn__icon">
-              <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6" />
+              <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6" />
             </svg>
             <svg *ngIf="!expanded" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="1em" height="1em" viewBox="0 0 24 24" class="code-action-btn__icon">
-              <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m14 10l7-7m-1 7h-6V4M3 21l7-7m-6 0h6v6" />
+              <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m0-6l-7 7M3 21l7-7m-1 7H3v-6" />
             </svg>
           </button>
 
@@ -1717,13 +1722,13 @@ let We = class {
     this.trackByIndex = (e) => `${this.indexKey || "definition-list"}-${e}`;
   }
   get items() {
-    return R(this.node?.items);
+    return $(this.node?.items);
   }
   termFor(e) {
-    return R(e?.term);
+    return $(e?.term);
   }
   definitionFor(e) {
-    return R(e?.definition);
+    return $(e?.definition);
   }
   itemPrefix(e, t) {
     return `${this.indexKey || "definition-list"}-${e}-${t}`;
@@ -1766,7 +1771,7 @@ We = or([
     changeDetection: b.OnPush
   })
 ], We);
-var Ts = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, Ie = (e, t, r, o) => {
+var Ts = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, Re = (e, t, r, o) => {
   for (var n = o > 1 ? void 0 : o ? _s(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
   return o && n && Ts(t, r, n), n;
@@ -1806,25 +1811,25 @@ let te = class {
     return !r || typeof r != "object" ? !1 : t in r ? !0 : Object.values(r).includes(t);
   }
 };
-Ie([
+Re([
   l()
 ], te.prototype, "component", 2);
-Ie([
+Re([
   l({ required: !0 })
 ], te.prototype, "node", 2);
-Ie([
+Re([
   l()
 ], te.prototype, "context", 2);
-Ie([
+Re([
   l()
 ], te.prototype, "indexKey", 2);
-Ie([
+Re([
   l()
 ], te.prototype, "inputs", 2);
-Ie([
+Re([
   j("container", { read: fi, static: !0 })
 ], te.prototype, "containerRef", 2);
-te = Ie([
+te = Re([
   x({
     selector: "markstream-angular-dynamic-node-host",
     standalone: !0,
@@ -1837,30 +1842,30 @@ var Ss = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, Co = (e, t
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
   return o && n && Ss(t, r, n), n;
 };
-let qt = class {
+let Vt = class {
   get text() {
     return C(this.node?.raw || this.node?.markup || this.node?.content || this.node?.name);
   }
 };
 Co([
   l({ required: !0 })
-], qt.prototype, "node", 2);
-qt = Co([
+], Vt.prototype, "node", 2);
+Vt = Co([
   x({
     selector: "markstream-angular-emoji-node",
     standalone: !0,
     template: '<span class="markstream-angular-emoji">{{ text }}</span>',
     changeDetection: b.OnPush
   })
-], qt);
+], Vt);
 var Os = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, ir = (e, t, r, o) => {
   for (var n = o > 1 ? void 0 : o ? Es(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
   return o && n && Os(t, r, n), n;
 };
-let qe = class {
+let Ve = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "emphasis"}-em`;
@@ -1868,14 +1873,14 @@ let qe = class {
 };
 ir([
   l({ required: !0 })
-], qe.prototype, "node", 2);
+], Ve.prototype, "node", 2);
 ir([
   l()
-], qe.prototype, "context", 2);
+], Ve.prototype, "context", 2);
 ir([
   l()
-], qe.prototype, "indexKey", 2);
-qe = ir([
+], Ve.prototype, "indexKey", 2);
+Ve = ir([
   x({
     selector: "markstream-angular-emphasis-node",
     standalone: !0,
@@ -1891,15 +1896,15 @@ qe = ir([
   `,
     changeDetection: b.OnPush
   })
-], qe);
-var Ds = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, sr = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Is(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+], Ve);
+var Ds = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, sr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Rs(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
   return o && n && Ds(t, r, n), n;
 };
-let Ve = class {
+let qe = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get hasChildren() {
     return this.children.length > 0;
@@ -1925,14 +1930,14 @@ let Ve = class {
 };
 sr([
   l({ required: !0 })
-], Ve.prototype, "node", 2);
+], qe.prototype, "node", 2);
 sr([
   l()
-], Ve.prototype, "context", 2);
+], qe.prototype, "context", 2);
 sr([
   l()
-], Ve.prototype, "indexKey", 2);
-Ve = sr([
+], qe.prototype, "indexKey", 2);
+qe = sr([
   x({
     selector: "markstream-angular-fallback-node",
     standalone: !0,
@@ -1961,13 +1966,13 @@ Ve = sr([
   `,
     changeDetection: b.OnPush
   })
-], Ve);
-var Rs = Object.defineProperty, $s = Object.getOwnPropertyDescriptor, Po = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? $s(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+], qe);
+var $s = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, Po = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Is(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
-  return o && n && Rs(t, r, n), n;
+  return o && n && $s(t, r, n), n;
 };
-let Vt = class {
+let qt = class {
   get id() {
     return C(this.node?.id);
   }
@@ -1980,8 +1985,8 @@ let Vt = class {
 };
 Po([
   l({ required: !0 })
-], Vt.prototype, "node", 2);
-Vt = Po([
+], qt.prototype, "node", 2);
+qt = Po([
   x({
     selector: "markstream-angular-footnote-anchor-node",
     standalone: !0,
@@ -1996,7 +2001,7 @@ Vt = Po([
   `,
     changeDetection: b.OnPush
   })
-], Vt);
+], qt);
 var As = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, ar = (e, t, r, o) => {
   for (var n = o > 1 ? void 0 : o ? Ns(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
@@ -2007,7 +2012,7 @@ let Ue = class {
     return `fnref--${C(this.node?.id)}`;
   }
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "footnote"}-children`;
@@ -2148,7 +2153,7 @@ let Xe = class {
     return e && typeof e == "object" ? e : null;
   }
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "heading"}-${this.level}`;
@@ -2191,14 +2196,14 @@ Xe = lr([
     changeDetection: b.OnPush
   })
 ], Xe);
-var qs = Object.defineProperty, Vs = Object.getOwnPropertyDescriptor, cr = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Vs(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Vs = Object.defineProperty, qs = Object.getOwnPropertyDescriptor, cr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? qs(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
-  return o && n && qs(t, r, n), n;
+  return o && n && Vs(t, r, n), n;
 };
 let Ge = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "highlight"}-highlight`;
@@ -2572,7 +2577,7 @@ async function Oo() {
     return typeof t == "function" && t.prototype && t.prototype.render ? r = t : e?.Infographic ? r = e.Infographic : t && t.Infographic && (r = t.Infographic), Ar = r, r;
   }).catch((e) => (console.warn("[markstream-angular] Failed to load @antv/infographic", e), null)), await At));
 }
-var sa = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, Re = (e, t, r, o) => {
+var sa = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, $e = (e, t, r, o) => {
   for (var n = o > 1 ? void 0 : o ? aa(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
   return o && n && sa(t, r, n), n;
@@ -2620,6 +2625,13 @@ let re = class {
   get resolvedMaxHeight() {
     return dn(this.mergedProps.maxHeight, "500px");
   }
+  resolveContainerMinHeight(e) {
+    const t = Math.max(e, 280), r = this.mergedProps.maxHeight;
+    if (r == null || r === "none")
+      return `${t}px`;
+    const o = Number.parseFloat(String(r));
+    return Number.isFinite(o) ? `${Math.min(t, o)}px` : `${t}px`;
+  }
   get resolvedLoading() {
     return typeof this.mergedProps.loading == "boolean" ? this.mergedProps.loading : this.node?.loading === !0;
   }
@@ -2710,7 +2722,7 @@ let re = class {
       const i = t.querySelector("svg");
       this.svgMarkup = i ? i.outerHTML : "";
       const s = t.scrollHeight;
-      s > 0 && (this.containerMinHeight = `${Math.min(Math.max(s, 280), 800)}px`), this.syncModalPreview();
+      s > 0 && (this.containerMinHeight = this.resolveContainerMinHeight(s)), this.syncModalPreview();
     } catch (o) {
       if (this.destroyed || r !== this.renderToken)
         return;
@@ -2745,25 +2757,25 @@ let re = class {
     });
   }
 };
-Re([
+$e([
   j("previewHost")
 ], re.prototype, "previewHost", 2);
-Re([
+$e([
   j("modalHost")
 ], re.prototype, "modalHost", 2);
-Re([
+$e([
   l({ required: !0 })
 ], re.prototype, "node", 2);
-Re([
+$e([
   l()
 ], re.prototype, "context", 2);
-Re([
+$e([
   l()
 ], re.prototype, "props", 2);
-Re([
+$e([
   co("window:keydown", ["$event"])
 ], re.prototype, "handleWindowKeydown", 1);
-re = Re([
+re = $e([
   x({
     selector: "markstream-angular-infographic-block-node",
     standalone: !0,
@@ -2984,7 +2996,7 @@ var da = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, hr = (e, t
 };
 let Je = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "insert"}-insert`;
@@ -3040,19 +3052,19 @@ function fr(e) {
 function Do(e) {
   return e === "x" ? "y" : "x";
 }
-function Io(e) {
+function Ro(e) {
   return e === "y" ? "height" : "width";
 }
 function se(e) {
   const t = e[0];
   return t === "t" || t === "b" ? "y" : "x";
 }
-function Ro(e) {
+function $o(e) {
   return Do(se(e));
 }
 function ma(e, t, r) {
   r === void 0 && (r = !1);
-  const o = fr(e), n = Ro(e), i = Io(n);
+  const o = fr(e), n = $o(e), i = Ro(n);
   let s = n === "x" ? o === (r ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (s = Yt(s)), [s, Yt(s)];
 }
@@ -3125,7 +3137,7 @@ function Fn(e, t, r) {
     reference: o,
     floating: n
   } = e;
-  const i = se(t), s = Ro(t), a = Io(s), c = Se(t), d = i === "y", u = o.x + o.width / 2 - n.width / 2, h = o.y + o.height / 2 - n.height / 2, m = o[a] / 2 - n[a] / 2;
+  const i = se(t), s = $o(t), a = Ro(s), c = Se(t), d = i === "y", u = o.x + o.width / 2 - n.width / 2, h = o.y + o.height / 2 - n.height / 2, m = o[a] / 2 - n[a] / 2;
   let f;
   switch (c) {
     case "top":
@@ -3194,7 +3206,7 @@ async function ba(e, t) {
     y: n,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, E = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), $ = await (i.isElement == null ? void 0 : i.isElement(E)) ? await (i.getScale == null ? void 0 : i.getScale(E)) || {
+  } : s.reference, E = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), I = await (i.isElement == null ? void 0 : i.isElement(E)) ? await (i.getScale == null ? void 0 : i.getScale(E)) || {
     x: 1,
     y: 1
   } : {
@@ -3207,10 +3219,10 @@ async function ba(e, t) {
     strategy: c
   }) : M);
   return {
-    top: (v.top - z.top + g.top) / $.y,
-    bottom: (z.bottom - v.bottom + g.bottom) / $.y,
-    left: (v.left - z.left + g.left) / $.x,
-    right: (z.right - v.right + g.right) / $.x
+    top: (v.top - z.top + g.top) / I.y,
+    bottom: (z.bottom - v.bottom + g.bottom) / I.y,
+    left: (v.left - z.left + g.left) / I.x,
+    right: (z.right - v.right + g.right) / I.x
   };
 }
 const ka = 50, Ca = async (e, t, r) => {
@@ -3241,7 +3253,7 @@ const ka = 50, Ca = async (e, t, r) => {
       fn: M
     } = T, {
       x: E,
-      y: $,
+      y: I,
       data: z,
       reset: H
     } = await M({
@@ -3258,7 +3270,7 @@ const ka = 50, Ca = async (e, t, r) => {
         floating: t
       }
     });
-    u = E ?? u, h = $ ?? h, g[v] = {
+    u = E ?? u, h = I ?? h, g[v] = {
       ...g[v],
       ...z
     }, H && f < ka && (f++, typeof H == "object" && (H.placement && (m = H.placement), H.rects && (d = H.rects === !0 ? await s.getElementRects({
@@ -3301,46 +3313,46 @@ const ka = 50, Ca = async (e, t, r) => {
       } = mr(e, t);
       if ((r = i.arrow) != null && r.alignmentOffset)
         return {};
-      const v = Se(n), M = se(a), E = Se(a) === a, $ = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), z = m || (E || !y ? [Yt(a)] : fa(a)), H = g !== "none";
-      !m && H && z.push(...va(a, y, g, $));
-      const Ae = [a, ...z], Dr = await c.detectOverflow(t, T), Rt = [];
+      const v = Se(n), M = se(a), E = Se(a) === a, I = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), z = m || (E || !y ? [Yt(a)] : fa(a)), H = g !== "none";
+      !m && H && z.push(...va(a, y, g, I));
+      const Ae = [a, ...z], Dr = await c.detectOverflow(t, T), $t = [];
       let Ne = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (u && Rt.push(Dr[v]), h) {
-        const me = ma(n, s, $);
-        Rt.push(Dr[me[0]], Dr[me[1]]);
+      if (u && $t.push(Dr[v]), h) {
+        const me = ma(n, s, I);
+        $t.push(Dr[me[0]], Dr[me[1]]);
       }
       if (Ne = [...Ne, {
         placement: n,
-        overflows: Rt
-      }], !Rt.every((me) => me <= 0)) {
+        overflows: $t
+      }], !$t.every((me) => me <= 0)) {
         var Sn, Mn;
-        const me = (((Sn = i.flip) == null ? void 0 : Sn.index) || 0) + 1, Ir = Ae[me];
-        if (Ir && (!(h === "alignment" ? M !== se(Ir) : !1) || // We leave the current main axis only if every placement on that axis
+        const me = (((Sn = i.flip) == null ? void 0 : Sn.index) || 0) + 1, Rr = Ae[me];
+        if (Rr && (!(h === "alignment" ? M !== se(Rr) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        Ne.every((q) => se(q.placement) === M ? q.overflows[0] > 0 : !0)))
+        Ne.every((V) => se(V.placement) === M ? V.overflows[0] > 0 : !0)))
           return {
             data: {
               index: me,
               overflows: Ne
             },
             reset: {
-              placement: Ir
+              placement: Rr
             }
           };
-        let dt = (Mn = Ne.filter((fe) => fe.overflows[0] <= 0).sort((fe, q) => fe.overflows[1] - q.overflows[1])[0]) == null ? void 0 : Mn.placement;
+        let dt = (Mn = Ne.filter((fe) => fe.overflows[0] <= 0).sort((fe, V) => fe.overflows[1] - V.overflows[1])[0]) == null ? void 0 : Mn.placement;
         if (!dt)
           switch (f) {
             case "bestFit": {
               var On;
-              const fe = (On = Ne.filter((q) => {
+              const fe = (On = Ne.filter((V) => {
                 if (H) {
-                  const ie = se(q.placement);
+                  const ie = se(V.placement);
                   return ie === M || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   ie === "y";
                 }
                 return !0;
-              }).map((q) => [q.placement, q.overflows.filter((ie) => ie > 0).reduce((ie, mi) => ie + mi, 0)]).sort((q, ie) => q[1] - ie[1])[0]) == null ? void 0 : On[0];
+              }).map((V) => [V.placement, V.overflows.filter((ie) => ie > 0).reduce((ie, mi) => ie + mi, 0)]).sort((V, ie) => V[1] - ie[1])[0]) == null ? void 0 : On[0];
               fe && (dt = fe);
               break;
             }
@@ -3440,12 +3452,12 @@ const Sa = function(e) {
       }, h = await i.detectOverflow(t, d), m = se(Se(n)), f = Do(m);
       let g = u[f], y = u[m];
       if (s) {
-        const v = f === "y" ? "top" : "left", M = f === "y" ? "bottom" : "right", E = g + h[v], $ = g - h[M];
-        g = Ln(E, g, $);
+        const v = f === "y" ? "top" : "left", M = f === "y" ? "bottom" : "right", E = g + h[v], I = g - h[M];
+        g = Ln(E, g, I);
       }
       if (a) {
-        const v = m === "y" ? "top" : "left", M = m === "y" ? "bottom" : "right", E = y + h[v], $ = y - h[M];
-        y = Ln(E, y, $);
+        const v = m === "y" ? "top" : "left", M = m === "y" ? "bottom" : "right", E = y + h[v], I = y - h[M];
+        y = Ln(E, y, I);
       }
       const T = c.fn({
         ...t,
@@ -3470,7 +3482,7 @@ function pr() {
   return typeof window < "u";
 }
 function ct(e) {
-  return $o(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return Io(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function K(e) {
   var t;
@@ -3478,9 +3490,9 @@ function K(e) {
 }
 function ee(e) {
   var t;
-  return (t = ($o(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Io(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function $o(e) {
+function Io(e) {
   return pr() ? e instanceof Node || e instanceof K(e).Node : !1;
 }
 function G(e) {
@@ -3522,7 +3534,7 @@ function hn(e) {
   const t = G(e) ? Z(e) : e;
   return ge(t.transform) || ge(t.translate) || ge(t.scale) || ge(t.rotate) || ge(t.perspective) || !mn() && (ge(t.backdropFilter) || ge(t.filter)) || Ea.test(t.willChange || "") || Da.test(t.contain || "");
 }
-function Ia(e) {
+function Ra(e) {
   let t = ce(e);
   for (; oe(t) && !Qe(t); ) {
     if (hn(t))
@@ -3608,15 +3620,15 @@ function Ke(e) {
     y: a
   };
 }
-const Ra = /* @__PURE__ */ J(0);
+const $a = /* @__PURE__ */ J(0);
 function Lo(e) {
   const t = K(e);
-  return !mn() || !t.visualViewport ? Ra : {
+  return !mn() || !t.visualViewport ? $a : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function $a(e, t, r) {
+function Ia(e, t, r) {
   return t === void 0 && (t = !1), !r || t && r !== K(e) ? !1 : t;
 }
 function Me(e, t, r, o) {
@@ -3624,14 +3636,14 @@ function Me(e, t, r, o) {
   const n = e.getBoundingClientRect(), i = fn(e);
   let s = J(1);
   t && (o ? G(o) && (s = Ke(o)) : s = Ke(e));
-  const a = $a(i, r, o) ? Lo(i) : J(0);
+  const a = Ia(i, r, o) ? Lo(i) : J(0);
   let c = (n.left + a.x) / s.x, d = (n.top + a.y) / s.y, u = n.width / s.x, h = n.height / s.y;
   if (i) {
     const m = K(i), f = o && G(o) ? K(o) : o;
     let g = m, y = zr(g);
     for (; y && o && f !== g; ) {
-      const T = Ke(y), v = y.getBoundingClientRect(), M = Z(y), E = v.left + (y.clientLeft + parseFloat(M.paddingLeft)) * T.x, $ = v.top + (y.clientTop + parseFloat(M.paddingTop)) * T.y;
-      c *= T.x, d *= T.y, u *= T.x, h *= T.y, c += E, d += $, g = K(y), y = zr(g);
+      const T = Ke(y), v = y.getBoundingClientRect(), M = Z(y), E = v.left + (y.clientLeft + parseFloat(M.paddingLeft)) * T.x, I = v.top + (y.clientTop + parseFloat(M.paddingTop)) * T.y;
+      c *= T.x, d *= T.y, u *= T.x, h *= T.y, c += E, d += I, g = K(y), y = zr(g);
     }
   }
   return Jt({
@@ -3840,7 +3852,7 @@ function Fo(e, t) {
   let o = Wn(e, t);
   for (; o && Oa(o) && Lr(o); )
     o = Wn(o, t);
-  return o && Qe(o) && Lr(o) && !hn(o) ? r : o || Ia(e) || r;
+  return o && Qe(o) && Lr(o) && !hn(o) ? r : o || Ra(e) || r;
 }
 const Wa = async function(e) {
   const t = this.getOffsetParent || Fo, r = this.getDimensions, o = await r(e.floating);
@@ -3854,10 +3866,10 @@ const Wa = async function(e) {
     }
   };
 };
-function qa(e) {
+function Va(e) {
   return Z(e).direction === "rtl";
 }
-const Va = {
+const qa = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Aa,
   getDocumentElement: ee,
   getClippingRect: Ka,
@@ -3867,7 +3879,7 @@ const Va = {
   getDimensions: ja,
   getScale: Ke,
   isElement: G,
-  isRTL: qa
+  isRTL: Va
 };
 function Ko(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
@@ -3893,17 +3905,17 @@ function Ua(e, t) {
       rootMargin: -g + "px " + -y + "px " + -T + "px " + -v + "px",
       threshold: ke(0, Gt(1, c)) || 1
     };
-    let $ = !0;
+    let I = !0;
     function z(H) {
       const Ae = H[0].intersectionRatio;
       if (Ae !== c) {
-        if (!$)
+        if (!I)
           return s();
         Ae ? s(!1, Ae) : o = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      Ae === 1 && !Ko(d, e.getBoundingClientRect()) && s(), $ = !1;
+      Ae === 1 && !Ko(d, e.getBoundingClientRect()) && s(), I = !1;
     }
     try {
       r = new IntersectionObserver(z, {
@@ -3956,7 +3968,7 @@ function Xa(e, t, r, o) {
 }
 const Ga = Sa, Za = Ma, Ya = Pa, Ja = (e, t, r) => {
   const o = /* @__PURE__ */ new Map(), n = {
-    platform: Va,
+    platform: qa,
     ...r
   }, i = {
     ...n.platform,
@@ -3990,7 +4002,7 @@ function el(e) {
     }
   return !1;
 }
-async function qn(e) {
+async function Vn(e) {
   if (!O || !je)
     return;
   const { x: t, y: r } = await Ja(je, O, {
@@ -4000,7 +4012,7 @@ async function qn(e) {
   });
   O.style.transform = `translate3d(${Math.round(t)}px, ${Math.round(r)}px, 0)`;
 }
-function Vn(e, t, r = "top", o = !1, n) {
+function qn(e, t, r = "top", o = !1, n) {
   if (!e || typeof document > "u" || !Qa())
     return;
   jo();
@@ -4011,8 +4023,8 @@ function Vn(e, t, r = "top", o = !1, n) {
         e.setAttribute("aria-describedby", gt);
       } catch {
       }
-      await qn(r), O.dataset.visible = "true", Qt?.(), Qt = Xa(e, O, () => {
-        qn(r);
+      await Vn(r), O.dataset.visible = "true", Qt?.(), Qt = Xa(e, O, () => {
+        Vn(r);
       });
     }
   };
@@ -4044,12 +4056,21 @@ let de = class {
     this.settledText = "", this.streamedDelta = "", this.streamFadeVersion = 0;
   }
   ngOnChanges() {
-    const e = C(this.node?.content), t = C(this.indexKey).trim(), r = this.context?.textStreamState, o = `${this.settledText}${this.streamedDelta}`, i = (t ? r?.get(t) : void 0) ?? o, s = Eo({
+    const e = C(this.node?.content), t = C(this.indexKey).trim(), r = this.context?.textStreamState, o = this.context?.streamRenderVersion, n = o !== this.lastStreamRenderVersion, i = `${this.settledText}${this.streamedDelta}`, a = (t ? r?.get(t) : void 0) ?? i;
+    if (!this.typewriterEnabled) {
+      this.settledText = e, this.streamedDelta = "", t && r?.set(t, e), this.lastStreamRenderVersion = o;
+      return;
+    }
+    if (e === a) {
+      this.streamedDelta && n ? this.settleStreamedDelta() : i !== e && (this.settledText = e, this.streamedDelta = ""), t && r?.set(t, e), this.lastStreamRenderVersion = o;
+      return;
+    }
+    const c = Eo({
       nextContent: e,
-      previousContent: i,
+      previousContent: a,
       typewriterEnabled: this.typewriterEnabled
     });
-    this.settledText = s.settledContent, this.streamedDelta = s.streamedDelta, s.appended && (this.streamFadeVersion += 1), t && r?.set(t, e);
+    this.settledText = c.settledContent, this.streamedDelta = c.streamedDelta, c.appended && (this.streamFadeVersion += 1), t && r?.set(t, e), this.lastStreamRenderVersion = o;
   }
   get centered() {
     return !!this.node?.center;
@@ -4126,7 +4147,7 @@ let Oe = class {
     return this.context?.showTooltips !== !1;
   }
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get hasChildren() {
     return this.children.length > 0;
@@ -4159,13 +4180,13 @@ let Oe = class {
     this.hovering && Un(!0);
   }
   onAnchorEnter() {
-    this.resolvedShowTooltip && (this.hovering = !0, Vn(this.anchorRef?.nativeElement || null, this.title, "top", !1, this.context?.isDark));
+    this.resolvedShowTooltip && (this.hovering = !0, qn(this.anchorRef?.nativeElement || null, this.title, "top", !1, this.context?.isDark));
   }
   onAnchorLeave() {
     this.resolvedShowTooltip && (this.hovering = !1, Un());
   }
   syncTooltip() {
-    !this.hovering || !this.resolvedShowTooltip || Vn(this.anchorRef?.nativeElement || null, this.title, "top", !0, this.context?.isDark);
+    !this.hovering || !this.resolvedShowTooltip || qn(this.anchorRef?.nativeElement || null, this.title, "top", !0, this.context?.isDark);
   }
 };
 Et([
@@ -4239,7 +4260,7 @@ var il = Object.defineProperty, sl = Object.getOwnPropertyDescriptor, Dt = (e, t
 };
 let ue = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "list-item"}-item`;
@@ -4290,7 +4311,7 @@ let et = class {
     return Number(this.node?.start) || 1;
   }
   get items() {
-    return R(this.node?.items);
+    return $(this.node?.items);
   }
   itemPrefix(e) {
     return `${this.indexKey || "list"}-${e}`;
@@ -4363,16 +4384,16 @@ function Wo() {
 function cl() {
   we = null, Kt = !1, He = null;
 }
-function qo(e) {
+function Vo(e) {
   pn = e, cl();
 }
 function md(e) {
-  qo(e ?? Wo);
+  Vo(e ?? Wo);
 }
 function fd() {
-  qo(null);
+  Vo(null);
 }
-function Vo() {
+function qo() {
   return typeof pn == "function";
 }
 async function yn() {
@@ -4403,7 +4424,7 @@ async function yn() {
     He = null;
   }
 }
-const It = "WORKER_BUSY";
+const Rt = "WORKER_BUSY";
 let U = null, ae = null, Wr = !1;
 const F = /* @__PURE__ */ new Map(), ft = /* @__PURE__ */ new Map(), dl = 200, xe = /* @__PURE__ */ new Set();
 let Ee = 5;
@@ -4450,7 +4471,7 @@ function yd(e) {
   Wr = !!e, U && U.postMessage({ type: "init", debug: Wr });
 }
 async function hl(e, t = !0, r = 2e3, o) {
-  if (!Vo()) {
+  if (!qo()) {
     const a = new Error("KaTeX rendering disabled");
     return a.name = "KaTeXDisabled", a.code = "KATEX_DISABLED", Promise.reject(a);
   }
@@ -4464,7 +4485,7 @@ async function hl(e, t = !0, r = 2e3, o) {
     return Promise.reject(ae);
   if (F.size >= Ee) {
     const a = new Error("Worker busy");
-    return a.name = "WorkerBusy", a.code = It, a.busy = !0, a.inFlight = F.size, a.max = Ee, Promise.reject(a);
+    return a.name = "WorkerBusy", a.code = Rt, a.busy = !0, a.inFlight = F.size, a.max = Ee, Promise.reject(a);
   }
   return new Promise((a, c) => {
     if (o?.aborted) {
@@ -4549,7 +4570,7 @@ function kd() {
   return { ...Y };
 }
 async function wn(e, t = !0, r = {}) {
-  if (!Vo()) {
+  if (!qo()) {
     const d = new Error("KaTeX rendering disabled");
     throw d.name = "KaTeXDisabled", d.code = "KATEX_DISABLED", d;
   }
@@ -4563,7 +4584,7 @@ async function wn(e, t = !0, r = {}) {
     try {
       return await hl(e, t, o, r.signal);
     } catch (d) {
-      if (d?.code !== It || c >= a)
+      if (d?.code !== Rt || c >= a)
         throw d;
       c += 1, await ml(n, r.signal).catch(() => {
       }), i > 0 && await new Promise((u) => globalThis.setTimeout(u, i * c));
@@ -4613,7 +4634,7 @@ let bt = class {
       });
     } catch (r) {
       const o = r?.code || r?.name;
-      if (!(o === "WORKER_INIT_ERROR" || r?.fallbackToRenderer) && !(o === It || o === "WORKER_TIMEOUT"))
+      if (!(o === "WORKER_INIT_ERROR" || r?.fallbackToRenderer) && !(o === Rt || o === "WORKER_TIMEOUT"))
         return null;
     }
     const t = await yn();
@@ -4695,7 +4716,7 @@ let kt = class {
       });
     } catch (o) {
       const n = o?.code || o?.name;
-      if (!(n === "WORKER_INIT_ERROR" || o?.fallbackToRenderer) && !(n === It || n === "WORKER_TIMEOUT"))
+      if (!(n === "WORKER_INIT_ERROR" || o?.fallbackToRenderer) && !(n === Rt || n === "WORKER_TIMEOUT"))
         return null;
     }
     const r = await yn();
@@ -4736,7 +4757,7 @@ kt = bn([
   })
 ], kt);
 const Xo = () => import("mermaid"), kn = "__MARKSTREAM_ANGULAR_MERMAID__";
-let V = null, pt = !1, qr = null, Fe = null, Cn = Xo;
+let q = null, pt = !1, Vr = null, Fe = null, Cn = Xo;
 function wl(e) {
   const t = String(e?.securityLevel ?? "loose"), r = e?.flowchart?.htmlLabels;
   return `${t}|htmlLabels:${r === !1 ? "0" : "1"}`;
@@ -4776,9 +4797,9 @@ function Lt(e, t) {
   if (!e || !t)
     return;
   const r = wl(t);
-  if (qr !== r)
+  if (Vr !== r)
     try {
-      typeof e.initialize == "function" ? e.initialize(t) : e.mermaidAPI?.initialize && e.mermaidAPI.initialize(t), qr = r;
+      typeof e.initialize == "function" ? e.initialize(t) : e.mermaidAPI?.initialize && e.mermaidAPI.initialize(t), Vr = r;
     } catch {
     }
 }
@@ -4797,7 +4818,7 @@ function Gn(e) {
   }
 }
 function bl() {
-  V = null, pt = !1, qr = null, Fe = null;
+  q = null, pt = !1, Vr = null, Fe = null;
   try {
     delete globalThis[kn];
   } catch {
@@ -4816,11 +4837,11 @@ function kl() {
   return typeof Cn == "function";
 }
 async function Yo(e) {
-  if (V)
-    return Lt(V, e), V;
+  if (q)
+    return Lt(q, e), q;
   const t = xl();
   if (t)
-    return Xn(t), V = t, Gn(V), Lt(V, e), V;
+    return Xn(t), q = t, Gn(q), Lt(q, e), q;
   if (Fe) {
     const o = await Fe;
     return o && Lt(o, e), o;
@@ -4833,7 +4854,7 @@ async function Yo(e) {
   Fe = (async () => {
     try {
       const o = await r(), n = Go(o);
-      return n ? (Xn(n), V = n, Gn(V), V) : (pt = !0, null);
+      return n ? (Xn(n), q = n, Gn(q), q) : (pt = !0, null);
     } catch {
       return pt = !0, null;
     }
@@ -4961,7 +4982,7 @@ function Ed() {
       L = null;
     }
 }
-var _l = Object.defineProperty, Sl = Object.getOwnPropertyDescriptor, $e = (e, t, r, o) => {
+var _l = Object.defineProperty, Sl = Object.getOwnPropertyDescriptor, Ie = (e, t, r, o) => {
   for (var n = o > 1 ? void 0 : o ? Sl(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
   return o && n && _l(t, r, n), n;
@@ -5241,25 +5262,25 @@ ${e}`;
     });
   }
 };
-$e([
+Ie([
   j("previewHost")
 ], ne.prototype, "previewHost", 2);
-$e([
+Ie([
   j("modalHost")
 ], ne.prototype, "modalHost", 2);
-$e([
+Ie([
   l({ required: !0 })
 ], ne.prototype, "node", 2);
-$e([
+Ie([
   l()
 ], ne.prototype, "context", 2);
-$e([
+Ie([
   l()
 ], ne.prototype, "props", 2);
-$e([
+Ie([
   co("window:keydown", ["$event"])
 ], ne.prototype, "handleWindowKeydown", 1);
-ne = $e([
+ne = Ie([
   x({
     selector: "markstream-angular-mermaid-block-node",
     standalone: !0,
@@ -5413,7 +5434,7 @@ let tt = class {
     this.segments = [], this.trackByIndex = (e) => `${this.indexKey || "paragraph"}-${e}`;
   }
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   ngOnChanges() {
     this.segments = ji(this.children);
@@ -5474,8 +5495,8 @@ tt = xr([
     changeDetection: b.OnPush
   })
 ], tt);
-var Dl = Object.defineProperty, Il = Object.getOwnPropertyDescriptor, ri = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Il(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Dl = Object.defineProperty, Rl = Object.getOwnPropertyDescriptor, ri = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Rl(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
   return o && n && Dl(t, r, n), n;
 };
@@ -5504,7 +5525,7 @@ function ni(e, t) {
 function Pn(e) {
   return String(e?.tag || "").trim().toLowerCase() || Bi(e?.content);
 }
-function Rl(e) {
+function $l(e) {
   const t = Pn(e);
   return t ? {
     ...e,
@@ -5513,7 +5534,7 @@ function Rl(e) {
     content: Hi(e?.content, t)
   } : e;
 }
-function $l(e, t) {
+function Il(e, t) {
   const r = Pn(e);
   return r ? {
     ...e,
@@ -5534,7 +5555,7 @@ var Nl = Object.defineProperty, Ll = Object.getOwnPropertyDescriptor, br = (e, t
 };
 let rt = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "strikethrough"}-strike`;
@@ -5573,7 +5594,7 @@ var Bl = Object.defineProperty, Hl = Object.getOwnPropertyDescriptor, kr = (e, t
 };
 let nt = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "strong"}-strong`;
@@ -5612,7 +5633,7 @@ var Fl = Object.defineProperty, Kl = Object.getOwnPropertyDescriptor, Cr = (e, t
 };
 let ot = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "subscript"}-sub`;
@@ -5651,7 +5672,7 @@ var jl = Object.defineProperty, zl = Object.getOwnPropertyDescriptor, Pr = (e, t
 };
 let it = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "superscript"}-sup`;
@@ -5683,8 +5704,8 @@ it = Pr([
     changeDetection: b.OnPush
   })
 ], it);
-var Wl = Object.defineProperty, ql = Object.getOwnPropertyDescriptor, Tr = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? ql(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Wl = Object.defineProperty, Vl = Object.getOwnPropertyDescriptor, Tr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Vl(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
   return o && n && Wl(t, r, n), n;
 };
@@ -5697,13 +5718,13 @@ let st = class {
     return e && typeof e == "object" ? e : null;
   }
   get rows() {
-    return R(this.node?.rows);
+    return $(this.node?.rows);
   }
   cellsFor(e) {
-    return R(e?.cells);
+    return $(e?.cells);
   }
   childrenFor(e) {
-    return R(e?.children);
+    return $(e?.children);
   }
   alignment(e) {
     return C(e?.align);
@@ -5759,21 +5780,21 @@ st = Tr([
     changeDetection: b.OnPush
   })
 ], st);
-var Vl = Object.getOwnPropertyDescriptor, Ul = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Vl(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var ql = Object.getOwnPropertyDescriptor, Ul = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? ql(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = s(n) || n);
   return n;
 };
-let Vr = class {
+let qr = class {
 };
-Vr = Ul([
+qr = Ul([
   x({
     selector: "markstream-angular-thematic-break-node",
     standalone: !0,
     template: "<hr>",
     changeDetection: b.OnPush
   })
-], Vr);
+], qr);
 var Xl = Object.defineProperty, Gl = Object.getOwnPropertyDescriptor, _r = (e, t, r, o) => {
   for (var n = o > 1 ? void 0 : o ? Gl(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
@@ -5781,7 +5802,7 @@ var Xl = Object.defineProperty, Gl = Object.getOwnPropertyDescriptor, _r = (e, t
 };
 let at = class {
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "vmr"}-container`;
@@ -5841,7 +5862,7 @@ let he = class {
     return r ? e?.[r] ?? null : null;
   }
   get customNode() {
-    return Rl(this.node);
+    return $l(this.node);
   }
   get codeMode() {
     return ni(this.node, this.context);
@@ -5850,7 +5871,7 @@ let he = class {
     return Pn(this.node);
   }
   get htmlRenderNode() {
-    return $l(this.node, this.resolvedType);
+    return Il(this.node, this.resolvedType);
   }
   get fallbackNode() {
     return this.node;
@@ -5881,10 +5902,10 @@ he = Sr([
       p(() => Te),
       p(() => We),
       p(() => te),
-      p(() => qt),
-      p(() => qe),
-      p(() => Ve),
       p(() => Vt),
+      p(() => Ve),
+      p(() => qe),
+      p(() => qt),
       p(() => Ue),
       p(() => Ut),
       p(() => Kr),
@@ -5911,7 +5932,7 @@ he = Sr([
       p(() => it),
       p(() => st),
       p(() => de),
-      p(() => Vr),
+      p(() => qr),
       p(() => at)
     ],
     template: `
@@ -6151,7 +6172,7 @@ let lt = class {
     return C(this.node?.title) || Li(this.kind);
   }
   get children() {
-    return R(this.node?.children);
+    return $(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "admonition"}-children`;
@@ -6322,7 +6343,7 @@ async function to(e, t) {
     });
   } catch (n) {
     const i = n?.code || n?.name;
-    if (!(i === "WORKER_INIT_ERROR" || n?.fallbackToRenderer) && !(i === It || i === "WORKER_TIMEOUT"))
+    if (!(i === "WORKER_INIT_ERROR" || n?.fallbackToRenderer) && !(i === Rt || i === "WORKER_TIMEOUT"))
       throw n;
   }
   const r = await yn();
@@ -6510,10 +6531,10 @@ async function uc(e, t, r, o) {
         throw new TypeError("D2 instance is missing compile/render methods.");
       const m = await h.compile(c), f = m?.diagram ?? m, g = m?.renderOptions ?? m?.options ?? {}, y = r.d2ThemeId ?? g.themeID, T = r.d2DarkThemeId ?? g.darkThemeID, v = { ...g };
       if (v.themeID = r.isDark && T != null ? T : y, v.darkThemeID = null, v.darkThemeOverrides = null, r.isDark) {
-        const $ = g.themeOverrides && typeof g.themeOverrides == "object" ? g.themeOverrides : null;
+        const I = g.themeOverrides && typeof g.themeOverrides == "object" ? g.themeOverrides : null;
         v.themeOverrides = {
           ...rc,
-          ...$ || {}
+          ...I || {}
         };
       }
       const M = await h.render(f, v);
@@ -6734,7 +6755,7 @@ var Tc = Object.defineProperty, _c = Object.getOwnPropertyDescriptor, k = (e, t,
 const oo = /auto|scroll|overlay/i;
 let w = class {
   constructor() {
-    this.cdr = Q(De), this.hostRef = Q(lo), this.content = "", this.codeBlockStream = !0, this.renderCodeBlocksAsPre = !1, this.showTooltips = !0, this.isDark = !1, this.typewriter = !0, this.batchRendering = !0, this.initialRenderBatchSize = 40, this.renderBatchSize = 80, this.renderBatchDelay = 16, this.renderBatchBudgetMs = 6, this.renderBatchIdleTimeoutMs = 120, this.deferNodesUntilVisible = !0, this.maxLiveNodes = 320, this.liveNodeBuffer = 60, this.allowHtml = !0, this.copy = new ut(), this.handleArtifactClick = new ut(), this.click = new ut(), this.mouseover = new ut(), this.mouseout = new ut(), this.parsedNodes = [], this.visibleEntries = [], this.renderContext = { events: {} }, this.topSpacerHeight = 0, this.bottomSpacerHeight = 0, this.renderedCount = 0, this.focusIndex = 0, this.liveRange = { start: 0, end: 0 }, this.nodeHeights = /* @__PURE__ */ new Map(), this.nodeVisibility = /* @__PURE__ */ new Set(), this.nodeSeen = /* @__PURE__ */ new Set(), this.textStreamState = /* @__PURE__ */ new Map(), this.slotElements = /* @__PURE__ */ new Map(), this.observedElements = /* @__PURE__ */ new Map(), this.observer = null, this.observerConfig = null, this.observerIndexByElement = /* @__PURE__ */ new Map(), this.batchTimer = null, this.batchRaf = null, this.batchIdle = null, this.batchPending = !1, this.enhancementToken = 0, this.enhancementTimer = null, this.enhancementHandle = null, this.postRenderTimer = null, this.trackByEntry = (e, t) => `${this.resolvedIndexPrefix}-${t.index}`;
+    this.cdr = Q(De), this.hostRef = Q(lo), this.content = "", this.codeBlockStream = !0, this.renderCodeBlocksAsPre = !1, this.showTooltips = !0, this.isDark = !1, this.typewriter = !0, this.batchRendering = !0, this.initialRenderBatchSize = 40, this.renderBatchSize = 80, this.renderBatchDelay = 16, this.renderBatchBudgetMs = 6, this.renderBatchIdleTimeoutMs = 120, this.deferNodesUntilVisible = !0, this.maxLiveNodes = 320, this.liveNodeBuffer = 60, this.allowHtml = !0, this.copy = new ut(), this.handleArtifactClick = new ut(), this.click = new ut(), this.mouseover = new ut(), this.mouseout = new ut(), this.parsedNodes = [], this.visibleEntries = [], this.renderContext = { events: {} }, this.topSpacerHeight = 0, this.bottomSpacerHeight = 0, this.renderedCount = 0, this.focusIndex = 0, this.liveRange = { start: 0, end: 0 }, this.nodeHeights = /* @__PURE__ */ new Map(), this.nodeVisibility = /* @__PURE__ */ new Set(), this.nodeSeen = /* @__PURE__ */ new Set(), this.textStreamState = /* @__PURE__ */ new Map(), this.streamRenderVersion = 0, this.slotElements = /* @__PURE__ */ new Map(), this.observedElements = /* @__PURE__ */ new Map(), this.observer = null, this.observerConfig = null, this.observerIndexByElement = /* @__PURE__ */ new Map(), this.batchTimer = null, this.batchRaf = null, this.batchIdle = null, this.batchPending = !1, this.enhancementToken = 0, this.enhancementTimer = null, this.enhancementHandle = null, this.postRenderTimer = null, this.trackByEntry = (e, t) => `${this.resolvedIndexPrefix}-${t.index}`;
   }
   get resolvedIndexPrefix() {
     return this.indexKey != null ? String(this.indexKey) : "renderer";
@@ -6776,8 +6797,8 @@ let w = class {
   get shouldObserveSlots() {
     return this.deferNodesActive || this.virtualizationEnabled;
   }
-  ngOnChanges() {
-    this.rebuild();
+  ngOnChanges(e) {
+    (e.content || e.nodes) && (this.streamRenderVersion += 1), this.rebuild();
   }
   ngOnInit() {
     this.unsubscribeCustomComponents = Ei(() => {
@@ -6808,14 +6829,15 @@ let w = class {
       onCopy: (n) => this.copy.emit(n),
       onHandleArtifactClick: (n) => this.handleArtifactClick.emit(n)
     };
-    this.renderContext = Ii(
+    this.renderContext = Ri(
       {
         ...this,
         customComponents: t
       },
       r,
-      this.textStreamState
-    ), this.parsedNodes = Ri(this), this.trimMeasuredState();
+      this.textStreamState,
+      this.streamRenderVersion
+    ), this.parsedNodes = $i(this), this.trimMeasuredState();
     const o = this.parsedNodes.length;
     this.focusIndex = Math.max(0, Math.min(this.focusIndex, Math.max(0, o - 1))), this.virtualizationEnabled ? (this.renderedCount = o, this.liveRange = no(o, this.focusIndex, this.resolvedMaxLiveNodes, this.resolvedLiveNodeBuffer)) : (this.liveRange = { start: 0, end: o }, this.renderedCount = this.incrementalRenderingActive ? Math.min(o, this.resolvedInitialBatchSize) : o), this.deferNodesActive || this.nodeVisibility.clear(), this.refreshVisibleEntries(), this.cdr.markForCheck(), this.schedulePostRenderWork(), this.incrementalRenderingActive && this.renderedCount < o && this.scheduleBatchStep();
   }
@@ -7268,15 +7290,15 @@ function Dd(e) {
   }), o = Ec(e, r);
   return D(o, r);
 }
-function Id(e, t = {}) {
+function Rd(e, t = {}) {
   const r = Er(t);
   return Dc(e, r);
 }
-function Rd(e, t = {}) {
+function $d(e, t = {}) {
   const r = Er(t);
   return D(e, r);
 }
-function $d(e, t = {}) {
+function Id(e, t = {}) {
   const r = Er(t);
   return ai(e, r);
 }
@@ -7317,7 +7339,7 @@ function Dc(e, t) {
     return D(e.nodes, t);
   const r = e.node;
   if (r) {
-    const o = I(r.children);
+    const o = R(r.children);
     if (o.length > 0)
       return D(o, t);
     const n = P(r.content);
@@ -7338,35 +7360,35 @@ function ai(e, t) {
     case "text":
       return N(P(e.content));
     case "paragraph":
-      return `<p>${D(I(e.children), t)}</p>`;
+      return `<p>${D(R(e.children), t)}</p>`;
     case "strong":
-      return `<strong>${D(I(e.children), t)}</strong>`;
+      return `<strong>${D(R(e.children), t)}</strong>`;
     case "emphasis":
-      return `<em>${D(I(e.children), t)}</em>`;
+      return `<em>${D(R(e.children), t)}</em>`;
     case "strikethrough":
-      return `<del>${D(I(e.children), t)}</del>`;
+      return `<del>${D(R(e.children), t)}</del>`;
     case "highlight":
-      return `<mark>${D(I(e.children), t)}</mark>`;
+      return `<mark>${D(R(e.children), t)}</mark>`;
     case "insert":
-      return `<ins>${D(I(e.children), t)}</ins>`;
+      return `<ins>${D(R(e.children), t)}</ins>`;
     case "subscript":
-      return `<sub>${D(I(e.children), t)}</sub>`;
+      return `<sub>${D(R(e.children), t)}</sub>`;
     case "superscript":
-      return `<sup>${D(I(e.children), t)}</sup>`;
+      return `<sup>${D(R(e.children), t)}</sup>`;
     case "inline_code":
       return `<code>${N(P(e.code))}</code>`;
     case "hardbreak":
       return "<br>";
     case "link":
-      return Ic(e, t);
+      return Rc(e, t);
     case "image":
       return Ac(e);
     case "list":
       return Nc(e, t);
     case "list_item":
-      return `<li>${D(I(e.children), t)}</li>`;
+      return `<li>${D(R(e.children), t)}</li>`;
     case "blockquote":
-      return `<blockquote>${D(I(e.children), t)}</blockquote>`;
+      return `<blockquote>${D(R(e.children), t)}</blockquote>`;
     case "heading":
       return Lc(e, t);
     case "code_block":
@@ -7395,26 +7417,26 @@ function ai(e, t) {
     case "emoji":
       return N(P(e.raw || e.markup || e.content || e.name));
     case "math_inline":
-      return Rc(e);
-    case "math_block":
       return $c(e);
+    case "math_block":
+      return Ic(e);
     case "reference":
       return `<sup class="markstream-nested-reference">[${N(P(e.id))}]</sup>`;
     case "html_inline":
     case "html_block":
       return Wc(e, t);
     default:
-      return qc(e, t);
+      return Vc(e, t);
   }
 }
-function Ic(e, t) {
-  const r = P(e.href), o = P(e.title), n = I(e.children).length > 0 ? D(I(e.children), t) : N(P(e.text || r)), i = o ? ` title="${B(o)}"` : "";
+function Rc(e, t) {
+  const r = P(e.href), o = P(e.title), n = R(e.children).length > 0 ? D(R(e.children), t) : N(P(e.text || r)), i = o ? ` title="${B(o)}"` : "";
   return `<a${r ? ` href="${B(r)}"` : ""}${i} target="_blank" rel="noreferrer noopener">${n}</a>`;
 }
-function Rc(e) {
+function $c(e) {
   return `<span class="markstream-nested-math" data-display="inline"><span class="markstream-nested-math__source">${N(P(e.content || e.markup || e.raw))}</span><span class="markstream-nested-math__render" aria-hidden="true"></span></span>`;
 }
-function $c(e) {
+function Ic(e) {
   return `<div class="markstream-nested-math-block"><pre class="markstream-nested-math-block__source"><code>${N(P(e.content || e.markup || e.raw))}</code></pre><div class="markstream-nested-math-block__render" aria-hidden="true"></div></div>`;
 }
 function Ac(e) {
@@ -7423,11 +7445,11 @@ function Ac(e) {
 }
 function Nc(e, t) {
   const r = e.ordered ? "ol" : "ul", o = e.ordered && Number.isFinite(e.start) ? ` start="${Number(e.start)}"` : "";
-  return `<${r}${o}>${D(I(e.items), t)}</${r}>`;
+  return `<${r}${o}>${D(R(e.items), t)}</${r}>`;
 }
 function Lc(e, t) {
   const r = Yc(e.level);
-  return `<h${r}>${D(I(e.children), t)}</h${r}>`;
+  return `<h${r}>${D(R(e.children), t)}</h${r}>`;
 }
 function Bc(e) {
   const t = P(e.language).trim(), r = _n(t), o = r ? ` class="language-${r}"` : "", n = !!e.diff;
@@ -7440,25 +7462,25 @@ function Bc(e) {
   ].filter(Boolean).join(" ")}><code${o}>${N(P(e.code))}</code></pre>`;
 }
 function Hc(e, t) {
-  const r = e.header ? li(e.header, t, !0) : "", o = D(I(e.rows), t), n = r ? `<thead>${r}</thead>` : "", i = o ? `<tbody>${o}</tbody>` : "";
+  const r = e.header ? li(e.header, t, !0) : "", o = D(R(e.rows), t), n = r ? `<thead>${r}</thead>` : "", i = o ? `<tbody>${o}</tbody>` : "";
   return `<table>${n}${i}</table>`;
 }
 function li(e, t, r = !1) {
-  return `<tr>${I(e.cells).map((n) => ci(n, t, r)).join("")}</tr>`;
+  return `<tr>${R(e.cells).map((n) => ci(n, t, r)).join("")}</tr>`;
 }
 function ci(e, t, r = !1) {
   const o = r || e.header ? "th" : "td", n = P(e.align), i = n ? ` style="text-align:${B(n)}"` : "";
-  return `<${o}${i}>${D(I(e.children), t)}</${o}>`;
+  return `<${o}${i}>${D(R(e.children), t)}</${o}>`;
 }
 function Fc(e, t) {
-  return `<dl>${I(e.items).map((r) => di(r, t)).join("")}</dl>`;
+  return `<dl>${R(e.items).map((r) => di(r, t)).join("")}</dl>`;
 }
 function di(e, t) {
-  const r = D(I(e.term), t), o = D(I(e.definition), t);
+  const r = D(R(e.term), t), o = D(R(e.definition), t);
   return `<dt>${r}</dt><dd>${o}</dd>`;
 }
 function Kc(e, t) {
-  return `<div id="fnref--${B(P(e.id))}" class="markstream-nested-footnote">${D(I(e.children), t)}</div>`;
+  return `<div id="fnref--${B(P(e.id))}" class="markstream-nested-footnote">${D(R(e.children), t)}</div>`;
 }
 function jc(e) {
   const t = N(P(e.id));
@@ -7466,13 +7488,13 @@ function jc(e) {
 }
 function zc(e, t) {
   const r = _n(P(e.kind || "note")) || "note", o = P(e.title) || Jc(r);
-  return `<div class="markstream-nested-admonition markstream-nested-admonition--${r}"><div class="markstream-nested-admonition__title">${N(o)}</div><div class="markstream-nested-admonition__content">${D(I(e.children), t)}</div></div>`;
+  return `<div class="markstream-nested-admonition markstream-nested-admonition--${r}"><div class="markstream-nested-admonition__title">${N(o)}</div><div class="markstream-nested-admonition__content">${D(R(e.children), t)}</div></div>`;
 }
 function Wc(e, t) {
   const r = P(e.content);
   return r ? !t.options.allowHtml || e.loading && !e.autoClosed ? N(r) : un(r) : "";
 }
-function qc(e, t) {
+function Vc(e, t) {
   const r = P(e.tag || e.type);
   if (!r || Oc.has(r))
     return N(P(e.content || e.raw));
@@ -7480,11 +7502,11 @@ function qc(e, t) {
     "markstream-nested-custom",
     `markstream-nested-custom--${_n(r) || "node"}`,
     Uc(e, t.options.customNodeClass)
-  ].filter(Boolean).join(" "), n = Xc(e.attrs, o), i = Vc(e, t), s = t.options.customNodeTag;
+  ].filter(Boolean).join(" "), n = Xc(e.attrs, o), i = qc(e, t), s = t.options.customNodeTag;
   return `<${s}${n} data-markstream-custom-tag="${B(r)}">${i}</${s}>`;
 }
-function Vc(e, t) {
-  const r = I(e.children);
+function qc(e, t) {
+  const r = R(e.children);
   if (r.length > 0)
     return D(r, t);
   const o = P(e.content);
@@ -7526,7 +7548,7 @@ function Gc(e) {
   }
   return Object.entries(e).map(([t, r]) => [t, r]);
 }
-function I(e) {
+function R(e) {
   return Array.isArray(e) ? e.filter((t) => !!t && typeof t == "object") : [];
 }
 function P(e) {
@@ -7979,10 +8001,10 @@ export {
   Pe as CodeBlockNode,
   Te as D2BlockNode,
   We as DefinitionListNode,
-  qt as EmojiNode,
-  qe as EmphasisNode,
-  Ve as FallbackComponent,
-  Vt as FootnoteAnchorNode,
+  Vt as EmojiNode,
+  Ve as EmphasisNode,
+  qe as FallbackComponent,
+  qt as FootnoteAnchorNode,
   Ue as FootnoteNode,
   Ut as FootnoteReferenceNode,
   Kr as HardBreakNode,
@@ -8018,12 +8040,12 @@ export {
   it as SuperscriptNode,
   st as TableNode,
   de as TextNode,
-  Vr as ThematicBreakNode,
+  qr as ThematicBreakNode,
   at as VmrContainerNode,
-  It as WORKER_BUSY_CODE,
+  Rt as WORKER_BUSY_CODE,
   Qc as buildKaTeXCDNWorkerSource,
   ed as buildMermaidCDNWorkerSource,
-  Ii as buildRenderContext,
+  Ri as buildRenderContext,
   ei as canParseOffthread,
   ad as clearGlobalCustomComponents,
   gd as clearKaTeXWorker,
@@ -8050,7 +8072,7 @@ export {
   Sd as getMermaidWorkerLoad,
   hd as isD2Enabled,
   xd as isKaTeXWorkerBusy,
-  Vo as isKatexEnabled,
+  qo as isKatexEnabled,
   kl as isMermaidEnabled,
   is as languageMap,
   nn as normalizeLanguageIdentifier,
@@ -8058,12 +8080,12 @@ export {
   sd as removeCustomComponents,
   hl as renderKaTeXInWorker,
   wn as renderKaTeXWithBackpressure,
-  $d as renderMarkdownNodeToHtml,
-  Rd as renderMarkdownNodesToHtml,
+  Id as renderMarkdownNodeToHtml,
+  $d as renderMarkdownNodesToHtml,
   Dd as renderMarkdownToHtml,
-  Id as renderNestedMarkdownToHtml,
+  Rd as renderNestedMarkdownToHtml,
   ns as resolveMonacoLanguageId,
-  Ri as resolveParsedNodes,
+  $i as resolveParsedNodes,
   un as sanitizeHtmlContent,
   id as setCustomComponents,
   xo as setD2Loader,
@@ -8073,7 +8095,7 @@ export {
   pd as setKaTeXWorker,
   yd as setKaTeXWorkerDebug,
   wd as setKaTeXWorkerMaxConcurrency,
-  qo as setKatexLoader,
+  Vo as setKatexLoader,
   cd as setLanguageIconResolver,
   Zo as setMermaidLoader,
   Md as setMermaidWorker,