markstream-angular 0.0.1-alpha.0 → 0.0.1-alpha.1

package/dist/index.js

@@ -1,7 +1,7 @@
 import { CommonModule as S } from "@angular/common";
-import { inject as Q, ElementRef as so, Renderer2 as mi, Input as l, Directive as fi, Component as b, ChangeDetectionStrategy as k, forwardRef as p, ChangeDetectorRef as Oe, ViewChild as j, ViewContainerRef as pi, HostListener as ao, EventEmitter as ct, Output as kt } from "@angular/core";
+import { Input as l, Component as b, ChangeDetectionStrategy as k, forwardRef as p, inject as Q, ChangeDetectorRef as Oe, ViewChild as j, ViewContainerRef as mi, ElementRef as so, Renderer2 as fi, Directive as pi, HostListener as ao, EventEmitter as ct, Output as kt } from "@angular/core";
 import { parseMarkdownToStructure as Xr, getMarkdown as Gr } from "stream-markdown-parser";
-const Et = /<\/?([A-Z][\w:-]*)(?:\s[^<>]*?)?>/gi;
+const Et = /<\/?([A-Z][\w:-]*)(?:\s[^<>]*)?>/gi;
 function Zr(e, t, r) {
   const o = bi(r), n = new Set(o);
   if (!t || n.size === 0 || !Array.isArray(e) || e.length === 0)
@@ -173,7 +173,55 @@ function Si(e) {
 function Mi(e) {
   return Array.isArray(e) ? e : [];
 }
-const On = /* @__PURE__ */ new Map(), Oi = /* @__PURE__ */ new Set([
+const er = "__global__", Dr = "__MARKSTREAM_ANGULAR_CUSTOM_COMPONENTS_STORE__", X = (() => {
+  const e = globalThis;
+  if (e[Dr])
+    return e[Dr];
+  const t = {
+    scopedComponents: {},
+    revision: 0,
+    listeners: /* @__PURE__ */ new Set()
+  };
+  return e[Dr] = t, t;
+})();
+function Jr() {
+  X.revision += 1;
+  for (const e of Array.from(X.listeners))
+    try {
+      e();
+    } catch {
+    }
+}
+function Oi(e) {
+  return X.listeners.add(e), () => {
+    X.listeners.delete(e);
+  };
+}
+function nd() {
+  return X.revision;
+}
+function od(e, t) {
+  typeof e == "string" ? X.scopedComponents[e] = { ...t || {} } : X.scopedComponents[er] = { ...e }, Jr();
+}
+function lo(e) {
+  const t = X.scopedComponents[er] || {};
+  if (!e)
+    return t;
+  const r = X.scopedComponents[e] || {};
+  return !t || Object.keys(t).length === 0 ? r : !r || Object.keys(r).length === 0 ? t : {
+    ...t,
+    ...r
+  };
+}
+function id(e) {
+  if (e === er)
+    throw new Error("removeCustomComponents: cannot delete global mapping; call clearGlobalCustomComponents instead.");
+  delete X.scopedComponents[e], Jr();
+}
+function sd() {
+  delete X.scopedComponents[er], Jr();
+}
+const On = /* @__PURE__ */ new Map(), Ei = /* @__PURE__ */ new Set([
   "image",
   "table",
   "code_block",
@@ -192,8 +240,8 @@ const On = /* @__PURE__ */ new Map(), Oi = /* @__PURE__ */ new Set([
   "thinking",
   "vmr_container"
 ]);
-function Ei(e, t = {}) {
-  const r = lo([
+function Di(e, t = {}) {
+  const r = co([
     ...e.customHtmlTags || [],
     ...e.parseOptions?.customHtmlTags || []
   ]);
@@ -226,13 +274,13 @@ function Ei(e, t = {}) {
     events: t
   };
 }
-function Di(e) {
+function Ri(e) {
   if (Array.isArray(e.nodes))
     return e.nodes;
   const t = C(e.content);
   if (!t)
     return [];
-  const r = lo([
+  const r = co([
     ...e.customHtmlTags || [],
     ...e.parseOptions?.customHtmlTags || []
   ]), o = `${e.customId || "markstream-angular"}::${r.join(",")}`;
@@ -253,174 +301,74 @@ function I(e) {
 function C(e) {
   return typeof e == "string" ? e : e == null ? "" : String(e);
 }
-function lo(e) {
+function co(e) {
   if (!e || e.length === 0)
     return [];
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const o of e) {
-    const n = Ri(o);
+    const n = Ii(o);
     !n || t.has(n) || (t.add(n), r.push(n));
   }
   return r;
 }
-function Ri(e) {
+function Ii(e) {
   const t = C(e).trim();
   if (!t)
     return "";
   const r = t.match(/^[<\s/]*([A-Z][\w:-]*)/i);
   return r ? r[1].toLowerCase() : "";
 }
-function Jr(e) {
+function Qr(e) {
   return /^[^\s"'<>`=]+$/.test(e) && !/^on/i.test(e);
 }
-function Qr(e) {
+function en(e) {
   return C(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function Ii(e) {
-  return Qr(e).replace(/`/g, "&#96;");
+function $i(e) {
+  return en(e).replace(/`/g, "&#96;");
 }
-function co(e) {
+function uo(e) {
   return e.trim().toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "");
 }
-function $i(e) {
+function Ai(e) {
   const t = Math.trunc(Number(e) || 1);
   return Math.min(6, Math.max(1, t));
 }
-function Ai(e) {
+function Ni(e) {
   return e ? `${e[0].toUpperCase()}${e.slice(1)}` : "";
 }
-function Ni(e) {
+function Li(e) {
   const r = String(e ?? "").match(/^\s*<\s*([A-Z][\w:-]*)/i);
   return r ? r[1].toLowerCase() : "";
 }
-function Li(e, t) {
+function Bi(e, t) {
   const r = String(e ?? "");
   if (!t)
     return r;
   const o = new RegExp(String.raw`^\s*<\s*${t}(?:\s[^>]*)?>\s*`, "i"), n = new RegExp(String.raw`\s*<\s*\/\s*${t}\s*>\s*$`, "i");
   return r.replace(o, "").replace(n, "");
 }
-function uo(e) {
+function ho(e) {
   return String(String(e ?? "").split(/\s+/g)[0] ?? "").toLowerCase().replace(/[^\w-]/g, "") || "plaintext";
 }
-function Bi(e) {
-  return uo(e?.language);
-}
 function Hi(e) {
-  return !Array.isArray(e) || e.length === 0 ? null : e.reduce((t, [r, o]) => (!r || !Jr(r) || (t[r] = o ?? !0), t), {});
+  return ho(e?.language);
 }
 function Fi(e) {
+  return !Array.isArray(e) || e.length === 0 ? null : e.reduce((t, [r, o]) => (!r || !Qr(r) || (t[r] = o ?? !0), t), {});
+}
+function Ki(e) {
   const t = [], r = [], o = () => {
     r.length && (t.push({ kind: "inline", nodes: r.slice() }), r.length = 0);
   };
   for (const n of e)
-    Oi.has(String(n?.type || "")) ? (o(), t.push({ kind: "block", node: n })) : r.push(n);
+    Ei.has(String(n?.type || "")) ? (o(), t.push({ kind: "block", node: n })) : r.push(n);
   return o(), t;
 }
-var Ki = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, ho = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? ji(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 && Ki(t, r, n), n;
-};
-let pt = class {
-  constructor() {
-    this.elementRef = Q(so), this.renderer = Q(mi), this.appliedAttrs = /* @__PURE__ */ new Set(), this.appliedClasses = /* @__PURE__ */ new Set(), this.appliedStyles = /* @__PURE__ */ new Set();
-  }
-  ngOnChanges() {
-    this.clearAppliedState();
-    const e = this.markstreamSafeAttrs;
-    if (e) {
-      for (const [t, r] of Object.entries(e))
-        if (Jr(t)) {
-          if (t === "class" || t === "className") {
-            for (const o of String(r || "").split(/\s+/g).map((n) => n.trim()).filter(Boolean))
-              this.renderer.addClass(this.elementRef.nativeElement, o), this.appliedClasses.add(o);
-            continue;
-          }
-          if (t === "style" && r && typeof r == "object") {
-            for (const [o, n] of Object.entries(r))
-              this.renderer.setStyle(this.elementRef.nativeElement, o, n), this.appliedStyles.add(o);
-            continue;
-          }
-          r === !1 || r == null || (this.renderer.setAttribute(
-            this.elementRef.nativeElement,
-            t,
-            r === !0 ? "" : String(r)
-          ), this.appliedAttrs.add(t));
-        }
-    }
-  }
-  clearAppliedState() {
-    for (const e of this.appliedAttrs)
-      this.renderer.removeAttribute(this.elementRef.nativeElement, e);
-    for (const e of this.appliedClasses)
-      this.renderer.removeClass(this.elementRef.nativeElement, e);
-    for (const e of this.appliedStyles)
-      this.renderer.removeStyle(this.elementRef.nativeElement, e);
-    this.appliedAttrs.clear(), this.appliedClasses.clear(), this.appliedStyles.clear();
-  }
-};
-ho([
-  l()
-], pt.prototype, "markstreamSafeAttrs", 2);
-pt = ho([
-  fi({
-    selector: "[markstreamSafeAttrs]",
-    standalone: !0
-  })
-], pt);
-const er = "__global__", Dr = "__MARKSTREAM_ANGULAR_CUSTOM_COMPONENTS_STORE__", X = (() => {
-  const e = globalThis;
-  if (e[Dr])
-    return e[Dr];
-  const t = {
-    scopedComponents: {},
-    revision: 0,
-    listeners: /* @__PURE__ */ new Set()
-  };
-  return e[Dr] = t, t;
-})();
-function en() {
-  X.revision += 1;
-  for (const e of Array.from(X.listeners))
-    try {
-      e();
-    } catch {
-    }
-}
-function zi(e) {
-  return X.listeners.add(e), () => {
-    X.listeners.delete(e);
-  };
-}
-function nd() {
-  return X.revision;
-}
-function od(e, t) {
-  typeof e == "string" ? X.scopedComponents[e] = { ...t || {} } : X.scopedComponents[er] = { ...e }, en();
-}
-function mo(e) {
-  const t = X.scopedComponents[er] || {};
-  if (!e)
-    return t;
-  const r = X.scopedComponents[e] || {};
-  return !t || Object.keys(t).length === 0 ? r : !r || Object.keys(r).length === 0 ? t : {
-    ...t,
-    ...r
-  };
-}
-function id(e) {
-  if (e === er)
-    throw new Error("removeCustomComponents: cannot delete global mapping; call clearGlobalCustomComponents instead.");
-  delete X.scopedComponents[e], en();
-}
-function sd() {
-  delete X.scopedComponents[er], en();
-}
-var Wi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, tr = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? qi(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var ji = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, tr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? zi(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 && Wi(t, r, n), n;
+  return o && n && ji(t, r, n), n;
 };
 let Ke = class {
   get children() {
@@ -467,20 +415,20 @@ Ke = tr([
     changeDetection: k.OnPush
   })
 ], Ke);
-var Vi = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, fo = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Ui(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Wi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, mo = (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 && Vi(t, r, n), n;
+  return o && n && Wi(t, r, n), n;
 };
 let Ft = class {
   get checked() {
     return !!this.node?.checked;
   }
 };
-fo([
+mo([
   l({ required: !0 })
 ], Ft.prototype, "node", 2);
-Ft = fo([
+Ft = mo([
   b({
     selector: "markstream-angular-checkbox-node",
     standalone: !0,
@@ -488,43 +436,10 @@ Ft = fo([
     changeDetection: k.OnPush
   })
 ], Ft);
-var Xi = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, po = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Gi(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 && Xi(t, r, n), n;
-};
-let gt = class {
-  get language() {
-    return uo(this.node?.language);
-  }
-  get languageClass() {
-    return `language-${this.language}`;
-  }
-  get ariaLabel() {
-    return this.language ? `Code block: ${this.language}` : "Code block";
-  }
-  get code() {
-    return C(this.node?.code);
-  }
-  get loading() {
-    return this.node?.loading === !0;
-  }
-};
-po([
-  l({ required: !0 })
-], gt.prototype, "node", 2);
-gt = po([
-  b({
-    selector: "markstream-angular-pre-code-node",
-    standalone: !0,
-    template: '<pre [class]="languageClass" [attr.aria-busy]="loading" [attr.aria-label]="ariaLabel" [attr.data-language]="language" tabindex="0"><code translate="no" [textContent]="code"></code></pre>',
-    changeDetection: k.OnPush
-  })
-], gt);
-function Zi(e) {
+function Vi(e) {
   return (e.split(".").pop() || e).replace(/[_-]/g, " ").replace(/([A-Z])/g, " $1").replace(/\s+/g, " ").replace(/\b\w/g, (r) => r.toUpperCase()).trim();
 }
-const go = {
+const fo = {
   "common.copy": "Copy",
   "common.copied": "Copied",
   "common.decrease": "Decrease",
@@ -544,119 +459,24 @@ const go = {
   "artifacts.svgPreviewTitle": "SVG Preview"
 };
 function ad(e) {
-  Object.assign(go, e);
-}
-function yo() {
-  return {
-    t(e) {
-      return go[e] ?? Zi(e);
-    }
-  };
-}
-var Yi = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, xt = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Ji(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 && Yi(t, r, n), n;
-};
-let xe = class {
-  constructor() {
-    this.code = "", this.isDark = !1, this.i18n = yo();
-  }
-  get resolvedTitle() {
-    return this.title || `HTML ${this.i18n.t("common.preview")}`;
-  }
-  get srcdoc() {
-    const e = this.code || "", t = e.trim().toLowerCase();
-    if (t.startsWith("<!doctype") || t.startsWith("<html") || t.startsWith("<body"))
-      return e;
-    const r = this.isDark ? "#020617" : "#ffffff", o = this.isDark ? "#e5e7eb" : "#020617";
-    return `<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style>
-      html, body {
-        margin: 0;
-        padding: 0;
-        height: 100%;
-        background-color: ${r};
-        color: ${o};
-      }
-      body {
-        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', ui-sans-serif, sans-serif;
-      }
-    </style>
-  </head>
-  <body>
-    ${e}
-  </body>
-</html>`;
-  }
-};
-xt([
-  l()
-], xe.prototype, "code", 2);
-xt([
-  l()
-], xe.prototype, "isDark", 2);
-xt([
-  l()
-], xe.prototype, "title", 2);
-xt([
-  l()
-], xe.prototype, "onClose", 2);
-xe = xt([
-  b({
-    selector: "markstream-angular-html-preview-frame",
-    standalone: !0,
-    imports: [S],
-    template: `
-    <div
-      class="html-preview-frame__backdrop"
-      [class.html-preview-frame__backdrop--dark]="isDark"
-      (click)="onClose?.()"
-    >
-      <div
-        class="html-preview-frame"
-        [class.html-preview-frame--dark]="isDark"
-        (click)="$event.stopPropagation()"
-      >
-        <div class="html-preview-frame__header">
-          <div class="html-preview-frame__title">
-            <span class="html-preview-frame__dot"></span>
-            <span class="html-preview-frame__label">{{ resolvedTitle }}</span>
-          </div>
-          <button
-            type="button"
-            class="html-preview-frame__close"
-            [class.html-preview-frame__close--dark]="isDark"
-            (click)="onClose?.()"
-          >
-            ×
-          </button>
-        </div>
-        <iframe
-          class="html-preview-frame__iframe"
-          sandbox="allow-scripts allow-same-origin"
-          [srcdoc]="srcdoc"
-          [title]="resolvedTitle"
-        ></iframe>
-      </div>
-    </div>
-  `,
-    changeDetection: k.OnPush
-  })
-], xe);
+  Object.assign(fo, e);
+}
+function po() {
+  return {
+    t(e) {
+      return fo[e] ?? Vi(e);
+    }
+  };
+}
 let fe = null, Rr = !1, dt = null, En = !1;
-async function Qi(e) {
+async function Ui(e) {
   if (En)
     return;
   En = !0;
   const t = globalThis?.MonacoEnvironment;
   t && (typeof t.getWorker == "function" || typeof t.getWorkerUrl == "function") || typeof e?.preloadMonacoWorkers == "function" && await e.preloadMonacoWorkers();
 }
-async function es(e) {
+async function Xi(e) {
   const t = e?.getOrCreateHighlighter;
   if (typeof t != "function")
     return !0;
@@ -670,7 +490,7 @@ async function es(e) {
     return console.warn("[markstream-angular] Failed to warm up stream-monaco tokenizer; falling back to plain code rendering.", r), !1;
   }
 }
-async function vo() {
+async function go() {
   if (fe)
     return fe;
   if (dt)
@@ -680,7 +500,7 @@ async function vo() {
   dt = (async () => {
     try {
       const e = await import("stream-monaco");
-      return fe = e?.default ?? e, await Qi(fe), await es(fe) ? fe : (fe = null, Rr = !0, null);
+      return fe = e?.default ?? e, await Ui(fe), await Xi(fe) ? fe : (fe = null, Rr = !0, null);
     } catch {
       return Rr = !0, null;
     }
@@ -697,7 +517,7 @@ const ge = `
   <path d="M8 11l-3 3l3 3" />
   <path d="M16 11l3 3l-3 3" />
   <path d="M13 9l-2 10" />
-</svg>`, ts = `
+</svg>`, Gi = `
 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
   <rect x="3" y="4" width="7" height="5" rx="1.5" />
   <rect x="14" y="4" width="7" height="5" rx="1.5" />
@@ -711,13 +531,13 @@ const ge = `
   <path d="M8 7l-4 5l4 5" />
   <path d="M16 7l4 5l-4 5" />
   <path d="M14 4l-4 16" />
-</svg>`, rs = `
+</svg>`, Zi = `
 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
   <rect x="3" y="4" width="18" height="16" rx="2" />
   <path d="M7 15V9l3 3l3-3v6" />
   <path d="M16 9v6" />
   <path d="M14 13l2 2l2-2" />
-</svg>`, ns = `
+</svg>`, Yi = `
 <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" />
@@ -726,7 +546,7 @@ const ge = `
   <path d="M5 6h14" />
   <path d="M12 6v12" />
   <path d="M8 18h8" />
-</svg>`, os = {
+</svg>`, Ji = {
   "": "",
   cjs: "javascript",
   d2lang: "d2",
@@ -741,7 +561,7 @@ const ge = `
   text: "plain",
   ts: "typescript",
   tsx: "tsx"
-}, is = {
+}, Qi = {
   "": "Text",
   css: "CSS",
   d2: "D2",
@@ -759,14 +579,14 @@ const ge = `
   tsx: "TSX",
   typescript: "TypeScript",
   vue: "Vue"
-}, ss = {
+}, es = {
   "": Rn,
   html: Dn,
   javascript: ge,
-  json: ns,
+  json: Yi,
   jsx: ge,
-  markdown: rs,
-  mermaid: ts,
+  markdown: Zi,
+  mermaid: Gi,
   plain: Rn,
   python: ge,
   shell: ge,
@@ -775,7 +595,7 @@ const ge = `
   typescript: ge
 };
 let Br = null;
-function as(e) {
+function ts(e) {
   if (!e)
     return "";
   const t = e.trim();
@@ -785,34 +605,162 @@ function as(e) {
   return o.toLowerCase();
 }
 function tn(e) {
-  const t = as(e);
-  return os[t] ?? t;
+  const t = ts(e);
+  return Ji[t] ?? t;
 }
-function ls(e) {
+function rs(e) {
   const t = tn(e);
   return !t || t === "plain" ? "plaintext" : t === "jsx" ? "javascript" : t === "tsx" ? "typescript" : t;
 }
 function ld(e) {
   Br = e ?? null;
 }
-function cs(e) {
+function ns(e) {
   if (Br) {
     const r = Br(e);
     if (r != null && r !== "")
       return r;
   }
   const t = tn(e);
-  return ss[t] || ge;
+  return es[t] || ge;
 }
-const ds = is;
-var us = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, Ct = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? hs(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+const os = Qi;
+var is = Object.defineProperty, ss = Object.getOwnPropertyDescriptor, yo = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? ss(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 && is(t, r, n), n;
+};
+let pt = class {
+  get language() {
+    return ho(this.node?.language);
+  }
+  get languageClass() {
+    return `language-${this.language}`;
+  }
+  get ariaLabel() {
+    return this.language ? `Code block: ${this.language}` : "Code block";
+  }
+  get code() {
+    return C(this.node?.code);
+  }
+  get loading() {
+    return this.node?.loading === !0;
+  }
+};
+yo([
+  l({ required: !0 })
+], pt.prototype, "node", 2);
+pt = yo([
+  b({
+    selector: "markstream-angular-pre-code-node",
+    standalone: !0,
+    template: '<pre [class]="languageClass" [attr.aria-busy]="loading" [attr.aria-label]="ariaLabel" [attr.data-language]="language" tabindex="0"><code translate="no" [textContent]="code"></code></pre>',
+    changeDetection: k.OnPush
+  })
+], pt);
+var as = Object.defineProperty, ls = Object.getOwnPropertyDescriptor, xt = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? ls(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 && as(t, r, n), n;
+};
+let xe = class {
+  constructor() {
+    this.code = "", this.isDark = !1, this.i18n = po();
+  }
+  get resolvedTitle() {
+    return this.title || `HTML ${this.i18n.t("common.preview")}`;
+  }
+  get srcdoc() {
+    const e = this.code || "", t = e.trim().toLowerCase();
+    if (t.startsWith("<!doctype") || t.startsWith("<html") || t.startsWith("<body"))
+      return e;
+    const r = this.isDark ? "#020617" : "#ffffff", o = this.isDark ? "#e5e7eb" : "#020617";
+    return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      html, body {
+        margin: 0;
+        padding: 0;
+        height: 100%;
+        background-color: ${r};
+        color: ${o};
+      }
+      body {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', ui-sans-serif, sans-serif;
+      }
+    </style>
+  </head>
+  <body>
+    ${e}
+  </body>
+</html>`;
+  }
+};
+xt([
+  l()
+], xe.prototype, "code", 2);
+xt([
+  l()
+], xe.prototype, "isDark", 2);
+xt([
+  l()
+], xe.prototype, "title", 2);
+xt([
+  l()
+], xe.prototype, "onClose", 2);
+xe = xt([
+  b({
+    selector: "markstream-angular-html-preview-frame",
+    standalone: !0,
+    imports: [S],
+    template: `
+    <div
+      class="html-preview-frame__backdrop"
+      [class.html-preview-frame__backdrop--dark]="isDark"
+      (click)="onClose?.()"
+    >
+      <div
+        class="html-preview-frame"
+        [class.html-preview-frame--dark]="isDark"
+        (click)="$event.stopPropagation()"
+      >
+        <div class="html-preview-frame__header">
+          <div class="html-preview-frame__title">
+            <span class="html-preview-frame__dot"></span>
+            <span class="html-preview-frame__label">{{ resolvedTitle }}</span>
+          </div>
+          <button
+            type="button"
+            class="html-preview-frame__close"
+            [class.html-preview-frame__close--dark]="isDark"
+            (click)="onClose?.()"
+          >
+            ×
+          </button>
+        </div>
+        <iframe
+          class="html-preview-frame__iframe"
+          sandbox="allow-scripts allow-same-origin"
+          [srcdoc]="srcdoc"
+          [title]="resolvedTitle"
+        ></iframe>
+      </div>
+    </div>
+  `,
+    changeDetection: k.OnPush
+  })
+], xe);
+var cs = Object.defineProperty, ds = Object.getOwnPropertyDescriptor, Ct = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? ds(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 && us(t, r, n), n;
+  return o && n && cs(t, r, n), n;
 };
 let Ce = class {
   constructor() {
-    this.cdr = Q(Oe), this.i18n = yo(), this.useFallback = !1, this.copied = !1, this.collapsed = !1, this.expanded = !1, this.inlinePreviewOpen = !1, this.editorReady = !1, this.defaultFontSize = 14, this.fontSize = 14, this.helpers = null, this.createPromise = null, this.syncPromise = null, this.editorKind = null, this.viewReady = !1, this.destroyed = !1, this.copyTimer = null, this.closeInlinePreview = () => {
+    this.cdr = Q(Oe), this.i18n = po(), this.useFallback = !1, this.copied = !1, this.collapsed = !1, this.expanded = !1, this.inlinePreviewOpen = !1, this.editorReady = !1, this.defaultFontSize = 14, this.fontSize = 14, this.helpers = null, this.createPromise = null, this.syncPromise = null, this.editorKind = null, this.viewReady = !1, this.destroyed = !1, this.copyTimer = null, this.closeInlinePreview = () => {
       this.inlinePreviewOpen = !1, this.cdr.markForCheck();
     };
   }
@@ -886,14 +834,14 @@ let Ce = class {
     return tn(this.rawLanguage) || "plain";
   }
   get monacoLanguage() {
-    return ls(this.rawLanguage);
+    return rs(this.rawLanguage);
   }
   get displayLanguage() {
-    const e = ds[this.canonicalLanguage] || this.canonicalLanguage;
+    const e = os[this.canonicalLanguage] || this.canonicalLanguage;
     return e ? e.charAt(0).toUpperCase() + e.slice(1) : "Text";
   }
   get languageIconDataUrl() {
-    const e = cs(this.rawLanguage).trim(), t = e.includes("xmlns=") ? e : e.replace("<svg", '<svg xmlns="http://www.w3.org/2000/svg"');
+    const e = ns(this.rawLanguage).trim(), t = e.includes("xmlns=") ? e : e.replace("<svg", '<svg xmlns="http://www.w3.org/2000/svg"');
     return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(t)}`;
   }
   get resolvedCode() {
@@ -1017,7 +965,7 @@ let Ce = class {
       if (this.createPromise)
         return this.createPromise;
       this.createPromise = (async () => {
-        const e = await vo();
+        const e = await go();
         if (!e || typeof e.useMonaco != "function") {
           this.useFallback = !0;
           return;
@@ -1163,7 +1111,7 @@ Ce = Ct([
   b({
     selector: "markstream-angular-code-block-node",
     standalone: !0,
-    imports: [S, gt, xe],
+    imports: [S, pt, xe],
     template: `
     <div
       class="code-block-container"
@@ -1342,10 +1290,10 @@ Ce = Ct([
 ], Ce);
 const rn = () => import("@terrastruct/d2");
 let ut = null, nn = rn, Ae = null;
-function ms() {
+function us() {
   ut = null, Ae = null;
 }
-function fs(e) {
+function hs(e) {
   if (!e)
     return e;
   if (e.D2 && typeof e.D2 == "function")
@@ -1355,19 +1303,19 @@ function fs(e) {
   const t = e.default ?? e;
   return typeof t == "function" ? t : t?.D2 && typeof t.D2 == "function" ? t.D2 : t;
 }
-function wo(e) {
-  nn = e, ms();
+function vo(e) {
+  nn = e, us();
 }
 function cd(e) {
-  wo(e ?? rn);
+  vo(e ?? rn);
 }
 function dd() {
-  wo(null);
+  vo(null);
 }
 function ud() {
   return typeof nn == "function";
 }
-async function bo() {
+async function wo() {
   if (ut)
     return ut;
   if (Ae)
@@ -1382,7 +1330,7 @@ async function bo() {
     } catch (r) {
       throw e === rn ? new Error('Optional dependency "@terrastruct/d2" is not installed. Please install it to enable D2 diagrams.') : r;
     }
-    return t ? (ut = fs(t), ut) : null;
+    return t ? (ut = hs(t), ut) : null;
   })();
   try {
     return await Ae;
@@ -1390,17 +1338,17 @@ async function bo() {
     Ae = null;
   }
 }
-const ps = [/javascript:/i, /expression\s*\(/i, /url\s*\(\s*javascript:/i, /@import/i], gs = /^(?:https?:|mailto:|tel:|#|\/|data:image\/(?:png|gif|jpe?g|webp);)/i;
-function ys(e) {
+const ms = [/javascript:/i, /expression\s*\(/i, /url\s*\(\s*javascript:/i, /@import/i], fs = /^(?:https?:|mailto:|tel:|#|\/|data:image\/(?:png|gif|jpe?g|webp);)/i;
+function ps(e) {
   return e.replace(/["']\s*javascript:/gi, "#").replace(/\bjavascript:/gi, "#").replace(/["']\s*vbscript:/gi, "#").replace(/\bvbscript:/gi, "#").replace(/\bdata:text\/html/gi, "#");
 }
-function vs(e) {
+function gs(e) {
   if (!e)
     return "";
   const t = e.trim();
-  return gs.test(t) ? t : "";
+  return fs.test(t) ? t : "";
 }
-function ws(e) {
+function ys(e) {
   const t = /* @__PURE__ */ new Set(["script"]), r = [e, ...Array.from(e.querySelectorAll("*"))];
   for (const o of r) {
     if (t.has(o.tagName.toLowerCase())) {
@@ -1414,12 +1362,12 @@ function ws(e) {
         o.removeAttribute(s);
         continue;
       }
-      if (s === "style" && i.value && ps.some((a) => a.test(i.value))) {
+      if (s === "style" && i.value && ms.some((a) => a.test(i.value))) {
         o.removeAttribute(s);
         continue;
       }
       if ((s === "href" || s === "xlink:href") && i.value) {
-        const a = vs(i.value);
+        const a = gs(i.value);
         if (!a) {
           o.removeAttribute(s);
           continue;
@@ -1432,13 +1380,13 @@ function ws(e) {
 function on(e) {
   if (typeof DOMParser > "u" || !e)
     return "";
-  const t = ys(e), o = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
+  const t = ps(e), o = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
   if (!o || o.nodeName.toLowerCase() !== "svg")
     return "";
   const n = o;
-  return ws(n), n.outerHTML;
+  return ys(n), n.outerHTML;
 }
-function ko(e) {
+function bo(e) {
   return e ? typeof e == "string" ? e : typeof e.svg == "string" ? e.svg : typeof e.data == "string" ? e.data : "" : "";
 }
 async function sn(e) {
@@ -1487,12 +1435,12 @@ function ln(e, t) {
 function Ne(e, t, r) {
   return Math.min(r, Math.max(t, e));
 }
-var bs = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, Pt = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? ks(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var vs = Object.defineProperty, ws = Object.getOwnPropertyDescriptor, Pt = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? ws(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 && bs(t, r, n), n;
+  return o && n && vs(t, r, n), n;
 };
-const xs = {
+const bs = {
   N1: "#E5E7EB",
   N2: "#CBD5E1",
   N3: "#94A3B8",
@@ -1602,10 +1550,10 @@ let Pe = class {
     const t = ++this.renderToken;
     this.rendering = !0, this.error = "", this.cdr.markForCheck();
     try {
-      const r = await bo();
+      const r = await wo();
       if (!r)
         throw new Error("D2 renderer is not available.");
-      const o = Cs(r);
+      const o = ks(r);
       if (!o || typeof o.compile != "function" || typeof o.render != "function")
         throw new TypeError("D2 instance is missing compile/render methods.");
       const n = await o.compile(e), i = n?.diagram ?? n, s = n?.renderOptions ?? n?.options ?? {}, a = {
@@ -1616,12 +1564,12 @@ let Pe = class {
       };
       this.resolvedIsDark && (a.themeOverrides = {
         ...s.themeOverrides || {},
-        ...xs
+        ...bs
       });
       const c = await o.render(i, a);
       if (this.destroyed || t !== this.renderToken)
         return;
-      const d = on(ko(c));
+      const d = on(bo(c));
       if (!d)
         throw new Error("D2 render returned empty output.");
       this.svgMarkup = d, this.syncSvgHost();
@@ -1748,7 +1696,7 @@ Pe = Pt([
     changeDetection: k.OnPush
   })
 ], Pe);
-function Cs(e) {
+function ks(e) {
   if (typeof e == "function") {
     const t = new e();
     if (t && typeof t.compile == "function")
@@ -1758,10 +1706,10 @@ function Cs(e) {
   }
   return e?.D2 && typeof e.D2 == "function" ? new e.D2() : typeof e?.compile == "function" ? e : null;
 }
-var Ps = Object.defineProperty, Ts = Object.getOwnPropertyDescriptor, rr = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Ts(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var xs = Object.defineProperty, Cs = Object.getOwnPropertyDescriptor, rr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Cs(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 && Ps(t, r, n), n;
+  return o && n && xs(t, r, n), n;
 };
 let je = class {
   constructor() {
@@ -1817,10 +1765,10 @@ je = rr([
     changeDetection: k.OnPush
   })
 ], je);
-var _s = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, Ee = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Ss(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Ps = Object.defineProperty, Ts = Object.getOwnPropertyDescriptor, Ee = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Ts(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 && Ps(t, r, n), n;
 };
 let te = class {
   constructor() {
@@ -1873,7 +1821,7 @@ Ee([
   l()
 ], te.prototype, "inputs", 2);
 Ee([
-  j("container", { read: pi, static: !0 })
+  j("container", { read: mi, static: !0 })
 ], te.prototype, "containerRef", 2);
 te = Ee([
   b({
@@ -1883,20 +1831,20 @@ te = Ee([
     changeDetection: k.OnPush
   })
 ], te);
-var Ms = Object.defineProperty, Os = Object.getOwnPropertyDescriptor, xo = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Os(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var _s = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, ko = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Ss(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 && Ms(t, r, n), n;
+  return o && n && _s(t, r, n), n;
 };
 let Kt = class {
   get text() {
     return C(this.node?.raw || this.node?.markup || this.node?.content || this.node?.name);
   }
 };
-xo([
+ko([
   l({ required: !0 })
 ], Kt.prototype, "node", 2);
-Kt = xo([
+Kt = ko([
   b({
     selector: "markstream-angular-emoji-node",
     standalone: !0,
@@ -1904,10 +1852,10 @@ Kt = xo([
     changeDetection: k.OnPush
   })
 ], Kt);
-var Es = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, nr = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Ds(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Ms = Object.defineProperty, Os = Object.getOwnPropertyDescriptor, nr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Os(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 && Es(t, r, n), n;
+  return o && n && Ms(t, r, n), n;
 };
 let ze = class {
   get children() {
@@ -1943,10 +1891,10 @@ ze = nr([
     changeDetection: k.OnPush
   })
 ], ze);
-var Rs = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, or = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Is(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Es = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, or = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Ds(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 && Es(t, r, n), n;
 };
 let We = class {
   get children() {
@@ -1962,10 +1910,10 @@ let We = class {
     return C(this.node?.tag || this.node?.type);
   }
   get customClassName() {
-    return `markstream-nested-custom--${co(this.customTag) || "node"}`;
+    return `markstream-nested-custom--${uo(this.customTag) || "node"}`;
   }
   get rawBodyHtml() {
-    return Qr(C(this.node?.raw));
+    return en(C(this.node?.raw));
   }
   get nestedPrefix() {
     return `${this.indexKey || "fallback"}-children`;
@@ -2013,10 +1961,10 @@ We = or([
     changeDetection: k.OnPush
   })
 ], We);
-var $s = Object.defineProperty, As = Object.getOwnPropertyDescriptor, Co = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? As(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Rs = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, xo = (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 && $s(t, r, n), n;
+  return o && n && Rs(t, r, n), n;
 };
 let jt = class {
   get id() {
@@ -2029,10 +1977,10 @@ let jt = class {
     return `Back to reference ${this.id}`;
   }
 };
-Co([
+xo([
   l({ required: !0 })
 ], jt.prototype, "node", 2);
-jt = Co([
+jt = xo([
   b({
     selector: "markstream-angular-footnote-anchor-node",
     standalone: !0,
@@ -2048,10 +1996,10 @@ jt = Co([
     changeDetection: k.OnPush
   })
 ], jt);
-var Ns = Object.defineProperty, Ls = Object.getOwnPropertyDescriptor, ir = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Ls(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var $s = Object.defineProperty, As = Object.getOwnPropertyDescriptor, ir = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? As(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 && Ns(t, r, n), n;
+  return o && n && $s(t, r, n), n;
 };
 let qe = class {
   get footnoteId() {
@@ -2090,10 +2038,10 @@ qe = ir([
     changeDetection: k.OnPush
   })
 ], qe);
-var Bs = Object.defineProperty, Hs = Object.getOwnPropertyDescriptor, Po = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Hs(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Ns = Object.defineProperty, Ls = Object.getOwnPropertyDescriptor, Co = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Ls(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 && Bs(t, r, n), n;
+  return o && n && Ns(t, r, n), n;
 };
 let zt = class {
   get id() {
@@ -2103,10 +2051,10 @@ let zt = class {
     return `#fnref--${this.id}`;
   }
 };
-Po([
+Co([
   l({ required: !0 })
 ], zt.prototype, "node", 2);
-zt = Po([
+zt = Co([
   b({
     selector: "markstream-angular-footnote-reference-node",
     standalone: !0,
@@ -2118,14 +2066,14 @@ zt = Po([
     changeDetection: k.OnPush
   })
 ], zt);
-var Fs = Object.getOwnPropertyDescriptor, Ks = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Fs(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Bs = Object.getOwnPropertyDescriptor, Hs = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Bs(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = s(n) || n);
   return n;
 };
 let Hr = class {
 };
-Hr = Ks([
+Hr = Hs([
   b({
     selector: "markstream-angular-hardbreak-node",
     standalone: !0,
@@ -2133,6 +2081,58 @@ Hr = Ks([
     changeDetection: k.OnPush
   })
 ], Hr);
+var Fs = Object.defineProperty, Ks = Object.getOwnPropertyDescriptor, Po = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Ks(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 && Fs(t, r, n), n;
+};
+let gt = class {
+  constructor() {
+    this.elementRef = Q(so), this.renderer = Q(fi), this.appliedAttrs = /* @__PURE__ */ new Set(), this.appliedClasses = /* @__PURE__ */ new Set(), this.appliedStyles = /* @__PURE__ */ new Set();
+  }
+  ngOnChanges() {
+    this.clearAppliedState();
+    const e = this.markstreamSafeAttrs;
+    if (e) {
+      for (const [t, r] of Object.entries(e))
+        if (Qr(t)) {
+          if (t === "class" || t === "className") {
+            for (const o of String(r || "").split(/\s+/g).map((n) => n.trim()).filter(Boolean))
+              this.renderer.addClass(this.elementRef.nativeElement, o), this.appliedClasses.add(o);
+            continue;
+          }
+          if (t === "style" && r && typeof r == "object") {
+            for (const [o, n] of Object.entries(r))
+              this.renderer.setStyle(this.elementRef.nativeElement, o, n), this.appliedStyles.add(o);
+            continue;
+          }
+          r === !1 || r == null || (this.renderer.setAttribute(
+            this.elementRef.nativeElement,
+            t,
+            r === !0 ? "" : String(r)
+          ), this.appliedAttrs.add(t));
+        }
+    }
+  }
+  clearAppliedState() {
+    for (const e of this.appliedAttrs)
+      this.renderer.removeAttribute(this.elementRef.nativeElement, e);
+    for (const e of this.appliedClasses)
+      this.renderer.removeClass(this.elementRef.nativeElement, e);
+    for (const e of this.appliedStyles)
+      this.renderer.removeStyle(this.elementRef.nativeElement, e);
+    this.appliedAttrs.clear(), this.appliedClasses.clear(), this.appliedStyles.clear();
+  }
+};
+Po([
+  l()
+], gt.prototype, "markstreamSafeAttrs", 2);
+gt = Po([
+  pi({
+    selector: "[markstreamSafeAttrs]",
+    standalone: !0
+  })
+], gt);
 var js = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, sr = (e, t, r, o) => {
   for (var n = o > 1 ? void 0 : o ? zs(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
@@ -2140,7 +2140,7 @@ var js = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, sr = (e, t
 };
 let Ve = class {
   get level() {
-    return $i(this.node?.level);
+    return Ai(this.node?.level);
   }
   get attrs() {
     const e = this.node?.attrs;
@@ -2166,7 +2166,7 @@ Ve = sr([
   b({
     selector: "markstream-angular-heading-node",
     standalone: !0,
-    imports: [S, pt, p(() => _)],
+    imports: [S, gt, p(() => _)],
     template: `
     <h1 *ngIf="level === 1" dir="auto" class="heading-node heading-1" [markstreamSafeAttrs]="attrs">
       <markstream-angular-nested-renderer [nodes]="children" [context]="context" [indexPrefix]="nestedPrefix" />
@@ -2296,7 +2296,7 @@ function In(e) {
   const t = {};
   for (const [r, o] of Object.entries(e)) {
     const n = r.trim(), i = n.toLowerCase();
-    !n || !Jr(n) || Vs.has(i) || Xs.has(i) && o && Zs(o) || (t[n] = o);
+    !n || !Qr(n) || Vs.has(i) || Xs.has(i) && o && Zs(o) || (t[n] = o);
   }
   return t;
 }
@@ -2372,7 +2372,7 @@ function Js(e) {
 }
 function $n(e) {
   const t = Object.entries(e);
-  return t.length === 0 ? "" : t.map(([r, o]) => o === "" ? ` ${r}` : ` ${r}="${Ii(o)}"`).join("");
+  return t.length === 0 ? "" : t.map(([r, o]) => o === "" ? ` ${r}` : ` ${r}="${$i(o)}"`).join("");
 }
 function cn(e) {
   if (!e)
@@ -2381,7 +2381,7 @@ function cn(e) {
   let n = 0;
   for (const i of t) {
     if (i.type === "text") {
-      n === 0 && o.push(Qr(i.content ?? ""));
+      n === 0 && o.push(en(i.content ?? ""));
       continue;
     }
     const s = Js(i.tagName);
@@ -4260,6 +4260,7 @@ async function pn() {
     Le = null;
   }
 }
+const Mt = "WORKER_BUSY";
 let U = null, ae = null, jr = !1;
 const F = /* @__PURE__ */ new Map(), ht = /* @__PURE__ */ new Map(), al = 200, we = /* @__PURE__ */ new Set();
 let Me = 5;
@@ -4365,7 +4366,6 @@ function yd() {
 function vd(e) {
   Number.isFinite(e) && e > 0 && (Me = Math.floor(e));
 }
-const Mt = "WORKER_BUSY";
 function wd() {
   return F.size >= Me;
 }
@@ -5268,7 +5268,7 @@ let Qe = class {
     return I(this.node?.children);
   }
   ngOnChanges() {
-    this.segments = Fi(this.children);
+    this.segments = Ki(this.children);
   }
   segmentPrefix(e) {
     return `${this.indexKey || "paragraph"}-${e}`;
@@ -5347,10 +5347,42 @@ Jt = ei([
     changeDetection: k.OnPush
   })
 ], Jt);
-var El = Object.defineProperty, Dl = Object.getOwnPropertyDescriptor, wr = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Dl(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+function ti(e, t) {
+  if (t?.renderCodeBlocksAsPre)
+    return "pre";
+  const r = Hi(e);
+  return r === "d2" || r === "d2lang" ? "d2" : r === "infographic" ? "infographic" : r === "mermaid" ? "mermaid" : "code";
+}
+function xn(e) {
+  return String(e?.tag || "").trim().toLowerCase() || Li(e?.content);
+}
+function El(e) {
+  const t = xn(e);
+  return t ? {
+    ...e,
+    type: t,
+    tag: t,
+    content: Bi(e?.content, t)
+  } : e;
+}
+function Dl(e, t) {
+  const r = xn(e);
+  return r ? {
+    ...e,
+    type: t,
+    tag: r
+  } : e;
+}
+function Rl(e, t) {
+  if (String(e?.type || "") !== "code_block")
+    return null;
+  const r = ti(e, t);
+  return r === "mermaid" ? t?.mermaidProps ?? null : r === "d2" ? t?.d2Props ?? null : r === "infographic" ? t?.infographicProps ?? null : t?.codeBlockProps ?? null;
+}
+var Il = Object.defineProperty, $l = Object.getOwnPropertyDescriptor, wr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? $l(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 && El(t, r, n), n;
+  return o && n && Il(t, r, n), n;
 };
 let et = class {
   get children() {
@@ -5386,10 +5418,10 @@ et = wr([
     changeDetection: k.OnPush
   })
 ], et);
-var Rl = Object.defineProperty, Il = Object.getOwnPropertyDescriptor, br = (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 Al = Object.defineProperty, Nl = Object.getOwnPropertyDescriptor, br = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Nl(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 && Rl(t, r, n), n;
+  return o && n && Al(t, r, n), n;
 };
 let tt = class {
   get children() {
@@ -5425,10 +5457,10 @@ tt = br([
     changeDetection: k.OnPush
   })
 ], tt);
-var $l = Object.defineProperty, Al = Object.getOwnPropertyDescriptor, kr = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Al(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Ll = Object.defineProperty, Bl = Object.getOwnPropertyDescriptor, kr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Bl(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;
+  return o && n && Ll(t, r, n), n;
 };
 let rt = class {
   get children() {
@@ -5464,10 +5496,10 @@ rt = kr([
     changeDetection: k.OnPush
   })
 ], rt);
-var Nl = Object.defineProperty, Ll = Object.getOwnPropertyDescriptor, xr = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Ll(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Hl = Object.defineProperty, Fl = Object.getOwnPropertyDescriptor, xr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Fl(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 && Nl(t, r, n), n;
+  return o && n && Hl(t, r, n), n;
 };
 let nt = class {
   get children() {
@@ -5503,10 +5535,10 @@ nt = xr([
     changeDetection: k.OnPush
   })
 ], nt);
-var Bl = Object.defineProperty, Hl = Object.getOwnPropertyDescriptor, Cr = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Hl(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var Kl = Object.defineProperty, jl = Object.getOwnPropertyDescriptor, Cr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? jl(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 && Bl(t, r, n), n;
+  return o && n && Kl(t, r, n), n;
 };
 let ot = class {
   constructor() {
@@ -5579,10 +5611,10 @@ ot = Cr([
     changeDetection: k.OnPush
   })
 ], ot);
-var Fl = Object.defineProperty, Kl = Object.getOwnPropertyDescriptor, ti = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? Kl(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var zl = Object.defineProperty, Wl = Object.getOwnPropertyDescriptor, ri = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Wl(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 && Fl(t, r, n), n;
+  return o && n && zl(t, r, n), n;
 };
 let Qt = class {
   get text() {
@@ -5592,10 +5624,10 @@ let Qt = class {
     return !!this.node?.center;
   }
 };
-ti([
+ri([
   l({ required: !0 })
 ], Qt.prototype, "node", 2);
-Qt = ti([
+Qt = ri([
   b({
     selector: "markstream-angular-text-node",
     standalone: !0,
@@ -5609,14 +5641,14 @@ Qt = ti([
     changeDetection: k.OnPush
   })
 ], Qt);
-var jl = Object.getOwnPropertyDescriptor, zl = (e, t, r, o) => {
-  for (var n = o > 1 ? void 0 : o ? jl(t, r) : t, i = e.length - 1, s; i >= 0; i--)
+var ql = Object.getOwnPropertyDescriptor, Vl = (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 Wr = class {
 };
-Wr = zl([
+Wr = Vl([
   b({
     selector: "markstream-angular-thematic-break-node",
     standalone: !0,
@@ -5624,10 +5656,10 @@ Wr = zl([
     changeDetection: k.OnPush
   })
 ], Wr);
-var Wl = Object.defineProperty, ql = Object.getOwnPropertyDescriptor, Pr = (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 Ul = Object.defineProperty, Xl = Object.getOwnPropertyDescriptor, Pr = (e, t, r, o) => {
+  for (var n = o > 1 ? void 0 : o ? Xl(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;
+  return o && n && Ul(t, r, n), n;
 };
 let it = class {
   get children() {
@@ -5663,38 +5695,6 @@ it = Pr([
     changeDetection: k.OnPush
   })
 ], it);
-function ri(e, t) {
-  if (t?.renderCodeBlocksAsPre)
-    return "pre";
-  const r = Bi(e);
-  return r === "d2" || r === "d2lang" ? "d2" : r === "infographic" ? "infographic" : r === "mermaid" ? "mermaid" : "code";
-}
-function xn(e) {
-  return String(e?.tag || "").trim().toLowerCase() || Ni(e?.content);
-}
-function Vl(e) {
-  const t = xn(e);
-  return t ? {
-    ...e,
-    type: t,
-    tag: t,
-    content: Li(e?.content, t)
-  } : e;
-}
-function Ul(e, t) {
-  const r = xn(e);
-  return r ? {
-    ...e,
-    type: t,
-    tag: r
-  } : e;
-}
-function Xl(e, t) {
-  if (String(e?.type || "") !== "code_block")
-    return null;
-  const r = ri(e, t);
-  return r === "mermaid" ? t?.mermaidProps ?? null : r === "d2" ? t?.d2Props ?? null : r === "infographic" ? t?.infographicProps ?? null : t?.codeBlockProps ?? null;
-}
 var Gl = Object.defineProperty, Zl = Object.getOwnPropertyDescriptor, Tr = (e, t, r, o) => {
   for (var n = o > 1 ? void 0 : o ? Zl(t, r) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (n = (o ? s(t, r, n) : s(n)) || n);
@@ -5705,7 +5705,7 @@ let ue = class {
     return String(this.node?.type || "");
   }
   get customComponentMap() {
-    return this.context?.customComponents || mo(this.context?.customId);
+    return this.context?.customComponents || lo(this.context?.customId);
   }
   get resolvedCustomComponent() {
     const e = this.customComponentMap, t = e?.[this.resolvedType];
@@ -5723,22 +5723,22 @@ let ue = class {
     return r ? e?.[r] ?? null : null;
   }
   get customNode() {
-    return Vl(this.node);
+    return El(this.node);
   }
   get codeMode() {
-    return ri(this.node, this.context);
+    return ti(this.node, this.context);
   }
   get htmlTag() {
     return xn(this.node);
   }
   get htmlRenderNode() {
-    return Ul(this.node, this.resolvedType);
+    return Dl(this.node, this.resolvedType);
   }
   get fallbackNode() {
     return this.node;
   }
   get resolvedComponentInputs() {
-    return Xl(this.node, this.context);
+    return Rl(this.node, this.context);
   }
 };
 Tr([
@@ -5785,7 +5785,7 @@ ue = Tr([
       p(() => bt),
       p(() => ne),
       p(() => Qe),
-      p(() => gt),
+      p(() => pt),
       p(() => Jt),
       p(() => et),
       p(() => tt),
@@ -5929,7 +5929,7 @@ let _ = class {
           }
           r.push({
             kind: "label",
-            attrs: Hi(n?.attrs),
+            attrs: Fi(n?.attrs),
             children: i
           }), o = s;
           continue;
@@ -5991,7 +5991,7 @@ _ = W([
     standalone: !0,
     imports: [
       S,
-      pt,
+      gt,
       p(() => _),
       p(() => ue)
     ],
@@ -6024,13 +6024,13 @@ var Ql = Object.defineProperty, ec = Object.getOwnPropertyDescriptor, _r = (e, t
 };
 let st = class {
   get kind() {
-    return co(C(this.node?.kind || "note")) || "note";
+    return uo(C(this.node?.kind || "note")) || "note";
   }
   get kindClass() {
     return `markstream-nested-admonition--${this.kind}`;
   }
   get resolvedTitle() {
-    return C(this.node?.title) || Ai(this.kind);
+    return C(this.node?.title) || Ni(this.kind);
   }
   get children() {
     return I(this.node?.children);
@@ -6372,7 +6372,7 @@ async function cc(e, t, r, o) {
   }
 }
 async function dc(e, t, r, o) {
-  const n = await bo();
+  const n = await wo();
   if (!n || !o())
     return;
   const i = Array.from(e.querySelectorAll('pre[data-markstream-code-block="1"] > code.language-d2, pre[data-markstream-code-block="1"] > code.language-d2lang'));
@@ -6401,7 +6401,7 @@ async function dc(e, t, r, o) {
       const M = await h.render(f, v);
       if (!o())
         return;
-      const E = on(ko(M));
+      const E = on(bo(M));
       if (!E)
         throw new Error("D2 render returned empty output.");
       u.body.innerHTML = E, u.wrapper.dataset.markstreamD2 = "1", t.push(() => {
@@ -6413,7 +6413,7 @@ async function dc(e, t, r, o) {
   }
 }
 async function uc(e, t, r, o) {
-  const n = await vo();
+  const n = await go();
   if (!n || typeof n.useMonaco != "function" || !o())
     return;
   const i = Array.from(e.querySelectorAll('pre[data-markstream-code-block="1"]'));
@@ -6503,7 +6503,7 @@ function pc(e, t) {
 function gc(e) {
   if (!e)
     return "";
-  const t = globalThis?.Buffer;
+  const t = globalThis?.require?.("buffer")?.Buffer;
   if (t?.from)
     return t.from(e, "base64").toString("utf8");
   if (typeof globalThis.atob == "function" && typeof TextDecoder < "u") {
@@ -6662,7 +6662,7 @@ let w = class {
     this.rebuild();
   }
   ngOnInit() {
-    this.unsubscribeCustomComponents = zi(() => {
+    this.unsubscribeCustomComponents = Oi(() => {
       this.rebuild();
     });
   }
@@ -6683,20 +6683,20 @@ let w = class {
   }
   rebuild() {
     this.stopBatching(), this.disposeEnhancements(), this.cleanupTransientState();
-    const e = mo(this.customId), t = this.customComponents ? {
+    const e = lo(this.customId), t = this.customComponents ? {
       ...e,
       ...this.customComponents
     } : e, r = {
       onCopy: (n) => this.copy.emit(n),
       onHandleArtifactClick: (n) => this.handleArtifactClick.emit(n)
     };
-    this.renderContext = Ei(
+    this.renderContext = Di(
       {
         ...this,
         customComponents: t
       },
       r
-    ), this.parsedNodes = Di(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 = to(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();
   }
@@ -7452,7 +7452,7 @@ function Yc(e) {
 function oo(e) {
   if (!e)
     return "";
-  const t = globalThis?.Buffer;
+  const t = globalThis?.require?.("buffer")?.Buffer;
   if (t?.from)
     return t.from(e, "utf8").toString("base64");
   if (typeof TextEncoder < "u" && typeof globalThis.btoa == "function") {
@@ -7890,9 +7890,9 @@ export {
   _ as NestedRenderer,
   w as NodeRenderer,
   Qe as ParagraphNode,
-  gt as PreCodeNode,
+  pt as PreCodeNode,
   Jt as ReferenceNode,
-  pt as SafeAttrsDirective,
+  gt as SafeAttrsDirective,
   et as StrikethroughNode,
   tt as StrongNode,
   rt as SubscriptNode,
@@ -7904,7 +7904,7 @@ export {
   Mt as WORKER_BUSY_CODE,
   Jc as buildKaTeXCDNWorkerSource,
   Qc as buildMermaidCDNWorkerSource,
-  Ei as buildRenderContext,
+  Di as buildRenderContext,
   Jo as canParseOffthread,
   sd as clearGlobalCustomComponents,
   pd as clearKaTeXWorker,
@@ -7922,18 +7922,18 @@ export {
   nc as enhanceRenderedHtml,
   Qo as findPrefixOffthread,
   nd as getCustomComponentsRevision,
-  mo as getCustomNodeComponents,
+  lo as getCustomNodeComponents,
   kd as getKaTeXBackpressureDefaults,
   yd as getKaTeXWorkerLoad,
   pn as getKatex,
-  cs as getLanguageIcon,
+  ns as getLanguageIcon,
   Go as getMermaid,
   _d as getMermaidWorkerLoad,
   ud as isD2Enabled,
   wd as isKaTeXWorkerBusy,
   Wo as isKatexEnabled,
   wl as isMermaidEnabled,
-  ds as languageMap,
+  os as languageMap,
   tn as normalizeLanguageIdentifier,
   xi as parseNestedMarkdownToNodes,
   id as removeCustomComponents,
@@ -7943,11 +7943,11 @@ export {
   Rd as renderMarkdownNodesToHtml,
   Ed as renderMarkdownToHtml,
   Dd as renderNestedMarkdownToHtml,
-  ls as resolveMonacoLanguageId,
-  Di as resolveParsedNodes,
+  rs as resolveMonacoLanguageId,
+  Ri as resolveParsedNodes,
   cn as sanitizeHtmlContent,
   od as setCustomComponents,
-  wo as setD2Loader,
+  vo as setD2Loader,
   ad as setDefaultI18nMap,
   bd as setKaTeXBackpressureDefaults,
   gn as setKaTeXCache,
@@ -7960,8 +7960,8 @@ export {
   Sd as setMermaidWorker,
   Pd as setMermaidWorkerClientDebug,
   Td as setMermaidWorkerMaxConcurrency,
-  zi as subscribeCustomComponents,
+  Oi as subscribeCustomComponents,
   Od as terminateWorker,
-  yo as useSafeI18n,
+  po as useSafeI18n,
   dl as waitForKaTeXWorkerSlot
 };