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

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 Rt = /<\/?([A-Z][\w:-]*)(?:\s[^<>]*)?>/gi;
+const $t = /<\/?([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 (Rt.lastIndex = 0; (n = Rt.exec(e)) !== null; ) {
+  for ($t.lastIndex = 0; (n = $t.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: Rt.lastIndex
+        openEnd: $t.lastIndex
       });
       continue;
     }
     const c = vi(r, s);
     if (c < 0)
       continue;
-    const [d] = r.splice(c, 1), u = n.index, h = Rt.lastIndex;
+    const [d] = r.splice(c, 1), u = n.index, h = $t.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__", $r = "__MARKSTREAM_ANGULAR_CUSTOM_COMPONENTS_STORE__", X = (() => {
+const rr = "__global__", Rr = "__MARKSTREAM_ANGULAR_CUSTOM_COMPONENTS_STORE__", X = (() => {
   const e = globalThis;
-  if (e[$r])
-    return e[$r];
+  if (e[Rr])
+    return e[Rr];
   const t = {
     scopedComponents: {},
     revision: 0,
     listeners: /* @__PURE__ */ new Set()
   };
-  return e[$r] = t, t;
+  return e[Rr] = t, t;
 })();
 function en() {
   X.revision += 1;
@@ -275,7 +275,7 @@ function Ii(e, t = {}, r) {
     events: t
   };
 }
-function $i(e) {
+function Ri(e) {
   if (Array.isArray(e.nodes))
     return e.nodes;
   const t = C(e.content);
@@ -296,7 +296,7 @@ function $i(e) {
     r
   );
 }
-function $(e) {
+function R(e) {
   return Array.isArray(e) ? e.filter((t) => !!t && typeof t == "object") : [];
 }
 function C(e) {
@@ -307,12 +307,12 @@ function ho(e) {
     return [];
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const o of e) {
-    const n = Ri(o);
+    const n = $i(o);
     !n || t.has(n) || (t.add(n), r.push(n));
   }
   return r;
 }
-function Ri(e) {
+function $i(e) {
   const t = C(e).trim();
   if (!t)
     return "";
@@ -373,7 +373,7 @@ var zi = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, nr = (e, t
 };
 let ze = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get cite() {
     const e = this.node?.cite;
@@ -469,7 +469,7 @@ function yo() {
     }
   };
 }
-let pe = null, Rr = !1, ht = null, In = !1;
+let pe = null, $r = !1, ht = null, In = !1;
 async function Xi(e) {
   if (In)
     return;
@@ -496,14 +496,14 @@ async function vo() {
     return pe;
   if (ht)
     return await ht;
-  if (Rr)
+  if ($r)
     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, Rr = !0, null);
+      return pe = e?.default ?? e, await Xi(pe), await Gi(pe) ? pe : (pe = null, $r = !0, null);
     } catch {
-      return Rr = !0, null;
+      return $r = !0, null;
     }
   })();
   try {
@@ -527,7 +527,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>`, $n = `
+</svg>`, Rn = `
 <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 +542,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>`, 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="M5 6h14" />
   <path d="M12 6v12" />
@@ -581,17 +581,17 @@ const ye = `
   typescript: "TypeScript",
   vue: "Vue"
 }, ts = {
-  "": Rn,
-  html: $n,
+  "": $n,
+  html: Rn,
   javascript: ye,
   json: Ji,
   jsx: ye,
   markdown: Yi,
   mermaid: Zi,
-  plain: Rn,
+  plain: $n,
   python: ye,
   shell: ye,
-  svg: $n,
+  svg: Rn,
   tsx: ye,
   typescript: ye
 };
@@ -1717,13 +1717,13 @@ let We = class {
     this.trackByIndex = (e) => `${this.indexKey || "definition-list"}-${e}`;
   }
   get items() {
-    return $(this.node?.items);
+    return R(this.node?.items);
   }
   termFor(e) {
-    return $(e?.term);
+    return R(e?.term);
   }
   definitionFor(e) {
-    return $(e?.definition);
+    return R(e?.definition);
   }
   itemPrefix(e, t) {
     return `${this.indexKey || "definition-list"}-${e}-${t}`;
@@ -1860,7 +1860,7 @@ var Os = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, ir = (e, t
 };
 let qe = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "emphasis"}-em`;
@@ -1899,7 +1899,7 @@ var Ds = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, sr = (e, t
 };
 let Ve = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get hasChildren() {
     return this.children.length > 0;
@@ -1962,10 +1962,10 @@ Ve = sr([
     changeDetection: b.OnPush
   })
 ], Ve);
-var $s = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, Po = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Rs(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+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--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
-  return o && n && $s(t, r, n), n;
+  return o && n && Rs(t, r, n), n;
 };
 let Vt = class {
   get id() {
@@ -2007,7 +2007,7 @@ let Ue = class {
     return `fnref--${C(this.node?.id)}`;
   }
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "footnote"}-children`;
@@ -2148,7 +2148,7 @@ let Xe = class {
     return e && typeof e == "object" ? e : null;
   }
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "heading"}-${this.level}`;
@@ -2198,7 +2198,7 @@ var qs = Object.defineProperty, Vs = Object.getOwnPropertyDescriptor, cr = (e, t
 };
 let Ge = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "highlight"}-highlight`;
@@ -2572,7 +2572,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, $e = (e, t, r, o) => {
+var sa = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, Re = (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;
@@ -2745,25 +2745,25 @@ let re = class {
     });
   }
 };
-$e([
+Re([
   j("previewHost")
 ], re.prototype, "previewHost", 2);
-$e([
+Re([
   j("modalHost")
 ], re.prototype, "modalHost", 2);
-$e([
+Re([
   l({ required: !0 })
 ], re.prototype, "node", 2);
-$e([
+Re([
   l()
 ], re.prototype, "context", 2);
-$e([
+Re([
   l()
 ], re.prototype, "props", 2);
-$e([
+Re([
   co("window:keydown", ["$event"])
 ], re.prototype, "handleWindowKeydown", 1);
-re = $e([
+re = Re([
   x({
     selector: "markstream-angular-infographic-block-node",
     standalone: !0,
@@ -2984,7 +2984,7 @@ var da = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, hr = (e, t
 };
 let Je = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "insert"}-insert`;
@@ -3047,12 +3047,12 @@ function se(e) {
   const t = e[0];
   return t === "t" || t === "b" ? "y" : "x";
 }
-function $o(e) {
+function Ro(e) {
   return Do(se(e));
 }
 function ma(e, t, r) {
   r === void 0 && (r = !1);
-  const o = fr(e), n = $o(e), i = Io(n);
+  const o = fr(e), n = Ro(e), i = Io(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 +3125,7 @@ function Fn(e, t, r) {
     reference: o,
     floating: n
   } = e;
-  const i = se(t), s = $o(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 = 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;
   let f;
   switch (c) {
     case "top":
@@ -3194,7 +3194,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)), R = 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)), $ = await (i.isElement == null ? void 0 : i.isElement(E)) ? await (i.getScale == null ? void 0 : i.getScale(E)) || {
     x: 1,
     y: 1
   } : {
@@ -3207,10 +3207,10 @@ async function ba(e, t) {
     strategy: c
   }) : M);
   return {
-    top: (v.top - z.top + g.top) / R.y,
-    bottom: (z.bottom - v.bottom + g.bottom) / R.y,
-    left: (v.left - z.left + g.left) / R.x,
-    right: (z.right - v.right + g.right) / R.x
+    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
   };
 }
 const ka = 50, Ca = async (e, t, r) => {
@@ -3241,7 +3241,7 @@ const ka = 50, Ca = async (e, t, r) => {
       fn: M
     } = T, {
       x: E,
-      y: R,
+      y: $,
       data: z,
       reset: H
     } = await M({
@@ -3258,7 +3258,7 @@ const ka = 50, Ca = async (e, t, r) => {
         floating: t
       }
     });
-    u = E ?? u, h = R ?? h, g[v] = {
+    u = E ?? u, h = $ ?? 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,18 +3301,18 @@ 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, R = 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, R));
-      const Ae = [a, ...z], Dr = await c.detectOverflow(t, T), $t = [];
+      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 = [];
       let Ne = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (u && $t.push(Dr[v]), h) {
-        const me = ma(n, s, R);
-        $t.push(Dr[me[0]], Dr[me[1]]);
+      if (u && Rt.push(Dr[v]), h) {
+        const me = ma(n, s, $);
+        Rt.push(Dr[me[0]], Dr[me[1]]);
       }
       if (Ne = [...Ne, {
         placement: n,
-        overflows: $t
-      }], !$t.every((me) => me <= 0)) {
+        overflows: Rt
+      }], !Rt.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
@@ -3440,12 +3440,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], R = g - h[M];
-        g = Ln(E, g, R);
+        const v = f === "y" ? "top" : "left", M = f === "y" ? "bottom" : "right", E = g + h[v], $ = g - h[M];
+        g = Ln(E, g, $);
       }
       if (a) {
-        const v = m === "y" ? "top" : "left", M = m === "y" ? "bottom" : "right", E = y + h[v], R = y - h[M];
-        y = Ln(E, y, R);
+        const v = m === "y" ? "top" : "left", M = m === "y" ? "bottom" : "right", E = y + h[v], $ = y - h[M];
+        y = Ln(E, y, $);
       }
       const T = c.fn({
         ...t,
@@ -3470,7 +3470,7 @@ function pr() {
   return typeof window < "u";
 }
 function ct(e) {
-  return Ro(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return $o(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function K(e) {
   var t;
@@ -3478,9 +3478,9 @@ function K(e) {
 }
 function ee(e) {
   var t;
-  return (t = (Ro(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = ($o(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function Ro(e) {
+function $o(e) {
   return pr() ? e instanceof Node || e instanceof K(e).Node : !1;
 }
 function G(e) {
@@ -3608,15 +3608,15 @@ function Ke(e) {
     y: a
   };
 }
-const $a = /* @__PURE__ */ J(0);
+const Ra = /* @__PURE__ */ J(0);
 function Lo(e) {
   const t = K(e);
-  return !mn() || !t.visualViewport ? $a : {
+  return !mn() || !t.visualViewport ? Ra : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Ra(e, t, r) {
+function $a(e, t, r) {
   return t === void 0 && (t = !1), !r || t && r !== K(e) ? !1 : t;
 }
 function Me(e, t, r, o) {
@@ -3624,14 +3624,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 = Ra(i, r, o) ? Lo(i) : J(0);
+  const a = $a(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, R = v.top + (y.clientTop + parseFloat(M.paddingTop)) * T.y;
-      c *= T.x, d *= T.y, u *= T.x, h *= T.y, c += E, d += R, 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, $ = 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);
     }
   }
   return Jt({
@@ -3893,17 +3893,17 @@ function Ua(e, t) {
       rootMargin: -g + "px " + -y + "px " + -T + "px " + -v + "px",
       threshold: ke(0, Gt(1, c)) || 1
     };
-    let R = !0;
+    let $ = !0;
     function z(H) {
       const Ae = H[0].intersectionRatio;
       if (Ae !== c) {
-        if (!R)
+        if (!$)
           return s();
         Ae ? s(!1, Ae) : o = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      Ae === 1 && !Ko(d, e.getBoundingClientRect()) && s(), R = !1;
+      Ae === 1 && !Ko(d, e.getBoundingClientRect()) && s(), $ = !1;
     }
     try {
       r = new IntersectionObserver(z, {
@@ -4126,7 +4126,7 @@ let Oe = class {
     return this.context?.showTooltips !== !1;
   }
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get hasChildren() {
     return this.children.length > 0;
@@ -4239,7 +4239,7 @@ var il = Object.defineProperty, sl = Object.getOwnPropertyDescriptor, Dt = (e, t
 };
 let ue = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "list-item"}-item`;
@@ -4290,7 +4290,7 @@ let et = class {
     return Number(this.node?.start) || 1;
   }
   get items() {
-    return $(this.node?.items);
+    return R(this.node?.items);
   }
   itemPrefix(e) {
     return `${this.indexKey || "list"}-${e}`;
@@ -4961,7 +4961,7 @@ function Ed() {
       L = null;
     }
 }
-var _l = Object.defineProperty, Sl = Object.getOwnPropertyDescriptor, Re = (e, t, r, o) => {
+var _l = Object.defineProperty, Sl = Object.getOwnPropertyDescriptor, $e = (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;
@@ -5150,6 +5150,11 @@ let ne = class {
     } catch (r) {
       if (this.destroyed || t !== this.renderToken)
         return;
+      const o = this.mergedProps.onRenderError;
+      if (typeof o == "function" && this.previewHost?.nativeElement && o(r, this.code, this.previewHost.nativeElement) === !0) {
+        this.svgMarkup = "";
+        return;
+      }
       this.svgMarkup = "", this.showSource = !0, this.error = r instanceof Error ? r.message : "Failed to render Mermaid diagram.", this.syncSvgHosts();
     } finally {
       t === this.renderToken && (this.rendering = !1, this.cdr.markForCheck());
@@ -5236,25 +5241,25 @@ ${e}`;
     });
   }
 };
-Re([
+$e([
   j("previewHost")
 ], ne.prototype, "previewHost", 2);
-Re([
+$e([
   j("modalHost")
 ], ne.prototype, "modalHost", 2);
-Re([
+$e([
   l({ required: !0 })
 ], ne.prototype, "node", 2);
-Re([
+$e([
   l()
 ], ne.prototype, "context", 2);
-Re([
+$e([
   l()
 ], ne.prototype, "props", 2);
-Re([
+$e([
   co("window:keydown", ["$event"])
 ], ne.prototype, "handleWindowKeydown", 1);
-ne = Re([
+ne = $e([
   x({
     selector: "markstream-angular-mermaid-block-node",
     standalone: !0,
@@ -5408,7 +5413,7 @@ let tt = class {
     this.segments = [], this.trackByIndex = (e) => `${this.indexKey || "paragraph"}-${e}`;
   }
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   ngOnChanges() {
     this.segments = ji(this.children);
@@ -5499,7 +5504,7 @@ function ni(e, t) {
 function Pn(e) {
   return String(e?.tag || "").trim().toLowerCase() || Bi(e?.content);
 }
-function $l(e) {
+function Rl(e) {
   const t = Pn(e);
   return t ? {
     ...e,
@@ -5508,7 +5513,7 @@ function $l(e) {
     content: Hi(e?.content, t)
   } : e;
 }
-function Rl(e, t) {
+function $l(e, t) {
   const r = Pn(e);
   return r ? {
     ...e,
@@ -5529,7 +5534,7 @@ var Nl = Object.defineProperty, Ll = Object.getOwnPropertyDescriptor, br = (e, t
 };
 let rt = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "strikethrough"}-strike`;
@@ -5568,7 +5573,7 @@ var Bl = Object.defineProperty, Hl = Object.getOwnPropertyDescriptor, kr = (e, t
 };
 let nt = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "strong"}-strong`;
@@ -5607,7 +5612,7 @@ var Fl = Object.defineProperty, Kl = Object.getOwnPropertyDescriptor, Cr = (e, t
 };
 let ot = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "subscript"}-sub`;
@@ -5646,7 +5651,7 @@ var jl = Object.defineProperty, zl = Object.getOwnPropertyDescriptor, Pr = (e, t
 };
 let it = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "superscript"}-sup`;
@@ -5692,13 +5697,13 @@ let st = class {
     return e && typeof e == "object" ? e : null;
   }
   get rows() {
-    return $(this.node?.rows);
+    return R(this.node?.rows);
   }
   cellsFor(e) {
-    return $(e?.cells);
+    return R(e?.cells);
   }
   childrenFor(e) {
-    return $(e?.children);
+    return R(e?.children);
   }
   alignment(e) {
     return C(e?.align);
@@ -5776,7 +5781,7 @@ var Xl = Object.defineProperty, Gl = Object.getOwnPropertyDescriptor, _r = (e, t
 };
 let at = class {
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "vmr"}-container`;
@@ -5836,7 +5841,7 @@ let he = class {
     return r ? e?.[r] ?? null : null;
   }
   get customNode() {
-    return $l(this.node);
+    return Rl(this.node);
   }
   get codeMode() {
     return ni(this.node, this.context);
@@ -5845,7 +5850,7 @@ let he = class {
     return Pn(this.node);
   }
   get htmlRenderNode() {
-    return Rl(this.node, this.resolvedType);
+    return $l(this.node, this.resolvedType);
   }
   get fallbackNode() {
     return this.node;
@@ -6146,7 +6151,7 @@ let lt = class {
     return C(this.node?.title) || Li(this.kind);
   }
   get children() {
-    return $(this.node?.children);
+    return R(this.node?.children);
   }
   get nestedPrefix() {
     return `${this.indexKey || "admonition"}-children`;
@@ -6505,10 +6510,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 R = g.themeOverrides && typeof g.themeOverrides == "object" ? g.themeOverrides : null;
+        const $ = g.themeOverrides && typeof g.themeOverrides == "object" ? g.themeOverrides : null;
         v.themeOverrides = {
           ...rc,
-          ...R || {}
+          ...$ || {}
         };
       }
       const M = await h.render(f, v);
@@ -6810,7 +6815,7 @@ let w = class {
       },
       r,
       this.textStreamState
-    ), this.parsedNodes = $i(this), this.trimMeasuredState();
+    ), this.parsedNodes = Ri(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();
   }
@@ -7267,11 +7272,11 @@ function Id(e, t = {}) {
   const r = Er(t);
   return Dc(e, r);
 }
-function $d(e, t = {}) {
+function Rd(e, t = {}) {
   const r = Er(t);
   return D(e, r);
 }
-function Rd(e, t = {}) {
+function $d(e, t = {}) {
   const r = Er(t);
   return ai(e, r);
 }
@@ -7390,9 +7395,9 @@ function ai(e, t) {
     case "emoji":
       return N(P(e.raw || e.markup || e.content || e.name));
     case "math_inline":
-      return $c(e);
-    case "math_block":
       return Rc(e);
+    case "math_block":
+      return $c(e);
     case "reference":
       return `<sup class="markstream-nested-reference">[${N(P(e.id))}]</sup>`;
     case "html_inline":
@@ -7406,10 +7411,10 @@ 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)}"` : "";
   return `<a${r ? ` href="${B(r)}"` : ""}${i} target="_blank" rel="noreferrer noopener">${n}</a>`;
 }
-function $c(e) {
+function Rc(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 Rc(e) {
+function $c(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) {
@@ -8053,12 +8058,12 @@ export {
   sd as removeCustomComponents,
   hl as renderKaTeXInWorker,
   wn as renderKaTeXWithBackpressure,
-  Rd as renderMarkdownNodeToHtml,
-  $d as renderMarkdownNodesToHtml,
+  $d as renderMarkdownNodeToHtml,
+  Rd as renderMarkdownNodesToHtml,
   Dd as renderMarkdownToHtml,
   Id as renderNestedMarkdownToHtml,
   ns as resolveMonacoLanguageId,
-  $i as resolveParsedNodes,
+  Ri as resolveParsedNodes,
   un as sanitizeHtmlContent,
   id as setCustomComponents,
   xo as setD2Loader,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "markstream-angular",
   "type": "module",
-  "version": "0.0.1-alpha.3",
+  "version": "0.0.1-alpha.5",
   "description": "Experimental Angular Markdown renderer for Markstream, built on stream-markdown AST and a stable HTML baseline renderer.",
   "author": "Simon He",
   "license": "MIT",
@@ -68,7 +68,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "stream-markdown-parser": "0.0.72"
+    "stream-markdown-parser": "0.0.74"
   },
   "devDependencies": {
     "@types/node": "^18.19.130",