@leadertechie/md2html 0.1.0-alpha.18 → 0.1.0-alpha.19

package/dist/lit-renderer-Bp1Q6wYL.js

@@ -0,0 +1,790 @@
+import { html } from "lit";
+const defaultAllowedHTMLTags = [
+  "img",
+  "style",
+  "div",
+  "span",
+  "section",
+  "article",
+  "aside",
+  "header",
+  "footer",
+  "nav",
+  "main",
+  "figure",
+  "figcaption",
+  "details",
+  "summary",
+  "mark",
+  "time",
+  "video",
+  "audio",
+  "source",
+  "iframe",
+  "embed"
+];
+const nodeTypeToScope = {
+  "text": "root",
+  "heading": "heading",
+  "paragraph": "paragraph",
+  "list": "list",
+  "list-item": "list-item",
+  "image": "image",
+  "code": "code",
+  "container": "container",
+  "strong": "strong",
+  "emphasis": "emphasis",
+  "link": "link"
+};
+class HeadingRendererStrategy {
+  constructor() {
+    this.type = "heading";
+  }
+  render(node, _renderChild, ctx) {
+    const level = node.attributes?.level || "2";
+    const headingId = ctx.addHeadingIds ? ` id="${ctx.generateHeadingId(node.content)}"` : "";
+    const scopeAttr = ctx.getScopeAttr(node);
+    if (!ctx.hasClassConfig()) {
+      return `<h${level}${headingId}${scopeAttr}>${node.content || ""}</h${level}>`;
+    }
+    const prefix = ctx.classPrefix;
+    const levelClass = level === "1" ? "h1" : level === "2" ? "h2" : level === "3" ? "h3" : level === "4" ? "h4" : level === "5" ? "h5" : "h6";
+    const headingClass = prefix ? `${prefix}${levelClass}` : levelClass;
+    return `<h${level}${headingId}${scopeAttr} class="${headingClass}">${node.content || ""}</h${level}>`;
+  }
+}
+class ParagraphRendererStrategy {
+  constructor() {
+    this.type = "paragraph";
+  }
+  render(node, renderChild, ctx) {
+    const scopeAttr = ctx.getScopeAttr(node);
+    if (node.children) {
+      const childrenHtml = node.children.map(renderChild).join("");
+      return ctx.hasClassConfig() && ctx.classPrefix ? `<p class="${ctx.classPrefix}paragraph"${scopeAttr}>${childrenHtml}</p>` : `<p${scopeAttr}>${childrenHtml}</p>`;
+    }
+    return ctx.hasClassConfig() && ctx.classPrefix ? `<p class="${ctx.classPrefix}paragraph"${scopeAttr}>${node.content || ""}</p>` : `<p${scopeAttr}>${node.content || ""}</p>`;
+  }
+}
+class ListRendererStrategy {
+  constructor() {
+    this.type = "list";
+  }
+  render(node, renderChild, ctx) {
+    const tag = node.ordered ? "ol" : "ul";
+    const items = node.children?.map(renderChild).join("") || "";
+    const scopeAttr = ctx.getScopeAttr(node);
+    return ctx.hasClassConfig() && ctx.classPrefix ? `<${tag} class="${ctx.classPrefix}list"${scopeAttr}>${items}</${tag}>` : `<${tag}${scopeAttr}>${items}</${tag}>`;
+  }
+}
+class ListItemRendererStrategy {
+  constructor() {
+    this.type = "list-item";
+  }
+  render(node, _renderChild, ctx) {
+    const scopeAttr = ctx.getScopeAttr(node);
+    return ctx.hasClassConfig() && ctx.classPrefix ? `<li class="${ctx.classPrefix}list-item"${scopeAttr}>${node.content || ""}</li>` : `<li${scopeAttr}>${node.content || ""}</li>`;
+  }
+}
+class ImageRendererStrategy {
+  constructor() {
+    this.type = "image";
+  }
+  render(node, _renderChild, ctx) {
+    const src = node.src || node.attributes?.src || "";
+    const alt = node.alt || node.attributes?.alt || "";
+    const scopeAttr = ctx.getScopeAttr(node);
+    let classStr = "";
+    if (ctx.hasClassConfig()) {
+      const prefix = ctx.classPrefix;
+      classStr = prefix ? `${prefix}image` : "image";
+      if (node.className) classStr += ` ${node.className}`;
+      return `<img src="${src}" alt="${alt}" class="${classStr}"${scopeAttr}>`;
+    }
+    if (node.className) {
+      return `<img src="${src}" alt="${alt}" class="${node.className}"${scopeAttr}>`;
+    }
+    return `<img src="${src}" alt="${alt}"${scopeAttr}>`;
+  }
+}
+class CodeRendererStrategy {
+  constructor() {
+    this.type = "code";
+  }
+  render(node, _renderChild, ctx) {
+    const scopeAttr = ctx.getScopeAttr(node);
+    const lang = node.attributes?.lang || "";
+    if (ctx.hasClassConfig()) {
+      const prefix = ctx.classPrefix;
+      const codeClass = prefix ? `${prefix}code` : "code";
+      return `<pre${scopeAttr}><code class="${codeClass} language-${lang}">${node.content || ""}</code></pre>`;
+    }
+    return `<pre${scopeAttr}><code class="language-${lang}">${node.content || ""}</code></pre>`;
+  }
+}
+class ContainerRendererStrategy {
+  constructor() {
+    this.type = "container";
+  }
+  render(node, renderChild, ctx) {
+    if (node.rawHTML) {
+      return node.rawHTML;
+    }
+    const tag = node.attributes?.tag || "div";
+    const children = node.children?.map(renderChild).join("") || "";
+    const id = node.attributes?.id;
+    const idAttr = id ? ` id="${id}"` : "";
+    const scopeAttr = ctx.getScopeAttr(node);
+    if (tag === "hr") return "<hr>";
+    if (ctx.hasClassConfig()) {
+      const containerClass = ctx.getContainerClass(tag);
+      const prefix = ctx.classPrefix;
+      if (prefix) {
+        const classes2 = [prefix + (containerClass || "container")];
+        if (node.className) classes2.push(node.className);
+        return `<${tag} class="${classes2.join(" ")}"${idAttr}${scopeAttr}>${children}</${tag}>`;
+      }
+      const classes = [containerClass || "container"];
+      if (node.className) classes.push(node.className);
+      return `<${tag} class="${classes.join(" ")}"${idAttr}${scopeAttr}>${children}</${tag}>`;
+    }
+    if (node.className) {
+      return `<${tag} class="${node.className}"${idAttr}${scopeAttr}>${children}</${tag}>`;
+    }
+    return `<${tag}${idAttr}${scopeAttr}>${children}</${tag}>`;
+  }
+}
+class StrongRendererStrategy {
+  constructor() {
+    this.type = "strong";
+  }
+  render(node, _renderChild, ctx) {
+    return `<strong${ctx.getScopeAttr(node)}>${node.content || ""}</strong>`;
+  }
+}
+class EmphasisRendererStrategy {
+  constructor() {
+    this.type = "emphasis";
+  }
+  render(node, _renderChild, ctx) {
+    return `<em${ctx.getScopeAttr(node)}>${node.content || ""}</em>`;
+  }
+}
+class LinkRendererStrategy {
+  constructor() {
+    this.type = "link";
+  }
+  render(node, _renderChild, ctx) {
+    const href = node.attributes?.href || "";
+    return `<a href="${href}"${ctx.getScopeAttr(node)}>${node.content || ""}</a>`;
+  }
+}
+class TextRendererStrategy {
+  constructor() {
+    this.type = "text";
+  }
+  render(node, _renderChild, _ctx) {
+    return node.content || "";
+  }
+}
+class RendererStrategyRegistry {
+  constructor() {
+    this.strategies = /* @__PURE__ */ new Map();
+    this.register(new HeadingRendererStrategy());
+    this.register(new ParagraphRendererStrategy());
+    this.register(new ListRendererStrategy());
+    this.register(new ListItemRendererStrategy());
+    this.register(new ImageRendererStrategy());
+    this.register(new CodeRendererStrategy());
+    this.register(new ContainerRendererStrategy());
+    this.register(new StrongRendererStrategy());
+    this.register(new EmphasisRendererStrategy());
+    this.register(new LinkRendererStrategy());
+    this.register(new TextRendererStrategy());
+    this.fallback = new TextRendererStrategy();
+  }
+  /** Register a strategy for a node type. Overrides any existing strategy. */
+  register(strategy) {
+    this.strategies.set(strategy.type, strategy);
+  }
+  /** Unregister a strategy by node type. */
+  unregister(type) {
+    this.strategies.delete(type);
+  }
+  /** Get a strategy for the given node type, falling back to catch-all. */
+  get(type) {
+    return this.strategies.get(type) ?? this.fallback;
+  }
+  /** Check if a dedicated strategy exists for the given node type. */
+  has(type) {
+    return this.strategies.has(type);
+  }
+  /** Get all registered dedicated strategy types. */
+  get types() {
+    return Array.from(this.strategies.keys());
+  }
+  /** Replace the fallback strategy. */
+  setFallback(strategy) {
+    this.fallback = strategy;
+  }
+}
+class HTMLRenderer {
+  constructor(config = {}) {
+    this.config = {
+      classPrefix: config.classPrefix || "",
+      customCSS: config.customCSS || "",
+      addHeadingIds: config.addHeadingIds ?? false,
+      emitScopeAnchors: config.emitScopeAnchors ?? false
+    };
+    this.strategyRegistry = new RendererStrategyRegistry();
+  }
+  /** Access the strategy registry for customization. */
+  get strategies() {
+    return this.strategyRegistry;
+  }
+  hasClassConfig() {
+    return this.config.classPrefix !== "" || this.config.addHeadingIds;
+  }
+  getClass(baseClass, nodeClass) {
+    if (!this.hasClassConfig()) {
+      return nodeClass || "";
+    }
+    const prefix = this.config.classPrefix;
+    const classes = [prefix ? `${prefix}${baseClass}` : baseClass];
+    if (nodeClass) classes.push(nodeClass);
+    return classes.join(" ");
+  }
+  generateHeadingId(content) {
+    if (!content) return "";
+    return content.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
+  }
+  /**
+   * Get the scope attribute string for a node type.
+   * Returns empty string if emitScopeAnchors is disabled.
+   */
+  getScopeAttr(node) {
+    if (!this.config.emitScopeAnchors) return "";
+    const scopeValue = node.scope || nodeTypeToScope[node.type] || "container";
+    return ` data-md-scope="${scopeValue}"`;
+  }
+  /**
+   * Get the CSS class for a container's tag-based rendering.
+   * Returns just the tag name since renderWithClass applies the prefix.
+   */
+  getContainerClass(tag) {
+    if (!this.hasClassConfig()) return "";
+    return tag;
+  }
+  buildRenderContext() {
+    const self = this;
+    return {
+      get classPrefix() {
+        return self.config.classPrefix;
+      },
+      get addHeadingIds() {
+        return self.config.addHeadingIds;
+      },
+      get emitScopeAnchors() {
+        return self.config.emitScopeAnchors;
+      },
+      get customCSS() {
+        return self.config.customCSS;
+      },
+      hasClassConfig: () => self.hasClassConfig(),
+      getClass: (baseClass, nodeClass) => self.getClass(baseClass, nodeClass),
+      getScopeAttr: (node) => self.getScopeAttr(node),
+      generateHeadingId: (content) => self.generateHeadingId(content),
+      getContainerClass: (tag) => self.getContainerClass(tag)
+    };
+  }
+  renderNode(node) {
+    const ctx = this.buildRenderContext();
+    const strategy = this.strategyRegistry.get(node.type);
+    return strategy.render(node, (child) => this.renderNode(child), ctx);
+  }
+  renderNodes(nodes) {
+    if (!nodes || nodes.length === 0) {
+      return "";
+    }
+    if (this.config.emitScopeAnchors) {
+      const inner = nodes.map((node) => this.renderNode(node)).join("\n");
+      return `<div data-md-scope="root">
+${inner}
+</div>`;
+    }
+    return nodes.map((node) => this.renderNode(node)).join("\n");
+  }
+  renderToHTMLString(nodes) {
+    return this.renderNodes(nodes);
+  }
+  render(markdown) {
+    return markdown;
+  }
+  getCustomCSS() {
+    return this.config.customCSS;
+  }
+}
+const t$1 = globalThis, i$1 = (t2) => t2, s = t$1.trustedTypes, e$2 = s ? s.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, h = "$lit$", o$1 = `lit$${Math.random().toFixed(9).slice(2)}$`, n = "?" + o$1, r = `<${n}>`, l = document, c = () => l.createComment(""), a = (t2) => null === t2 || "object" != typeof t2 && "function" != typeof t2, u = Array.isArray, d = (t2) => u(t2) || "function" == typeof t2?.[Symbol.iterator], f = "[ 	\n\f\r]", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y = /^(?:script|style|textarea|title)$/i, E = /* @__PURE__ */ Symbol.for("lit-noChange"), A = /* @__PURE__ */ Symbol.for("lit-nothing"), C = /* @__PURE__ */ new WeakMap(), P = l.createTreeWalker(l, 129);
+function V(t2, i2) {
+  if (!u(t2) || !t2.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== e$2 ? e$2.createHTML(i2) : i2;
+}
+const N = (t2, i2) => {
+  const s2 = t2.length - 1, e2 = [];
+  let n2, l2 = 2 === i2 ? "<svg>" : 3 === i2 ? "<math>" : "", c2 = v;
+  for (let i3 = 0; i3 < s2; i3++) {
+    const s3 = t2[i3];
+    let a2, u2, d2 = -1, f2 = 0;
+    for (; f2 < s3.length && (c2.lastIndex = f2, u2 = c2.exec(s3), null !== u2); ) f2 = c2.lastIndex, c2 === v ? "!--" === u2[1] ? c2 = _ : void 0 !== u2[1] ? c2 = m : void 0 !== u2[2] ? (y.test(u2[2]) && (n2 = RegExp("</" + u2[2], "g")), c2 = p) : void 0 !== u2[3] && (c2 = p) : c2 === p ? ">" === u2[0] ? (c2 = n2 ?? v, d2 = -1) : void 0 === u2[1] ? d2 = -2 : (d2 = c2.lastIndex - u2[2].length, a2 = u2[1], c2 = void 0 === u2[3] ? p : '"' === u2[3] ? $ : g) : c2 === $ || c2 === g ? c2 = p : c2 === _ || c2 === m ? c2 = v : (c2 = p, n2 = void 0);
+    const x = c2 === p && t2[i3 + 1].startsWith("/>") ? " " : "";
+    l2 += c2 === v ? s3 + r : d2 >= 0 ? (e2.push(a2), s3.slice(0, d2) + h + s3.slice(d2) + o$1 + x) : s3 + o$1 + (-2 === d2 ? i3 : x);
+  }
+  return [V(t2, l2 + (t2[s2] || "<?>") + (2 === i2 ? "</svg>" : 3 === i2 ? "</math>" : "")), e2];
+};
+class S {
+  constructor({ strings: t2, _$litType$: i2 }, e2) {
+    let r2;
+    this.parts = [];
+    let l2 = 0, a2 = 0;
+    const u2 = t2.length - 1, d2 = this.parts, [f2, v2] = N(t2, i2);
+    if (this.el = S.createElement(f2, e2), P.currentNode = this.el.content, 2 === i2 || 3 === i2) {
+      const t3 = this.el.content.firstChild;
+      t3.replaceWith(...t3.childNodes);
+    }
+    for (; null !== (r2 = P.nextNode()) && d2.length < u2; ) {
+      if (1 === r2.nodeType) {
+        if (r2.hasAttributes()) for (const t3 of r2.getAttributeNames()) if (t3.endsWith(h)) {
+          const i3 = v2[a2++], s2 = r2.getAttribute(t3).split(o$1), e3 = /([.?@])?(.*)/.exec(i3);
+          d2.push({ type: 1, index: l2, name: e3[2], strings: s2, ctor: "." === e3[1] ? I : "?" === e3[1] ? L : "@" === e3[1] ? z : H }), r2.removeAttribute(t3);
+        } else t3.startsWith(o$1) && (d2.push({ type: 6, index: l2 }), r2.removeAttribute(t3));
+        if (y.test(r2.tagName)) {
+          const t3 = r2.textContent.split(o$1), i3 = t3.length - 1;
+          if (i3 > 0) {
+            r2.textContent = s ? s.emptyScript : "";
+            for (let s2 = 0; s2 < i3; s2++) r2.append(t3[s2], c()), P.nextNode(), d2.push({ type: 2, index: ++l2 });
+            r2.append(t3[i3], c());
+          }
+        }
+      } else if (8 === r2.nodeType) if (r2.data === n) d2.push({ type: 2, index: l2 });
+      else {
+        let t3 = -1;
+        for (; -1 !== (t3 = r2.data.indexOf(o$1, t3 + 1)); ) d2.push({ type: 7, index: l2 }), t3 += o$1.length - 1;
+      }
+      l2++;
+    }
+  }
+  static createElement(t2, i2) {
+    const s2 = l.createElement("template");
+    return s2.innerHTML = t2, s2;
+  }
+}
+function M(t2, i2, s2 = t2, e2) {
+  if (i2 === E) return i2;
+  let h2 = void 0 !== e2 ? s2._$Co?.[e2] : s2._$Cl;
+  const o2 = a(i2) ? void 0 : i2._$litDirective$;
+  return h2?.constructor !== o2 && (h2?._$AO?.(false), void 0 === o2 ? h2 = void 0 : (h2 = new o2(t2), h2._$AT(t2, s2, e2)), void 0 !== e2 ? (s2._$Co ??= [])[e2] = h2 : s2._$Cl = h2), void 0 !== h2 && (i2 = M(t2, h2._$AS(t2, i2.values), h2, e2)), i2;
+}
+class R {
+  constructor(t2, i2) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t2, this._$AM = i2;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t2) {
+    const { el: { content: i2 }, parts: s2 } = this._$AD, e2 = (t2?.creationScope ?? l).importNode(i2, true);
+    P.currentNode = e2;
+    let h2 = P.nextNode(), o2 = 0, n2 = 0, r2 = s2[0];
+    for (; void 0 !== r2; ) {
+      if (o2 === r2.index) {
+        let i3;
+        2 === r2.type ? i3 = new k(h2, h2.nextSibling, this, t2) : 1 === r2.type ? i3 = new r2.ctor(h2, r2.name, r2.strings, this, t2) : 6 === r2.type && (i3 = new Z(h2, this, t2)), this._$AV.push(i3), r2 = s2[++n2];
+      }
+      o2 !== r2?.index && (h2 = P.nextNode(), o2++);
+    }
+    return P.currentNode = l, e2;
+  }
+  p(t2) {
+    let i2 = 0;
+    for (const s2 of this._$AV) void 0 !== s2 && (void 0 !== s2.strings ? (s2._$AI(t2, s2, i2), i2 += s2.strings.length - 2) : s2._$AI(t2[i2])), i2++;
+  }
+}
+class k {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t2, i2, s2, e2) {
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$Cv = e2?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t2 = this._$AA.parentNode;
+    const i2 = this._$AM;
+    return void 0 !== i2 && 11 === t2?.nodeType && (t2 = i2.parentNode), t2;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t2, i2 = this) {
+    t2 = M(this, t2, i2), a(t2) ? t2 === A || null == t2 || "" === t2 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t2 !== this._$AH && t2 !== E && this._(t2) : void 0 !== t2._$litType$ ? this.$(t2) : void 0 !== t2.nodeType ? this.T(t2) : d(t2) ? this.k(t2) : this._(t2);
+  }
+  O(t2) {
+    return this._$AA.parentNode.insertBefore(t2, this._$AB);
+  }
+  T(t2) {
+    this._$AH !== t2 && (this._$AR(), this._$AH = this.O(t2));
+  }
+  _(t2) {
+    this._$AH !== A && a(this._$AH) ? this._$AA.nextSibling.data = t2 : this.T(l.createTextNode(t2)), this._$AH = t2;
+  }
+  $(t2) {
+    const { values: i2, _$litType$: s2 } = t2, e2 = "number" == typeof s2 ? this._$AC(t2) : (void 0 === s2.el && (s2.el = S.createElement(V(s2.h, s2.h[0]), this.options)), s2);
+    if (this._$AH?._$AD === e2) this._$AH.p(i2);
+    else {
+      const t3 = new R(e2, this), s3 = t3.u(this.options);
+      t3.p(i2), this.T(s3), this._$AH = t3;
+    }
+  }
+  _$AC(t2) {
+    let i2 = C.get(t2.strings);
+    return void 0 === i2 && C.set(t2.strings, i2 = new S(t2)), i2;
+  }
+  k(t2) {
+    u(this._$AH) || (this._$AH = [], this._$AR());
+    const i2 = this._$AH;
+    let s2, e2 = 0;
+    for (const h2 of t2) e2 === i2.length ? i2.push(s2 = new k(this.O(c()), this.O(c()), this, this.options)) : s2 = i2[e2], s2._$AI(h2), e2++;
+    e2 < i2.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i2.length = e2);
+  }
+  _$AR(t2 = this._$AA.nextSibling, s2) {
+    for (this._$AP?.(false, true, s2); t2 !== this._$AB; ) {
+      const s3 = i$1(t2).nextSibling;
+      i$1(t2).remove(), t2 = s3;
+    }
+  }
+  setConnected(t2) {
+    void 0 === this._$AM && (this._$Cv = t2, this._$AP?.(t2));
+  }
+}
+class H {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t2, i2, s2, e2, h2) {
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = h2, s2.length > 2 || "" !== s2[0] || "" !== s2[1] ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = A;
+  }
+  _$AI(t2, i2 = this, s2, e2) {
+    const h2 = this.strings;
+    let o2 = false;
+    if (void 0 === h2) t2 = M(this, t2, i2, 0), o2 = !a(t2) || t2 !== this._$AH && t2 !== E, o2 && (this._$AH = t2);
+    else {
+      const e3 = t2;
+      let n2, r2;
+      for (t2 = h2[0], n2 = 0; n2 < h2.length - 1; n2++) r2 = M(this, e3[s2 + n2], i2, n2), r2 === E && (r2 = this._$AH[n2]), o2 ||= !a(r2) || r2 !== this._$AH[n2], r2 === A ? t2 = A : t2 !== A && (t2 += (r2 ?? "") + h2[n2 + 1]), this._$AH[n2] = r2;
+    }
+    o2 && !e2 && this.j(t2);
+  }
+  j(t2) {
+    t2 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 ?? "");
+  }
+}
+class I extends H {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t2) {
+    this.element[this.name] = t2 === A ? void 0 : t2;
+  }
+}
+class L extends H {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t2) {
+    this.element.toggleAttribute(this.name, !!t2 && t2 !== A);
+  }
+}
+class z extends H {
+  constructor(t2, i2, s2, e2, h2) {
+    super(t2, i2, s2, e2, h2), this.type = 5;
+  }
+  _$AI(t2, i2 = this) {
+    if ((t2 = M(this, t2, i2, 0) ?? A) === E) return;
+    const s2 = this._$AH, e2 = t2 === A && s2 !== A || t2.capture !== s2.capture || t2.once !== s2.once || t2.passive !== s2.passive, h2 = t2 !== A && (s2 === A || e2);
+    e2 && this.element.removeEventListener(this.name, this, s2), h2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
+  }
+  handleEvent(t2) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t2) : this._$AH.handleEvent(t2);
+  }
+}
+class Z {
+  constructor(t2, i2, s2) {
+    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i2, this.options = s2;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t2) {
+    M(this, t2);
+  }
+}
+const B = t$1.litHtmlPolyfillSupport;
+B?.(S, k), (t$1.litHtmlVersions ??= []).push("3.3.2");
+const t = { CHILD: 2 }, e$1 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+class i {
+  constructor(t2) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t2, e2, i2) {
+    this._$Ct = t2, this._$AM = e2, this._$Ci = i2;
+  }
+  _$AS(t2, e2) {
+    return this.update(t2, e2);
+  }
+  update(t2, e2) {
+    return this.render(...e2);
+  }
+}
+class e extends i {
+  constructor(i2) {
+    if (super(i2), this.it = A, i2.type !== t.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+  }
+  render(r2) {
+    if (r2 === A || null == r2) return this._t = void 0, this.it = r2;
+    if (r2 === E) return r2;
+    if ("string" != typeof r2) throw Error(this.constructor.directiveName + "() called with a non-string value");
+    if (r2 === this.it) return this._t;
+    this.it = r2;
+    const s2 = [r2];
+    return s2.raw = s2, this._t = { _$litType$: this.constructor.resultType, strings: s2, values: [] };
+  }
+}
+e.directiveName = "unsafeHTML", e.resultType = 1;
+const o = e$1(e);
+class LitStrategyRegistry {
+  constructor() {
+    this.strategies = /* @__PURE__ */ new Map();
+    this.register(new LitHeadingStrategy());
+    this.register(new LitParagraphStrategy());
+    this.register(new LitListStrategy());
+    this.register(new LitListItemStrategy());
+    this.register(new LitImageStrategy());
+    this.register(new LitCodeStrategy());
+    this.register(new LitContainerStrategy());
+    this.register(new LitStrongStrategy());
+    this.register(new LitEmphasisStrategy());
+    this.register(new LitLinkStrategy());
+    this.register(new LitTextStrategy());
+    this.fallback = new LitFallbackStrategy();
+  }
+  register(strategy) {
+    this.strategies.set(strategy.type, strategy);
+  }
+  unregister(type) {
+    this.strategies.delete(type);
+  }
+  get(type) {
+    return this.strategies.get(type) ?? this.fallback;
+  }
+  has(type) {
+    return this.strategies.has(type);
+  }
+  get types() {
+    return Array.from(this.strategies.keys());
+  }
+  setFallback(strategy) {
+    this.fallback = strategy;
+  }
+}
+class LitHeadingStrategy {
+  constructor() {
+    this.type = "heading";
+  }
+  render(node, _renderChild) {
+    const level = node.attributes?.level || "2";
+    switch (level) {
+      case "1":
+        return html`<h1>${o(node.content || "")}</h1>`;
+      case "2":
+        return html`<h2>${o(node.content || "")}</h2>`;
+      case "3":
+        return html`<h3>${o(node.content || "")}</h3>`;
+      default:
+        return html`<h2>${o(node.content || "")}</h2>`;
+    }
+  }
+}
+class LitParagraphStrategy {
+  constructor() {
+    this.type = "paragraph";
+  }
+  render(node, renderChild) {
+    if (node.children) {
+      return html`<p>${node.children.map((child) => renderChild(child))}</p>`;
+    }
+    return html`<p>${o(node.content || "")}</p>`;
+  }
+}
+class LitListStrategy {
+  constructor() {
+    this.type = "list";
+  }
+  render(node, renderChild) {
+    return html`<ul>${node.children?.map((child) => renderChild(child))}</ul>`;
+  }
+}
+class LitListItemStrategy {
+  constructor() {
+    this.type = "list-item";
+  }
+  render(node, _renderChild) {
+    return html`<li>${o(node.content || "")}</li>`;
+  }
+}
+class LitImageStrategy {
+  constructor() {
+    this.type = "image";
+  }
+  render(node, _renderChild) {
+    const src = node.src || node.attributes?.src || "";
+    const alt = node.alt || node.attributes?.alt || "";
+    const className = node.className || "inline-image";
+    return html`<img src="${src}" alt="${alt}" class="${className}" style="max-width:100%;height:auto;">`;
+  }
+}
+class LitCodeStrategy {
+  constructor() {
+    this.type = "code";
+  }
+  render(node, _renderChild) {
+    const lang = node.attributes?.lang || "";
+    return html`<pre><code class="language-${lang}">${node.content || ""}</code></pre>`;
+  }
+}
+class LitContainerStrategy {
+  constructor() {
+    this.type = "container";
+  }
+  render(node, renderChild) {
+    const className = node.className || "";
+    const style = node.attributes?.style || "";
+    return html`<div class="${className}" style="${style}">
+      ${node.children?.map((child) => renderChild(child))}
+    </div>`;
+  }
+}
+class LitStrongStrategy {
+  constructor() {
+    this.type = "strong";
+  }
+  render(node, _renderChild) {
+    return html`<strong>${o(node.content || "")}</strong>`;
+  }
+}
+class LitEmphasisStrategy {
+  constructor() {
+    this.type = "emphasis";
+  }
+  render(node, _renderChild) {
+    return html`<em>${o(node.content || "")}</em>`;
+  }
+}
+class LitLinkStrategy {
+  constructor() {
+    this.type = "link";
+  }
+  render(node, _renderChild) {
+    const href = node.attributes?.href || "";
+    return html`<a href="${href}">${o(node.content || "")}</a>`;
+  }
+}
+class LitTextStrategy {
+  constructor() {
+    this.type = "text";
+  }
+  render(node, _renderChild) {
+    return html`${node.content || ""}`;
+  }
+}
+class LitFallbackStrategy {
+  constructor() {
+    this.type = "*";
+  }
+  render(_node, _renderChild) {
+    return html``;
+  }
+}
+class LitRenderer {
+  constructor() {
+    this.strategyRegistry = new LitStrategyRegistry();
+  }
+  /** Access the strategy registry for customization. */
+  get strategies() {
+    return this.strategyRegistry;
+  }
+  /**
+   * Render a single node to a Lit TemplateResult.
+   */
+  renderNode(node) {
+    const strategy = this.strategyRegistry.get(node.type);
+    return strategy.render(node, (child) => this.renderNode(child));
+  }
+  /**
+   * Render an array of nodes to a single Lit TemplateResult.
+   */
+  renderNodes(nodes) {
+    if (!nodes || nodes.length === 0) {
+      return html``;
+    }
+    return html`${nodes.map((node) => this.renderNode(node))}`;
+  }
+  /**
+   * Render nodes to a plain HTML string.
+   * Delegates to HTMLRenderer to avoid duplicating string rendering logic.
+   *
+   * Note: Uses default HTMLRenderer config (no classPrefix, scope anchors,
+   * or heading IDs). For full HTML rendering with those features,
+   * use HTMLRenderer directly.
+   */
+  renderToHTMLString(nodes) {
+    if (!nodes || nodes.length === 0) {
+      return "";
+    }
+    if (!this.htmlRenderer) {
+      this.htmlRenderer = new HTMLRenderer();
+    }
+    return this.htmlRenderer.renderNodes(nodes);
+  }
+}
+export {
+  HTMLRenderer as H,
+  LitCodeStrategy as L,
+  RendererStrategyRegistry as R,
+  LitContainerStrategy as a,
+  LitEmphasisStrategy as b,
+  LitFallbackStrategy as c,
+  defaultAllowedHTMLTags as d,
+  LitHeadingStrategy as e,
+  LitImageStrategy as f,
+  LitLinkStrategy as g,
+  LitListItemStrategy as h,
+  LitListStrategy as i,
+  LitParagraphStrategy as j,
+  LitRenderer as k,
+  LitStrategyRegistry as l,
+  LitStrongStrategy as m,
+  LitTextStrategy as n,
+  nodeTypeToScope as o
+};
+//# sourceMappingURL=lit-renderer-Bp1Q6wYL.js.map