@lifecorner/angular-ui-kit 3.4.1 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-markdown.mjs

@@ -0,0 +1,756 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, SecurityContext, ViewEncapsulation, computed, effect, inject, input, output, signal, untracked } from "@angular/core";
+import { DomSanitizer } from "@angular/platform-browser";
+import { HttpClient } from "@angular/common/http";
+import { CodeBlockComponent } from "@lifecorner/angular-ui-kit/code-block";
+import { isSafeImageUrl, isSafeLinkUrl } from "@lifecorner/angular-ui-kit/internal/url";
+const BLOCK_MARK = "\0";
+const blockPlaceholder = (idx) => `${BLOCK_MARK}LCBLOCK${idx}${BLOCK_MARK}`;
+const BLOCK_PLACEHOLDER = /\u0000LCBLOCK(\d+)\u0000/g;
+let markdownInstances = 0;
+var MarkdownComponent = class MarkdownComponent {
+	sanitizer = inject(DomSanitizer);
+	instanceId = ++markdownInstances;
+	http = inject(HttpClient);
+	host = inject(ElementRef);
+	httpSub;
+	fadeTimer;
+	scrollTimer;
+	mermaidApiPromise;
+	mermaidInitialized = false;
+	mermaidRenderRun = 0;
+	src = input(...ngDevMode ? [void 0, { debugName: "src" }] : /* istanbul ignore next */ []);
+	content = input(...ngDevMode ? [void 0, { debugName: "content" }] : /* istanbul ignore next */ []);
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	linkTarget = input("_self", ...ngDevMode ? [{ debugName: "linkTarget" }] : /* istanbul ignore next */ []);
+	sanitize = input(true, ...ngDevMode ? [{ debugName: "sanitize" }] : /* istanbul ignore next */ []);
+	syntaxHighlight = input(true, ...ngDevMode ? [{ debugName: "syntaxHighlight" }] : /* istanbul ignore next */ []);
+	showHeadingAnchors = input(false, ...ngDevMode ? [{ debugName: "showHeadingAnchors" }] : /* istanbul ignore next */ []);
+	baseUrl = input(...ngDevMode ? [void 0, { debugName: "baseUrl" }] : /* istanbul ignore next */ []);
+	highlightChanges = input(false, ...ngDevMode ? [{ debugName: "highlightChanges" }] : /* istanbul ignore next */ []);
+	previousContent = input(...ngDevMode ? [void 0, { debugName: "previousContent" }] : /* istanbul ignore next */ []);
+	changeHighlightFadeMs = input(...ngDevMode ? [void 0, { debugName: "changeHighlightFadeMs" }] : /* istanbul ignore next */ []);
+	scrollToFirstChange = input(false, ...ngDevMode ? [{ debugName: "scrollToFirstChange" }] : /* istanbul ignore next */ []);
+	changedMarkerLabel = input("(geändert)", ...ngDevMode ? [{ debugName: "changedMarkerLabel" }] : /* istanbul ignore next */ []);
+	changedSummaryOneLabel = input("Abschnitt geändert", ...ngDevMode ? [{ debugName: "changedSummaryOneLabel" }] : /* istanbul ignore next */ []);
+	changedSummaryManyLabel = input("Abschnitte geändert", ...ngDevMode ? [{ debugName: "changedSummaryManyLabel" }] : /* istanbul ignore next */ []);
+	mermaidLoadingLabel = input("Rendering Mermaid diagram...", ...ngDevMode ? [{ debugName: "mermaidLoadingLabel" }] : /* istanbul ignore next */ []);
+	mermaidErrorLabel = input("Mermaid diagram could not be rendered.", ...ngDevMode ? [{ debugName: "mermaidErrorLabel" }] : /* istanbul ignore next */ []);
+	mermaidUnavailableLabel = input("Mermaid runtime is not available.", ...ngDevMode ? [{ debugName: "mermaidUnavailableLabel" }] : /* istanbul ignore next */ []);
+	linkClick = output();
+	rendered = output();
+	changesHighlighted = output();
+	resolvedMarkdown = signal("", ...ngDevMode ? [{ debugName: "resolvedMarkdown" }] : /* istanbul ignore next */ []);
+	parsed = computed(() => {
+		const md = this.resolvedMarkdown();
+		if (!md) return {
+			html: "",
+			blocks: [],
+			headings: []
+		};
+		return this.parseMarkdown(md);
+	}, ...ngDevMode ? [{ debugName: "parsed" }] : /* istanbul ignore next */ []);
+	highlightResult = computed(() => {
+		const { html } = this.parsed();
+		const prev = this.previousContent();
+		if (!html || !this.highlightChanges() || prev == null || prev === this.resolvedMarkdown()) return {
+			html,
+			count: 0
+		};
+		return this.applyChangeHighlights(html, prev);
+	}, ...ngDevMode ? [{ debugName: "highlightResult" }] : /* istanbul ignore next */ []);
+	changedCount = computed(() => this.highlightResult().count, ...ngDevMode ? [{ debugName: "changedCount" }] : /* istanbul ignore next */ []);
+	changeSummary = computed(() => {
+		const n = this.changedCount();
+		if (n <= 0) return "";
+		return `${n} ${n === 1 ? this.changedSummaryOneLabel() : this.changedSummaryManyLabel()}`;
+	}, ...ngDevMode ? [{ debugName: "changeSummary" }] : /* istanbul ignore next */ []);
+	highlightsFaded = signal(false, ...ngDevMode ? [{ debugName: "highlightsFaded" }] : /* istanbul ignore next */ []);
+	renderParts = computed(() => {
+		const html = this.highlightResult().html;
+		const { blocks } = this.parsed();
+		if (!html) return [];
+		if (this.syntaxHighlight() && blocks.length > 0) return this.splitIntoParts(html, blocks);
+		return [{
+			type: "html",
+			index: 0,
+			safeHtml: this.sanitizer.bypassSecurityTrustHtml(this.sanitizeHtml(html, { next: 0 }))
+		}];
+	}, ...ngDevMode ? [{ debugName: "renderParts" }] : /* istanbul ignore next */ []);
+	sanitizeHtml(html, cursor) {
+		const headings = this.headings();
+		if (!this.sanitize()) {
+			cursor.next += (html.match(/<h[1-6]\b/g) ?? []).length;
+			return html;
+		}
+		return (this.sanitizer.sanitize(SecurityContext.HTML, html) || "").replace(/<h([1-6])(\s[^>]*)?>/g, (tag, level, attrs = "") => {
+			const heading = headings[cursor.next++];
+			if (!heading || /\sid=/.test(attrs)) return tag;
+			return `<h${level} id="${heading.id}"${attrs}>`;
+		});
+	}
+	containerClasses = computed(() => {
+		let classes = `lc-markdown lc-markdown--${this.variant()}`;
+		if (this.highlightsFaded()) classes += " lc-markdown--faded";
+		return classes;
+	}, ...ngDevMode ? [{ debugName: "containerClasses" }] : /* istanbul ignore next */ []);
+	mermaidSvgs = signal({}, ...ngDevMode ? [{ debugName: "mermaidSvgs" }] : /* istanbul ignore next */ []);
+	mermaidErrors = signal({}, ...ngDevMode ? [{ debugName: "mermaidErrors" }] : /* istanbul ignore next */ []);
+	headings = computed(() => this.parsed().headings, ...ngDevMode ? [{ debugName: "headings" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const src = this.src();
+			if (src) this.loadFromUrl(src);
+		});
+		effect(() => {
+			const content = this.content();
+			if (content !== void 0) this.resolvedMarkdown.set(content);
+		});
+		effect(() => {
+			const h = this.headings();
+			untracked(() => this.rendered.emit({ headings: h }));
+		});
+		effect(() => {
+			this.renderMermaidParts(this.renderParts());
+		});
+		effect(() => {
+			const count = this.highlightResult().count;
+			untracked(() => this.onHighlightResult(count));
+		});
+	}
+	ngOnDestroy() {
+		this.httpSub?.unsubscribe();
+		clearTimeout(this.fadeTimer);
+		clearTimeout(this.scrollTimer);
+	}
+	onLinkClick(event) {
+		const anchor = event.target.closest("a");
+		if (anchor) this.linkClick.emit({
+			href: anchor.href,
+			event
+		});
+	}
+	onHighlightResult(count) {
+		clearTimeout(this.fadeTimer);
+		clearTimeout(this.scrollTimer);
+		this.highlightsFaded.set(false);
+		if (count <= 0) return;
+		this.changesHighlighted.emit({ changedBlocks: count });
+		const fadeMs = this.changeHighlightFadeMs();
+		if (fadeMs && fadeMs > 0) this.fadeTimer = setTimeout(() => this.highlightsFaded.set(true), fadeMs);
+		if (this.scrollToFirstChange()) this.scrollTimer = setTimeout(() => this.scrollToFirstChanged(), 0);
+	}
+	scrollToFirstChanged() {
+		if (typeof document === "undefined") return;
+		this.host.nativeElement.querySelector(".lc-markdown__block--changed")?.scrollIntoView({
+			behavior: "smooth",
+			block: "nearest"
+		});
+	}
+	applyChangeHighlights(html, prevMarkdown) {
+		if (typeof document === "undefined") return {
+			html,
+			count: 0
+		};
+		const prevKeys = this.collectBlockKeys(this.parseMarkdown(prevMarkdown).html);
+		const root = this.htmlToElement(html);
+		if (!root) return {
+			html,
+			count: 0
+		};
+		let count = 0;
+		const markIfChanged = (el) => {
+			const key = this.blockTextKey(el.textContent ?? "");
+			if (!key || prevKeys.has(key)) return;
+			el.classList.add("lc-markdown__block--changed");
+			const sr = document.createElement("span");
+			sr.className = "lc-markdown__sr-only";
+			sr.textContent = `${this.changedMarkerLabel()} `;
+			el.insertBefore(sr, el.firstChild);
+			count++;
+		};
+		this.eachLogicalBlock(root, markIfChanged);
+		return {
+			html: root.innerHTML,
+			count
+		};
+	}
+	collectBlockKeys(html) {
+		const keys = /* @__PURE__ */ new Set();
+		const root = this.htmlToElement(html);
+		if (!root) return keys;
+		this.eachLogicalBlock(root, (el) => {
+			const key = this.blockTextKey(el.textContent ?? "");
+			if (key) keys.add(key);
+		});
+		return keys;
+	}
+	eachLogicalBlock(root, visit) {
+		for (const node of Array.from(root.childNodes)) {
+			if (node.nodeType !== 1) continue;
+			const el = node;
+			const tag = el.tagName;
+			if (tag === "UL" || tag === "OL") {
+				for (const li of Array.from(el.children)) if (li.tagName === "LI") visit(li);
+			} else if (tag === "TABLE" || el.querySelector("table")) for (const tr of Array.from(el.querySelectorAll("tr"))) visit(tr);
+			else visit(el);
+		}
+	}
+	blockTextKey(text) {
+		return text.replace(/\s+/g, " ").trim().toLowerCase();
+	}
+	htmlToElement(html) {
+		if (typeof document === "undefined") return null;
+		const div = document.createElement("div");
+		div.innerHTML = html;
+		return div;
+	}
+	loadFromUrl(url) {
+		this.httpSub?.unsubscribe();
+		this.httpSub = this.http.get(url, { responseType: "text" }).subscribe({
+			next: (text) => this.resolvedMarkdown.set(text),
+			error: () => this.resolvedMarkdown.set(`*Failed to load ${url}*`)
+		});
+	}
+	splitIntoParts(html, blocks) {
+		const parts = [];
+		const regex = new RegExp(BLOCK_PLACEHOLDER.source, "g");
+		const cursor = { next: 0 };
+		let lastIndex = 0;
+		let partIndex = 0;
+		let match;
+		while ((match = regex.exec(html)) !== null) {
+			const before = html.slice(lastIndex, match.index);
+			if (before.trim()) parts.push({
+				type: "html",
+				index: partIndex++,
+				safeHtml: this.sanitizer.bypassSecurityTrustHtml(this.sanitizeHtml(before, cursor))
+			});
+			const block = blocks[parseInt(match[1], 10)];
+			lastIndex = match.index + match[0].length;
+			if (!block) continue;
+			if (block.kind === "mermaid") parts.push({
+				type: "mermaid",
+				index: partIndex++,
+				code: block.code
+			});
+			else parts.push({
+				type: "code",
+				index: partIndex++,
+				code: block.code,
+				lang: block.lang
+			});
+		}
+		const remaining = html.slice(lastIndex);
+		if (remaining.trim()) parts.push({
+			type: "html",
+			index: partIndex++,
+			safeHtml: this.sanitizer.bypassSecurityTrustHtml(this.sanitizeHtml(remaining, cursor))
+		});
+		return parts;
+	}
+	parseMarkdown(md) {
+		const blocks = [];
+		const headings = [];
+		const baseUrl = this.baseUrl();
+		const linkTarget = this.linkTarget();
+		const showAnchors = this.showHeadingAnchors();
+		let processed = md.replace(/\u0000/g, "").replace(/```(\w*)\n([\s\S]*?)```/g, (_match, lang, code) => {
+			const idx = blocks.length;
+			const normalizedLang = (lang || "text").toLowerCase();
+			blocks.push({
+				kind: normalizedLang === "mermaid" ? "mermaid" : "code",
+				lang: normalizedLang,
+				code: code.trimEnd()
+			});
+			return blockPlaceholder(idx);
+		});
+		processed = this.escapeHtml(processed);
+		processed = processed.replace(/^(#{1,6})\s+(.+)$/gm, (_match, hashes, text) => {
+			const level = hashes.length;
+			const id = text.toLowerCase().replace(/[^\w\s-]/g, "").replace(/\s+/g, "-");
+			headings.push({
+				level,
+				text,
+				id
+			});
+			return `<h${level} id="${id}">${showAnchors ? `<a href="#${id}" class="lc-markdown__anchor" aria-hidden="true">#</a>` : ""}${text}</h${level}>`;
+		});
+		processed = processed.replace(/^---+$/gm, "<hr>");
+		processed = processed.replace(/^(?:&gt;)\s?(.*)$/gm, "<blockquote>$1</blockquote>");
+		processed = processed.replace(/<\/blockquote>\n<blockquote>/g, "\n");
+		processed = this.parseTables(processed);
+		processed = processed.replace(/^[-*]\s+\[[xX]\]\s+(.*)$/gm, "<li class=\"lc-markdown__task-item\"><span class=\"lc-markdown__checkbox lc-markdown__checkbox--checked\" role=\"checkbox\" aria-checked=\"true\" aria-disabled=\"true\"></span><span class=\"lc-markdown__task-label\">$1</span></li>");
+		processed = processed.replace(/^[-*]\s+\[ \]\s+(.*)$/gm, "<li class=\"lc-markdown__task-item\"><span class=\"lc-markdown__checkbox\" role=\"checkbox\" aria-checked=\"false\" aria-disabled=\"true\"></span><span class=\"lc-markdown__task-label\">$1</span></li>");
+		processed = processed.replace(/^[-*]\s+(.*)$/gm, "<li>$1</li>");
+		processed = processed.replace(/((?:<li[^>]*>.*<\/li>\n?)+)/g, "<ul>$1</ul>");
+		processed = processed.replace(/^\d+\.\s+(.*)$/gm, "<li data-ol>$1</li>");
+		processed = processed.replace(/((?:<li data-ol>.*<\/li>\n?)+)/g, (run) => `<ol>${run.replace(/ data-ol/g, "")}</ol>`);
+		processed = processed.replace(/`([^`]+)`/g, "<code>$1</code>");
+		processed = processed.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>");
+		processed = processed.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
+		processed = processed.replace(/\*(.+?)\*/g, "<em>$1</em>");
+		processed = processed.replace(/~~(.+?)~~/g, "<del>$1</del>");
+		processed = processed.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, (_match, alt, src) => {
+			if (!isSafeImageUrl(src)) return alt;
+			return `<img src="${baseUrl && !src.startsWith("http") ? `${baseUrl}/${src}` : src}" alt="${alt}" class="lc-markdown__img">`;
+		});
+		processed = processed.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_match, text, href) => {
+			if (!isSafeLinkUrl(href)) return text;
+			return `<a href="${baseUrl && !href.startsWith("http") && !href.startsWith("#") ? `${baseUrl}/${href}` : href}" target="${linkTarget}" rel="noopener">${text}</a>`;
+		});
+		processed = this.autolink(processed, linkTarget);
+		processed = processed.split("\n\n").map((block) => {
+			const trimmed = block.trim();
+			if (!trimmed) return "";
+			if (trimmed.startsWith("<h") || trimmed.startsWith("<ul") || trimmed.startsWith("<ol") || trimmed.startsWith("<blockquote") || trimmed.startsWith("<hr") || trimmed.startsWith("<table") || trimmed.startsWith("<div") || trimmed.startsWith(BLOCK_MARK)) return trimmed;
+			return `<p>${trimmed.replace(/\n/g, "<br>")}</p>`;
+		}).join("\n");
+		if (this.syntaxHighlight()) {} else processed = processed.replace(new RegExp(BLOCK_PLACEHOLDER.source, "g"), (_match, idx) => {
+			const block = blocks[parseInt(idx, 10)];
+			if (!block) return "";
+			return `<pre><code class="language-${block.lang}">${this.escapeHtml(block.code)}</code></pre>`;
+		});
+		return {
+			html: processed,
+			blocks,
+			headings
+		};
+	}
+	parseTables(text) {
+		return text.replace(/^(\|.+\|)\n(\|[-| :]+\|)\n((?:\|.+\|\n?)*)/gm, (_match, header, separator, body) => {
+			const aligns = this.splitTableRow(separator).map((cell) => {
+				const left = cell.startsWith(":");
+				const right = cell.endsWith(":");
+				if (left && right) return "center";
+				if (right) return "right";
+				if (left) return "left";
+				return "";
+			});
+			const alignClass = (col) => aligns[col] ? ` class="lc-markdown__cell--${aligns[col]}"` : "";
+			return `<div class="lc-markdown__table-wrap"><table class="lc-markdown__table"><thead><tr>${this.splitTableRow(header).map((cell, i) => `<th scope="col"${alignClass(i)}>${cell.trim()}</th>`).join("")}</tr></thead><tbody>${body.trim().split("\n").map((row) => {
+				return `<tr>${this.splitTableRow(row).map((cell, i) => `<td${alignClass(i)}>${cell.trim()}</td>`).join("")}</tr>`;
+			}).join("")}</tbody></table></div>`;
+		});
+	}
+	splitTableRow(row) {
+		return row.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((cell) => cell.trim());
+	}
+	escapeHtml(text) {
+		return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+	}
+	autolink(html, linkTarget) {
+		const pattern = new RegExp(`${/(?:https?:\/\/|www\.)[^\s<]*[^\s<.,:;!?)\]}'"]/.source}|${/[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}/.source}`, "g");
+		let depth = 0;
+		return html.split(/(<[^>]+>)/g).map((segment) => {
+			if (segment.startsWith("<")) {
+				if (/^<(a|code)[\s>]/i.test(segment)) depth++;
+				else if (/^<\/(a|code)>/i.test(segment)) depth = Math.max(0, depth - 1);
+				return segment;
+			}
+			if (depth > 0 || !segment) return segment;
+			return segment.replace(pattern, (token) => {
+				return `<a href="${token.includes("@") && !/^(?:https?:\/\/|www\.)/.test(token) ? `mailto:${token}` : token.startsWith("www.") ? `https://${token}` : token}" target="${linkTarget}" rel="noopener">${token}</a>`;
+			});
+		}).join("");
+	}
+	mermaidSvgFor(index) {
+		return this.mermaidSvgs()[index] ?? null;
+	}
+	mermaidErrorFor(index) {
+		return this.mermaidErrors()[index] ?? null;
+	}
+	async renderMermaidParts(parts) {
+		const mermaidParts = parts.filter((part) => part.type === "mermaid" && !!part.code);
+		this.mermaidSvgs.set({});
+		this.mermaidErrors.set({});
+		if (mermaidParts.length === 0) return;
+		const runId = ++this.mermaidRenderRun;
+		try {
+			const mermaidApi = await this.getMermaidApi();
+			if (runId !== this.mermaidRenderRun) return;
+			const nextSvgs = {};
+			const nextErrors = {};
+			for (const part of mermaidParts) try {
+				const renderId = `lc-md-mermaid-${this.instanceId}-${runId}-${part.index}`;
+				const { svg } = await mermaidApi.render(renderId, part.code);
+				if (runId !== this.mermaidRenderRun) return;
+				nextSvgs[part.index] = this.sanitizer.bypassSecurityTrustHtml(svg);
+			} catch {
+				nextErrors[part.index] = this.mermaidErrorLabel();
+			}
+			if (runId !== this.mermaidRenderRun) return;
+			this.mermaidSvgs.set(nextSvgs);
+			this.mermaidErrors.set(nextErrors);
+		} catch {
+			if (runId !== this.mermaidRenderRun) return;
+			const fallbackErrors = {};
+			for (const part of mermaidParts) fallbackErrors[part.index] = this.mermaidUnavailableLabel();
+			this.mermaidErrors.set(fallbackErrors);
+		}
+	}
+	async getMermaidApi() {
+		if (!this.mermaidApiPromise) this.mermaidApiPromise = import("mermaid").then((module) => {
+			const api = module.default ?? module;
+			if (!this.mermaidInitialized) {
+				api.initialize({
+					startOnLoad: false,
+					securityLevel: "strict"
+				});
+				this.mermaidInitialized = true;
+			}
+			return api;
+		});
+		return this.mermaidApiPromise;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: MarkdownComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: MarkdownComponent,
+		isStandalone: true,
+		selector: "lc-markdown",
+		inputs: {
+			src: {
+				classPropertyName: "src",
+				publicName: "src",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			content: {
+				classPropertyName: "content",
+				publicName: "content",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			linkTarget: {
+				classPropertyName: "linkTarget",
+				publicName: "linkTarget",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sanitize: {
+				classPropertyName: "sanitize",
+				publicName: "sanitize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			syntaxHighlight: {
+				classPropertyName: "syntaxHighlight",
+				publicName: "syntaxHighlight",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showHeadingAnchors: {
+				classPropertyName: "showHeadingAnchors",
+				publicName: "showHeadingAnchors",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			baseUrl: {
+				classPropertyName: "baseUrl",
+				publicName: "baseUrl",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			highlightChanges: {
+				classPropertyName: "highlightChanges",
+				publicName: "highlightChanges",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			previousContent: {
+				classPropertyName: "previousContent",
+				publicName: "previousContent",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			changeHighlightFadeMs: {
+				classPropertyName: "changeHighlightFadeMs",
+				publicName: "changeHighlightFadeMs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			scrollToFirstChange: {
+				classPropertyName: "scrollToFirstChange",
+				publicName: "scrollToFirstChange",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			changedMarkerLabel: {
+				classPropertyName: "changedMarkerLabel",
+				publicName: "changedMarkerLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			changedSummaryOneLabel: {
+				classPropertyName: "changedSummaryOneLabel",
+				publicName: "changedSummaryOneLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			changedSummaryManyLabel: {
+				classPropertyName: "changedSummaryManyLabel",
+				publicName: "changedSummaryManyLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			mermaidLoadingLabel: {
+				classPropertyName: "mermaidLoadingLabel",
+				publicName: "mermaidLoadingLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			mermaidErrorLabel: {
+				classPropertyName: "mermaidErrorLabel",
+				publicName: "mermaidErrorLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			mermaidUnavailableLabel: {
+				classPropertyName: "mermaidUnavailableLabel",
+				publicName: "mermaidUnavailableLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			linkClick: "linkClick",
+			rendered: "rendered",
+			changesHighlighted: "changesHighlighted"
+		},
+		ngImport: i0,
+		template: "<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- delegated handler for clicks on rendered links, which are focusable anchors -->\n<div [class]=\"containerClasses()\" (click)=\"onLinkClick($event)\">\n  @if (highlightChanges()) {\n    <div class=\"lc-markdown__sr-only\" role=\"status\" aria-live=\"polite\">{{ changeSummary() }}</div>\n  }\n  @for (part of renderParts(); track part.index) {\n    @if (part.type === 'html') {\n      <div [innerHTML]=\"part.safeHtml\"></div>\n    } @else if (part.type === 'code') {\n      <lc-code-block\n        [code]=\"part.code!\"\n        [language]=\"part.lang ?? 'text'\"\n        [showLineNumbers]=\"true\"\n        [showCopy]=\"true\"\n      />\n    } @else {\n      @if (mermaidSvgFor(part.index); as svg) {\n        <div class=\"lc-markdown__mermaid\" [innerHTML]=\"svg\"></div>\n      } @else if (mermaidErrorFor(part.index); as errorMessage) {\n        <div class=\"lc-markdown__mermaid-fallback\">\n          <p class=\"lc-markdown__mermaid-error\">{{ errorMessage }}</p>\n          <lc-code-block\n            [code]=\"part.code!\"\n            [language]=\"'text'\"\n            [showLineNumbers]=\"true\"\n            [showCopy]=\"true\"\n          />\n        </div>\n      } @else {\n        <div class=\"lc-markdown__mermaid-loading\">{{ mermaidLoadingLabel() }}</div>\n      }\n    }\n  }\n</div>\n",
+		styles: [".lc-markdown{color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base, 1rem);line-height:var(--line-height-relaxed, 1.75);hyphens:var(--lc-markdown-hyphens, auto);overflow-wrap:var(--lc-markdown-overflow-wrap, anywhere)}.lc-markdown h1,.lc-markdown h2,.lc-markdown h3,.lc-markdown h4,.lc-markdown h5,.lc-markdown h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold, 600);line-height:var(--line-height-tight, 1.25);margin:1.5em 0 .5em}.lc-markdown h1:first-child,.lc-markdown h2:first-child,.lc-markdown h3:first-child,.lc-markdown h4:first-child,.lc-markdown h5:first-child,.lc-markdown h6:first-child{margin-top:0}.lc-markdown h1{font-size:var(--lc-markdown-h1, 2rem)}.lc-markdown h2{font-size:var(--lc-markdown-h2, 1.5rem)}.lc-markdown h3{font-size:var(--lc-markdown-h3, 1.25rem)}.lc-markdown h4{font-size:var(--lc-markdown-h4, 1.125rem)}.lc-markdown h5{font-size:var(--lc-markdown-h5, 1rem)}.lc-markdown h6{font-size:var(--lc-markdown-h6, .875rem)}.lc-markdown p{margin:0 0 1em}.lc-markdown a{color:var(--lc-markdown-link-color, var(--color-link, #1a6a79));text-decoration:var(--lc-markdown-link-decoration, underline);hyphens:none;text-decoration-thickness:1px;text-underline-offset:.18em}.lc-markdown a:hover{color:var(--lc-markdown-link-hover-color, var(--color-link-hover, #144f5b));text-decoration-line:underline;text-decoration-thickness:2px}.lc-markdown a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:2px}.lc-markdown strong{font-weight:var(--font-weight-semibold, 600)}.lc-markdown code{background-color:var(--color-surface-hover);color:var(--color-text-primary);padding:.125em .375em;border-radius:var(--border-radius-sm, .25rem);font-family:var(--font-family-mono, monospace);font-size:.875em;hyphens:none}.lc-markdown pre{margin:1em 0;overflow-x:auto;hyphens:none;overflow-wrap:normal}.lc-markdown pre code{background:none;padding:0;border-radius:0}.lc-markdown blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--color-primary-300, #93c5fd);background-color:var(--color-surface-2);color:var(--color-text-secondary, #4b5563)}.lc-markdown blockquote p{margin:0}.lc-markdown ul,.lc-markdown ol{margin:0 0 1em;padding-left:1.5em}.lc-markdown ul{list-style:disc}.lc-markdown ol{list-style:decimal}.lc-markdown li{margin:.25em 0}.lc-markdown hr{border:none;border-top:1px solid var(--color-divider, #e5e7eb);margin:1.5em 0}.lc-markdown img{max-width:100%;height:auto;border-radius:var(--border-radius-md, .375rem)}.lc-markdown del{text-decoration:line-through;color:var(--color-text-secondary, #6b7280)}.lc-markdown em{font-style:italic}.lc-markdown__table-wrap{margin:1em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;hyphens:manual;overflow-wrap:break-word}.lc-markdown__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm, .875rem)}.lc-markdown__table th,.lc-markdown__table td{padding:.5rem .75rem;border:1px solid var(--color-divider, #e5e7eb);text-align:left}.lc-markdown__table th{background-color:var(--color-surface-2);font-weight:var(--font-weight-semibold, 600)}.lc-markdown__table tr:hover td{background-color:var(--color-surface-2)}.lc-markdown__cell--left{text-align:left}.lc-markdown__cell--center{text-align:center}.lc-markdown__cell--right{text-align:right}.lc-markdown__task-item{list-style:none;display:flex;align-items:flex-start;gap:.5em}.lc-markdown__checkbox{flex:0 0 auto;box-sizing:border-box;width:1.05em;height:1.05em;margin-top:.18em;border:1.5px solid var(--color-border-strong, var(--color-border));border-radius:3px;background-color:var(--color-surface);position:relative}.lc-markdown__checkbox--checked{background-color:var(--color-primary);border-color:var(--color-primary)}.lc-markdown__checkbox--checked:after{content:\"\";position:absolute;left:.32em;top:.12em;width:.28em;height:.55em;border:solid var(--color-on-primary, #fff);border-width:0 2px 2px 0;transform:rotate(45deg)}.lc-markdown__task-label{flex:1 1 auto;min-width:0}.lc-markdown .lc-markdown__anchor{color:var(--color-text-tertiary);text-decoration:none;margin-right:.25em;opacity:0;transition:opacity .15s ease}h1:hover .lc-markdown__anchor,h2:hover .lc-markdown__anchor,h3:hover .lc-markdown__anchor,h4:hover .lc-markdown__anchor,h5:hover .lc-markdown__anchor,h6:hover .lc-markdown__anchor{opacity:1}.lc-markdown lc-code-block{display:block;margin:1em 0;hyphens:none;overflow-wrap:normal}.lc-markdown lc-code-block code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}.lc-markdown__mermaid{margin:1em 0;padding:.75rem;border:1px solid var(--color-divider, #e5e7eb);border-radius:var(--border-radius-md, .375rem);background:var(--color-surface, #ffffff);overflow-x:auto}.lc-markdown__mermaid svg{display:block;margin:0 auto;max-width:100%;height:auto}.lc-markdown__mermaid-loading{margin:1em 0;padding:.75rem;border:1px dashed var(--color-divider, #e5e7eb);border-radius:var(--border-radius-md, .375rem);color:var(--color-text-secondary, #6b7280);font-size:var(--font-size-sm, .875rem)}.lc-markdown__mermaid-fallback{margin:1em 0}.lc-markdown__mermaid-error{margin:0 0 .5rem;color:var(--color-error);font-size:var(--font-size-sm, .875rem)}.lc-markdown--compact{font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-normal, 1.5)}.lc-markdown--compact h1{font-size:1.5rem}.lc-markdown--compact h2{font-size:1.25rem}.lc-markdown--compact h3{font-size:1.125rem}.lc-markdown--compact h4{font-size:1rem}.lc-markdown--compact h5,.lc-markdown--compact h6{font-size:.875rem}.lc-markdown--compact h1,.lc-markdown--compact h2,.lc-markdown--compact h3,.lc-markdown--compact h4,.lc-markdown--compact h5,.lc-markdown--compact h6{margin:1em 0 .25em}.lc-markdown--compact p{margin:0 0 .5em}.lc-markdown--compact blockquote{margin:.5em 0;padding:.25em .75em}.lc-markdown--compact ul,.lc-markdown--compact ol{margin:0 0 .5em}.lc-markdown--chat{font-size:inherit;line-height:1.4}.lc-markdown--chat p,.lc-markdown--chat ul,.lc-markdown--chat ol,.lc-markdown--chat pre,.lc-markdown--chat blockquote,.lc-markdown--chat table{margin:0 0 6px}.lc-markdown--chat h1,.lc-markdown--chat h2,.lc-markdown--chat h3,.lc-markdown--chat h4,.lc-markdown--chat h5,.lc-markdown--chat h6{margin:8px 0 4px;line-height:1.25}.lc-markdown--chat h1{font-size:1.25rem}.lc-markdown--chat h2{font-size:1.125rem}.lc-markdown--chat h3{font-size:1rem}.lc-markdown--chat h4,.lc-markdown--chat h5,.lc-markdown--chat h6{font-size:.9375rem}.lc-markdown--chat li{margin:0;line-height:1.4}.lc-markdown--chat ul,.lc-markdown--chat ol{padding-left:1.25em}.lc-markdown--chat blockquote{padding:.25em .75em}.lc-markdown--chat lc-code-block{margin:6px 0}.lc-markdown--chat hr{margin:8px 0}.lc-markdown--chat .lc-markdown__mermaid,.lc-markdown--chat .lc-markdown__mermaid-loading,.lc-markdown--chat .lc-markdown__mermaid-fallback{margin:6px 0}.lc-markdown--chat>*:first-child{margin-top:0}.lc-markdown--chat>*:last-child{margin-bottom:0}.lc-markdown__block--changed{position:relative;padding:.4rem .875rem;border-radius:0 6px 6px 0;background-color:color-mix(in srgb,var(--color-primary) 13%,var(--color-surface));transition:background-color .42s ease,padding .42s ease}.lc-markdown__block--changed:before{content:\"\";position:absolute;inset-block:0;left:0;width:3px;border-radius:0 3px 3px 0;background-color:var(--color-primary);transition:opacity .42s ease}.lc-markdown--faded .lc-markdown__block--changed{padding:0;background-color:transparent}.lc-markdown--faded .lc-markdown__block--changed:before{opacity:0}.lc-markdown__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"],
+		dependencies: [{
+			kind: "component",
+			type: CodeBlockComponent,
+			selector: "lc-code-block",
+			inputs: [
+				"code",
+				"language",
+				"filename",
+				"showLineNumbers",
+				"showCopy",
+				"showHeader",
+				"copyLabel",
+				"copyAriaLabel",
+				"copiedLabel",
+				"copiedAnnouncement"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: MarkdownComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-markdown",
+			standalone: true,
+			imports: [CodeBlockComponent],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			template: "<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- delegated handler for clicks on rendered links, which are focusable anchors -->\n<div [class]=\"containerClasses()\" (click)=\"onLinkClick($event)\">\n  @if (highlightChanges()) {\n    <div class=\"lc-markdown__sr-only\" role=\"status\" aria-live=\"polite\">{{ changeSummary() }}</div>\n  }\n  @for (part of renderParts(); track part.index) {\n    @if (part.type === 'html') {\n      <div [innerHTML]=\"part.safeHtml\"></div>\n    } @else if (part.type === 'code') {\n      <lc-code-block\n        [code]=\"part.code!\"\n        [language]=\"part.lang ?? 'text'\"\n        [showLineNumbers]=\"true\"\n        [showCopy]=\"true\"\n      />\n    } @else {\n      @if (mermaidSvgFor(part.index); as svg) {\n        <div class=\"lc-markdown__mermaid\" [innerHTML]=\"svg\"></div>\n      } @else if (mermaidErrorFor(part.index); as errorMessage) {\n        <div class=\"lc-markdown__mermaid-fallback\">\n          <p class=\"lc-markdown__mermaid-error\">{{ errorMessage }}</p>\n          <lc-code-block\n            [code]=\"part.code!\"\n            [language]=\"'text'\"\n            [showLineNumbers]=\"true\"\n            [showCopy]=\"true\"\n          />\n        </div>\n      } @else {\n        <div class=\"lc-markdown__mermaid-loading\">{{ mermaidLoadingLabel() }}</div>\n      }\n    }\n  }\n</div>\n",
+			styles: [".lc-markdown{color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base, 1rem);line-height:var(--line-height-relaxed, 1.75);hyphens:var(--lc-markdown-hyphens, auto);overflow-wrap:var(--lc-markdown-overflow-wrap, anywhere)}.lc-markdown h1,.lc-markdown h2,.lc-markdown h3,.lc-markdown h4,.lc-markdown h5,.lc-markdown h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold, 600);line-height:var(--line-height-tight, 1.25);margin:1.5em 0 .5em}.lc-markdown h1:first-child,.lc-markdown h2:first-child,.lc-markdown h3:first-child,.lc-markdown h4:first-child,.lc-markdown h5:first-child,.lc-markdown h6:first-child{margin-top:0}.lc-markdown h1{font-size:var(--lc-markdown-h1, 2rem)}.lc-markdown h2{font-size:var(--lc-markdown-h2, 1.5rem)}.lc-markdown h3{font-size:var(--lc-markdown-h3, 1.25rem)}.lc-markdown h4{font-size:var(--lc-markdown-h4, 1.125rem)}.lc-markdown h5{font-size:var(--lc-markdown-h5, 1rem)}.lc-markdown h6{font-size:var(--lc-markdown-h6, .875rem)}.lc-markdown p{margin:0 0 1em}.lc-markdown a{color:var(--lc-markdown-link-color, var(--color-link, #1a6a79));text-decoration:var(--lc-markdown-link-decoration, underline);hyphens:none;text-decoration-thickness:1px;text-underline-offset:.18em}.lc-markdown a:hover{color:var(--lc-markdown-link-hover-color, var(--color-link-hover, #144f5b));text-decoration-line:underline;text-decoration-thickness:2px}.lc-markdown a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:2px}.lc-markdown strong{font-weight:var(--font-weight-semibold, 600)}.lc-markdown code{background-color:var(--color-surface-hover);color:var(--color-text-primary);padding:.125em .375em;border-radius:var(--border-radius-sm, .25rem);font-family:var(--font-family-mono, monospace);font-size:.875em;hyphens:none}.lc-markdown pre{margin:1em 0;overflow-x:auto;hyphens:none;overflow-wrap:normal}.lc-markdown pre code{background:none;padding:0;border-radius:0}.lc-markdown blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--color-primary-300, #93c5fd);background-color:var(--color-surface-2);color:var(--color-text-secondary, #4b5563)}.lc-markdown blockquote p{margin:0}.lc-markdown ul,.lc-markdown ol{margin:0 0 1em;padding-left:1.5em}.lc-markdown ul{list-style:disc}.lc-markdown ol{list-style:decimal}.lc-markdown li{margin:.25em 0}.lc-markdown hr{border:none;border-top:1px solid var(--color-divider, #e5e7eb);margin:1.5em 0}.lc-markdown img{max-width:100%;height:auto;border-radius:var(--border-radius-md, .375rem)}.lc-markdown del{text-decoration:line-through;color:var(--color-text-secondary, #6b7280)}.lc-markdown em{font-style:italic}.lc-markdown__table-wrap{margin:1em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;hyphens:manual;overflow-wrap:break-word}.lc-markdown__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm, .875rem)}.lc-markdown__table th,.lc-markdown__table td{padding:.5rem .75rem;border:1px solid var(--color-divider, #e5e7eb);text-align:left}.lc-markdown__table th{background-color:var(--color-surface-2);font-weight:var(--font-weight-semibold, 600)}.lc-markdown__table tr:hover td{background-color:var(--color-surface-2)}.lc-markdown__cell--left{text-align:left}.lc-markdown__cell--center{text-align:center}.lc-markdown__cell--right{text-align:right}.lc-markdown__task-item{list-style:none;display:flex;align-items:flex-start;gap:.5em}.lc-markdown__checkbox{flex:0 0 auto;box-sizing:border-box;width:1.05em;height:1.05em;margin-top:.18em;border:1.5px solid var(--color-border-strong, var(--color-border));border-radius:3px;background-color:var(--color-surface);position:relative}.lc-markdown__checkbox--checked{background-color:var(--color-primary);border-color:var(--color-primary)}.lc-markdown__checkbox--checked:after{content:\"\";position:absolute;left:.32em;top:.12em;width:.28em;height:.55em;border:solid var(--color-on-primary, #fff);border-width:0 2px 2px 0;transform:rotate(45deg)}.lc-markdown__task-label{flex:1 1 auto;min-width:0}.lc-markdown .lc-markdown__anchor{color:var(--color-text-tertiary);text-decoration:none;margin-right:.25em;opacity:0;transition:opacity .15s ease}h1:hover .lc-markdown__anchor,h2:hover .lc-markdown__anchor,h3:hover .lc-markdown__anchor,h4:hover .lc-markdown__anchor,h5:hover .lc-markdown__anchor,h6:hover .lc-markdown__anchor{opacity:1}.lc-markdown lc-code-block{display:block;margin:1em 0;hyphens:none;overflow-wrap:normal}.lc-markdown lc-code-block code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}.lc-markdown__mermaid{margin:1em 0;padding:.75rem;border:1px solid var(--color-divider, #e5e7eb);border-radius:var(--border-radius-md, .375rem);background:var(--color-surface, #ffffff);overflow-x:auto}.lc-markdown__mermaid svg{display:block;margin:0 auto;max-width:100%;height:auto}.lc-markdown__mermaid-loading{margin:1em 0;padding:.75rem;border:1px dashed var(--color-divider, #e5e7eb);border-radius:var(--border-radius-md, .375rem);color:var(--color-text-secondary, #6b7280);font-size:var(--font-size-sm, .875rem)}.lc-markdown__mermaid-fallback{margin:1em 0}.lc-markdown__mermaid-error{margin:0 0 .5rem;color:var(--color-error);font-size:var(--font-size-sm, .875rem)}.lc-markdown--compact{font-size:var(--font-size-sm, .875rem);line-height:var(--line-height-normal, 1.5)}.lc-markdown--compact h1{font-size:1.5rem}.lc-markdown--compact h2{font-size:1.25rem}.lc-markdown--compact h3{font-size:1.125rem}.lc-markdown--compact h4{font-size:1rem}.lc-markdown--compact h5,.lc-markdown--compact h6{font-size:.875rem}.lc-markdown--compact h1,.lc-markdown--compact h2,.lc-markdown--compact h3,.lc-markdown--compact h4,.lc-markdown--compact h5,.lc-markdown--compact h6{margin:1em 0 .25em}.lc-markdown--compact p{margin:0 0 .5em}.lc-markdown--compact blockquote{margin:.5em 0;padding:.25em .75em}.lc-markdown--compact ul,.lc-markdown--compact ol{margin:0 0 .5em}.lc-markdown--chat{font-size:inherit;line-height:1.4}.lc-markdown--chat p,.lc-markdown--chat ul,.lc-markdown--chat ol,.lc-markdown--chat pre,.lc-markdown--chat blockquote,.lc-markdown--chat table{margin:0 0 6px}.lc-markdown--chat h1,.lc-markdown--chat h2,.lc-markdown--chat h3,.lc-markdown--chat h4,.lc-markdown--chat h5,.lc-markdown--chat h6{margin:8px 0 4px;line-height:1.25}.lc-markdown--chat h1{font-size:1.25rem}.lc-markdown--chat h2{font-size:1.125rem}.lc-markdown--chat h3{font-size:1rem}.lc-markdown--chat h4,.lc-markdown--chat h5,.lc-markdown--chat h6{font-size:.9375rem}.lc-markdown--chat li{margin:0;line-height:1.4}.lc-markdown--chat ul,.lc-markdown--chat ol{padding-left:1.25em}.lc-markdown--chat blockquote{padding:.25em .75em}.lc-markdown--chat lc-code-block{margin:6px 0}.lc-markdown--chat hr{margin:8px 0}.lc-markdown--chat .lc-markdown__mermaid,.lc-markdown--chat .lc-markdown__mermaid-loading,.lc-markdown--chat .lc-markdown__mermaid-fallback{margin:6px 0}.lc-markdown--chat>*:first-child{margin-top:0}.lc-markdown--chat>*:last-child{margin-bottom:0}.lc-markdown__block--changed{position:relative;padding:.4rem .875rem;border-radius:0 6px 6px 0;background-color:color-mix(in srgb,var(--color-primary) 13%,var(--color-surface));transition:background-color .42s ease,padding .42s ease}.lc-markdown__block--changed:before{content:\"\";position:absolute;inset-block:0;left:0;width:3px;border-radius:0 3px 3px 0;background-color:var(--color-primary);transition:opacity .42s ease}.lc-markdown--faded .lc-markdown__block--changed{padding:0;background-color:transparent}.lc-markdown--faded .lc-markdown__block--changed:before{opacity:0}.lc-markdown__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		src: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "src",
+				required: false
+			}]
+		}],
+		content: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "content",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		linkTarget: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linkTarget",
+				required: false
+			}]
+		}],
+		sanitize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sanitize",
+				required: false
+			}]
+		}],
+		syntaxHighlight: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "syntaxHighlight",
+				required: false
+			}]
+		}],
+		showHeadingAnchors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showHeadingAnchors",
+				required: false
+			}]
+		}],
+		baseUrl: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "baseUrl",
+				required: false
+			}]
+		}],
+		highlightChanges: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "highlightChanges",
+				required: false
+			}]
+		}],
+		previousContent: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "previousContent",
+				required: false
+			}]
+		}],
+		changeHighlightFadeMs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "changeHighlightFadeMs",
+				required: false
+			}]
+		}],
+		scrollToFirstChange: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "scrollToFirstChange",
+				required: false
+			}]
+		}],
+		changedMarkerLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "changedMarkerLabel",
+				required: false
+			}]
+		}],
+		changedSummaryOneLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "changedSummaryOneLabel",
+				required: false
+			}]
+		}],
+		changedSummaryManyLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "changedSummaryManyLabel",
+				required: false
+			}]
+		}],
+		mermaidLoadingLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mermaidLoadingLabel",
+				required: false
+			}]
+		}],
+		mermaidErrorLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mermaidErrorLabel",
+				required: false
+			}]
+		}],
+		mermaidUnavailableLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mermaidUnavailableLabel",
+				required: false
+			}]
+		}],
+		linkClick: [{
+			type: i0.Output,
+			args: ["linkClick"]
+		}],
+		rendered: [{
+			type: i0.Output,
+			args: ["rendered"]
+		}],
+		changesHighlighted: [{
+			type: i0.Output,
+			args: ["changesHighlighted"]
+		}]
+	}
+});
+export { MarkdownComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-markdown.mjs.map