@lifecorner/angular-ui-kit 3.4.1 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-log-viewer.mjs

@@ -0,0 +1,813 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Injector, NgZone, ViewEncapsulation, afterNextRender, computed, effect, inject, input, output, signal, untracked, viewChild } from "@angular/core";
+import { IconComponent } from "@lifecorner/angular-ui-kit/icon";
+const ANSI_CLASSES = {
+	"1": "ansi-bold",
+	"3": "ansi-italic",
+	"30": "ansi-black",
+	"31": "ansi-red",
+	"32": "ansi-green",
+	"33": "ansi-yellow",
+	"34": "ansi-blue",
+	"35": "ansi-magenta",
+	"36": "ansi-cyan",
+	"37": "ansi-white",
+	"90": "ansi-gray",
+	"91": "ansi-bright-red",
+	"92": "ansi-bright-green",
+	"93": "ansi-bright-yellow",
+	"94": "ansi-bright-blue",
+	"95": "ansi-bright-magenta",
+	"96": "ansi-bright-cyan",
+	"97": "ansi-bright-white"
+};
+const DEFAULT_LINE_HEIGHT = 22;
+const AT_BOTTOM_THRESHOLD = 30;
+var LogViewerComponent = class LogViewerComponent {
+	static nextId = 0;
+	searchInputId = `lc-log-viewer-search-${++LogViewerComponent.nextId}`;
+	ngZone = inject(NgZone);
+	injector = inject(Injector);
+	destroyRef = inject(DestroyRef);
+	scrollContainer = viewChild.required("scrollContainer", ...ngDevMode ? [{ debugName: "scrollContainer" }] : /* istanbul ignore next */ []);
+	searchInput = viewChild("searchInput", ...ngDevMode ? [{ debugName: "searchInput" }] : /* istanbul ignore next */ []);
+	streamSub;
+	lines = input([], ...ngDevMode ? [{ debugName: "lines" }] : /* istanbul ignore next */ []);
+	stream$ = input(...ngDevMode ? [void 0, { debugName: "stream$" }] : /* istanbul ignore next */ []);
+	maxLines = input(1e4, ...ngDevMode ? [{ debugName: "maxLines" }] : /* istanbul ignore next */ []);
+	autoScroll = input(true, ...ngDevMode ? [{ debugName: "autoScroll" }] : /* istanbul ignore next */ []);
+	showTimestamps = input(true, ...ngDevMode ? [{ debugName: "showTimestamps" }] : /* istanbul ignore next */ []);
+	showLineNumbers = input(false, ...ngDevMode ? [{ debugName: "showLineNumbers" }] : /* istanbul ignore next */ []);
+	ansiColors = input(true, ...ngDevMode ? [{ debugName: "ansiColors" }] : /* istanbul ignore next */ []);
+	levelFilter = input(...ngDevMode ? [void 0, { debugName: "levelFilter" }] : /* istanbul ignore next */ []);
+	searchQuery = input(...ngDevMode ? [void 0, { debugName: "searchQuery" }] : /* istanbul ignore next */ []);
+	height = input("400px", ...ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []);
+	variant = input("log", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	clickableLines = input(false, ...ngDevMode ? [{ debugName: "clickableLines" }] : /* istanbul ignore next */ []);
+	locale = input("en-US", ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+	pauseLabel = input("Pause", ...ngDevMode ? [{ debugName: "pauseLabel" }] : /* istanbul ignore next */ []);
+	resumeLabel = input("Resume", ...ngDevMode ? [{ debugName: "resumeLabel" }] : /* istanbul ignore next */ []);
+	pauseAriaLabel = input("Pause stream", ...ngDevMode ? [{ debugName: "pauseAriaLabel" }] : /* istanbul ignore next */ []);
+	resumeAriaLabel = input("Resume stream", ...ngDevMode ? [{ debugName: "resumeAriaLabel" }] : /* istanbul ignore next */ []);
+	clearLabel = input("Clear", ...ngDevMode ? [{ debugName: "clearLabel" }] : /* istanbul ignore next */ []);
+	clearAriaLabel = input("Clear log", ...ngDevMode ? [{ debugName: "clearAriaLabel" }] : /* istanbul ignore next */ []);
+	copyLabel = input("Copy all", ...ngDevMode ? [{ debugName: "copyLabel" }] : /* istanbul ignore next */ []);
+	copyAriaLabel = input("Copy all lines", ...ngDevMode ? [{ debugName: "copyAriaLabel" }] : /* istanbul ignore next */ []);
+	searchLabel = input("Search (/)", ...ngDevMode ? [{ debugName: "searchLabel" }] : /* istanbul ignore next */ []);
+	searchAriaLabel = input("Search log", ...ngDevMode ? [{ debugName: "searchAriaLabel" }] : /* istanbul ignore next */ []);
+	searchInputLabel = input("Search logs", ...ngDevMode ? [{ debugName: "searchInputLabel" }] : /* istanbul ignore next */ []);
+	searchPlaceholder = input("Search logs...", ...ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []);
+	errorsLabel = input("errors", ...ngDevMode ? [{ debugName: "errorsLabel" }] : /* istanbul ignore next */ []);
+	warningsLabel = input("warnings", ...ngDevMode ? [{ debugName: "warningsLabel" }] : /* istanbul ignore next */ []);
+	linesLabel = input("lines", ...ngDevMode ? [{ debugName: "linesLabel" }] : /* istanbul ignore next */ []);
+	outputAriaLabel = input("Log output", ...ngDevMode ? [{ debugName: "outputAriaLabel" }] : /* istanbul ignore next */ []);
+	jumpToBottomLabel = input("Jump to bottom", ...ngDevMode ? [{ debugName: "jumpToBottomLabel" }] : /* istanbul ignore next */ []);
+	lineClick = output();
+	copyAll = output();
+	scrollStateChange = output();
+	buffer = signal([], ...ngDevMode ? [{ debugName: "buffer" }] : /* istanbul ignore next */ []);
+	paused = signal(false, ...ngDevMode ? [{ debugName: "paused" }] : /* istanbul ignore next */ []);
+	atBottom = signal(true, ...ngDevMode ? [{ debugName: "atBottom" }] : /* istanbul ignore next */ []);
+	internalSearch = signal("", ...ngDevMode ? [{ debugName: "internalSearch" }] : /* istanbul ignore next */ []);
+	internalLevelFilter = signal(/* @__PURE__ */ new Set(), ...ngDevMode ? [{ debugName: "internalLevelFilter" }] : /* istanbul ignore next */ []);
+	showSearch = signal(false, ...ngDevMode ? [{ debugName: "showSearch" }] : /* istanbul ignore next */ []);
+	effectiveSearch = computed(() => {
+		return this.searchQuery() || this.internalSearch();
+	}, ...ngDevMode ? [{ debugName: "effectiveSearch" }] : /* istanbul ignore next */ []);
+	filteredLines = computed(() => {
+		let lines = this.buffer();
+		const levels = this.levelFilter();
+		const internalFilter = this.internalLevelFilter();
+		if (levels?.length) lines = lines.filter((l) => l.level && levels.includes(l.level));
+		else if (internalFilter.size > 0) lines = lines.filter((l) => l.level && internalFilter.has(l.level));
+		return lines;
+	}, ...ngDevMode ? [{ debugName: "filteredLines" }] : /* istanbul ignore next */ []);
+	scrollTop = signal(0, ...ngDevMode ? [{ debugName: "scrollTop" }] : /* istanbul ignore next */ []);
+	viewportHeight = signal(0, ...ngDevMode ? [{ debugName: "viewportHeight" }] : /* istanbul ignore next */ []);
+	lineHeight = signal(DEFAULT_LINE_HEIGHT, ...ngDevMode ? [{ debugName: "lineHeight" }] : /* istanbul ignore next */ []);
+	visibleRange = computed(() => {
+		const lineHeight = this.lineHeight();
+		const measured = this.viewportHeight();
+		const viewHeight = measured > 0 ? measured : (parseInt(this.height(), 10) || 400) - 40;
+		const total = this.filteredLines().length;
+		const start = Math.floor(this.scrollTop() / lineHeight);
+		const visible = Math.ceil(viewHeight / lineHeight) + 2;
+		return {
+			start: Math.max(0, start - 1),
+			end: Math.min(total, start + visible + 1),
+			total,
+			totalHeight: total * lineHeight
+		};
+	}, ...ngDevMode ? [{ debugName: "visibleRange" }] : /* istanbul ignore next */ []);
+	visibleLines = computed(() => {
+		const range = this.visibleRange();
+		return this.filteredLines().slice(range.start, range.end).map((line, i) => ({
+			...line,
+			_index: range.start + i
+		}));
+	}, ...ngDevMode ? [{ debugName: "visibleLines" }] : /* istanbul ignore next */ []);
+	containerClasses = computed(() => {
+		return `lc-log-viewer lc-log-viewer--${this.variant()}`;
+	}, ...ngDevMode ? [{ debugName: "containerClasses" }] : /* istanbul ignore next */ []);
+	levelCounts = computed(() => {
+		const buf = this.buffer();
+		const counts = {
+			debug: 0,
+			info: 0,
+			warn: 0,
+			error: 0
+		};
+		for (const line of buf) if (line.level && line.level in counts) counts[line.level]++;
+		return counts;
+	}, ...ngDevMode ? [{ debugName: "levelCounts" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const input = this.lines();
+			untracked(() => this.buffer.set(this.trim(input, this.maxLines())));
+		});
+		effect(() => {
+			const stream = this.stream$();
+			this.streamSub?.unsubscribe();
+			this.streamSub = void 0;
+			if (!stream) return;
+			untracked(() => {
+				this.streamSub = stream.subscribe((data) => this.append(Array.isArray(data) ? data : [data]));
+			});
+		});
+		this.destroyRef.onDestroy(() => this.streamSub?.unsubscribe());
+		effect(() => {
+			this.filteredLines();
+			if (!this.autoScroll() || !untracked(this.atBottom)) return;
+			afterNextRender(() => this.scrollToBottom(), { injector: this.injector });
+		});
+		afterNextRender(() => {
+			const el = this.scrollContainer().nativeElement;
+			const declared = parseFloat(getComputedStyle(el).getPropertyValue("--lc-log-viewer-line-height"));
+			if (declared > 0) this.lineHeight.set(declared);
+			const onScroll = () => this.onScroll();
+			this.ngZone.runOutsideAngular(() => el.addEventListener("scroll", onScroll, { passive: true }));
+			this.destroyRef.onDestroy(() => el.removeEventListener("scroll", onScroll));
+			this.viewportHeight.set(el.clientHeight);
+			if (typeof ResizeObserver === "undefined") return;
+			const observer = new ResizeObserver(() => this.viewportHeight.set(el.clientHeight));
+			observer.observe(el);
+			this.destroyRef.onDestroy(() => observer.disconnect());
+		});
+	}
+	trim(lines, max) {
+		return lines.length > max ? lines.slice(-max) : lines;
+	}
+	append(newLines) {
+		if (untracked(this.paused)) return;
+		const max = untracked(this.maxLines);
+		this.buffer.update((buf) => this.trim([...buf, ...newLines], max));
+	}
+	onScroll() {
+		const el = this.scrollContainer().nativeElement;
+		this.scrollTop.set(el.scrollTop);
+		const isAtBottom = el.scrollHeight - el.scrollTop - el.clientHeight < AT_BOTTOM_THRESHOLD;
+		if (this.atBottom() !== isAtBottom) this.ngZone.run(() => {
+			this.atBottom.set(isAtBottom);
+			this.scrollStateChange.emit({ atBottom: isAtBottom });
+		});
+	}
+	scrollToBottom() {
+		const el = this.scrollContainer().nativeElement;
+		el.scrollTop = el.scrollHeight;
+		this.atBottom.set(true);
+	}
+	togglePause() {
+		this.paused.update((v) => !v);
+	}
+	clearBuffer() {
+		this.buffer.set([]);
+	}
+	async onCopyAll() {
+		const text = this.filteredLines().map((l) => {
+			return `${l.timestamp ? `[${l.timestamp.toISOString()}] ` : ""}${l.level ? `[${l.level.toUpperCase()}] ` : ""}${l.text}`;
+		}).join("\n");
+		try {
+			await navigator.clipboard.writeText(text);
+		} catch {}
+		this.copyAll.emit(text);
+	}
+	toggleSearch() {
+		this.showSearch.update((v) => !v);
+		if (this.showSearch()) afterNextRender(() => this.searchInput()?.nativeElement.focus(), { injector: this.injector });
+		else this.internalSearch.set("");
+	}
+	toggleLevelFilter(level) {
+		this.internalLevelFilter.update((set) => {
+			const newSet = new Set(set);
+			if (newSet.has(level)) newSet.delete(level);
+			else newSet.add(level);
+			return newSet;
+		});
+	}
+	onLineClick(line) {
+		this.lineClick.emit(line);
+	}
+	onLineKeydown(event, line) {
+		if (!this.clickableLines()) return;
+		if (event.key === "Enter") {
+			event.preventDefault();
+			this.lineClick.emit(line);
+		} else if (event.key === " ") event.preventDefault();
+	}
+	onLineKeyup(event, line) {
+		if (this.clickableLines() && event.key === " ") {
+			event.preventDefault();
+			this.lineClick.emit(line);
+		}
+	}
+	onKeydown(event) {
+		if (event.key === "/" && !this.showSearch()) {
+			event.preventDefault();
+			this.toggleSearch();
+		}
+		if (event.key === "g" && !event.shiftKey && !this.showSearch()) this.scrollContainer().nativeElement.scrollTo(0, 0);
+		if (event.key === "G" && !this.showSearch()) this.scrollToBottom();
+	}
+	formatTimestamp(date) {
+		if (!date) return "";
+		return date.toLocaleTimeString(this.locale(), { hour12: false });
+	}
+	renderLine(text) {
+		const query = this.effectiveSearch();
+		const matcher = query ? new RegExp(`(${query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "gi") : null;
+		const renderText = (segment) => matcher ? segment.split(matcher).map((part, i) => i % 2 === 1 ? `<mark class="lc-log-viewer__match">${this.escapeHtml(part)}</mark>` : this.escapeHtml(part)).join("") : this.escapeHtml(segment);
+		if (!this.ansiColors()) return renderText(text);
+		let html = "";
+		let openSpans = 0;
+		let cursor = 0;
+		const re = /\x1b\[([\d;]*)m/g;
+		let m;
+		while ((m = re.exec(text)) !== null) {
+			html += renderText(text.slice(cursor, m.index));
+			cursor = m.index + m[0].length;
+			for (const code of (m[1] || "0").split(";")) if (code === "0" || code === "") {
+				html += "</span>".repeat(openSpans);
+				openSpans = 0;
+			} else if (ANSI_CLASSES[code]) {
+				html += `<span class="${ANSI_CLASSES[code]}">`;
+				openSpans++;
+			}
+		}
+		html += renderText(text.slice(cursor));
+		return html + "</span>".repeat(openSpans);
+	}
+	escapeHtml(text) {
+		return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+	}
+	getInputValue(event) {
+		return event.target.value;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: LogViewerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: LogViewerComponent,
+		isStandalone: true,
+		selector: "lc-log-viewer",
+		inputs: {
+			lines: {
+				classPropertyName: "lines",
+				publicName: "lines",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			stream$: {
+				classPropertyName: "stream$",
+				publicName: "stream$",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxLines: {
+				classPropertyName: "maxLines",
+				publicName: "maxLines",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			autoScroll: {
+				classPropertyName: "autoScroll",
+				publicName: "autoScroll",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showTimestamps: {
+				classPropertyName: "showTimestamps",
+				publicName: "showTimestamps",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLineNumbers: {
+				classPropertyName: "showLineNumbers",
+				publicName: "showLineNumbers",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ansiColors: {
+				classPropertyName: "ansiColors",
+				publicName: "ansiColors",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			levelFilter: {
+				classPropertyName: "levelFilter",
+				publicName: "levelFilter",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			searchQuery: {
+				classPropertyName: "searchQuery",
+				publicName: "searchQuery",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			height: {
+				classPropertyName: "height",
+				publicName: "height",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			clickableLines: {
+				classPropertyName: "clickableLines",
+				publicName: "clickableLines",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pauseLabel: {
+				classPropertyName: "pauseLabel",
+				publicName: "pauseLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			resumeLabel: {
+				classPropertyName: "resumeLabel",
+				publicName: "resumeLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pauseAriaLabel: {
+				classPropertyName: "pauseAriaLabel",
+				publicName: "pauseAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			resumeAriaLabel: {
+				classPropertyName: "resumeAriaLabel",
+				publicName: "resumeAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			clearLabel: {
+				classPropertyName: "clearLabel",
+				publicName: "clearLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			clearAriaLabel: {
+				classPropertyName: "clearAriaLabel",
+				publicName: "clearAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyLabel: {
+				classPropertyName: "copyLabel",
+				publicName: "copyLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyAriaLabel: {
+				classPropertyName: "copyAriaLabel",
+				publicName: "copyAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			searchLabel: {
+				classPropertyName: "searchLabel",
+				publicName: "searchLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			searchAriaLabel: {
+				classPropertyName: "searchAriaLabel",
+				publicName: "searchAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			searchInputLabel: {
+				classPropertyName: "searchInputLabel",
+				publicName: "searchInputLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			searchPlaceholder: {
+				classPropertyName: "searchPlaceholder",
+				publicName: "searchPlaceholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errorsLabel: {
+				classPropertyName: "errorsLabel",
+				publicName: "errorsLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			warningsLabel: {
+				classPropertyName: "warningsLabel",
+				publicName: "warningsLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			linesLabel: {
+				classPropertyName: "linesLabel",
+				publicName: "linesLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			outputAriaLabel: {
+				classPropertyName: "outputAriaLabel",
+				publicName: "outputAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			jumpToBottomLabel: {
+				classPropertyName: "jumpToBottomLabel",
+				publicName: "jumpToBottomLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			lineClick: "lineClick",
+			copyAll: "copyAll",
+			scrollStateChange: "scrollStateChange"
+		},
+		viewQueries: [{
+			propertyName: "scrollContainer",
+			first: true,
+			predicate: ["scrollContainer"],
+			descendants: true,
+			isSignal: true
+		}, {
+			propertyName: "searchInput",
+			first: true,
+			predicate: ["searchInput"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<div\n  [class]=\"containerClasses()\"\n  [style.height]=\"height()\"\n  tabindex=\"0\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <!-- Toolbar -->\n  <div class=\"lc-log-viewer__toolbar\">\n    <div class=\"lc-log-viewer__toolbar-left\">\n      @if (stream$()) {\n        <button\n          type=\"button\"\n          class=\"lc-log-viewer__tool-btn\"\n          [class.lc-log-viewer__tool-btn--active]=\"paused()\"\n          (click)=\"togglePause()\"\n          [title]=\"paused() ? resumeLabel() : pauseLabel()\"\n          [attr.aria-label]=\"paused() ? resumeAriaLabel() : pauseAriaLabel()\"\n          [attr.aria-pressed]=\"paused()\"\n        >\n          <lc-icon [name]=\"paused() ? 'player-play' : 'player-pause'\" size=\"xs\" />\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"lc-log-viewer__tool-btn\"\n        (click)=\"clearBuffer()\"\n        [attr.title]=\"clearLabel()\"\n        [attr.aria-label]=\"clearAriaLabel()\"\n      >\n        <lc-icon name=\"trash\" size=\"xs\" />\n      </button>\n      <button\n        type=\"button\"\n        class=\"lc-log-viewer__tool-btn\"\n        (click)=\"onCopyAll()\"\n        [attr.title]=\"copyLabel()\"\n        [attr.aria-label]=\"copyAriaLabel()\"\n      >\n        <lc-icon name=\"clipboard-document\" size=\"xs\" />\n      </button>\n      <button\n        type=\"button\"\n        class=\"lc-log-viewer__tool-btn\"\n        [class.lc-log-viewer__tool-btn--active]=\"showSearch()\"\n        (click)=\"toggleSearch()\"\n        [attr.title]=\"searchLabel()\"\n        [attr.aria-label]=\"searchAriaLabel()\"\n        [attr.aria-expanded]=\"showSearch()\"\n      >\n        <lc-icon name=\"magnifying-glass\" size=\"xs\" />\n      </button>\n    </div>\n\n    <div class=\"lc-log-viewer__toolbar-right\">\n      <!-- Level filter pills -->\n      @if (levelCounts().error > 0) {\n        <button\n          type=\"button\"\n          class=\"lc-log-viewer__level-pill lc-log-viewer__level-pill--error\"\n          [class.lc-log-viewer__level-pill--active]=\"internalLevelFilter().has('error')\"\n          [attr.aria-pressed]=\"internalLevelFilter().has('error')\"\n          (click)=\"toggleLevelFilter('error')\"\n        >\n          {{ levelCounts().error }} {{ errorsLabel() }}\n        </button>\n      }\n      @if (levelCounts().warn > 0) {\n        <button\n          type=\"button\"\n          class=\"lc-log-viewer__level-pill lc-log-viewer__level-pill--warn\"\n          [class.lc-log-viewer__level-pill--active]=\"internalLevelFilter().has('warn')\"\n          [attr.aria-pressed]=\"internalLevelFilter().has('warn')\"\n          (click)=\"toggleLevelFilter('warn')\"\n        >\n          {{ levelCounts().warn }} {{ warningsLabel() }}\n        </button>\n      }\n      <span class=\"lc-log-viewer__line-count\">{{ filteredLines().length }} {{ linesLabel() }}</span>\n    </div>\n  </div>\n\n  <!-- Search bar -->\n  @if (showSearch()) {\n    <div class=\"lc-log-viewer__search\">\n      <lc-icon name=\"magnifying-glass\" size=\"xs\" />\n      <label class=\"lc-log-viewer__sr-only\" [for]=\"searchInputId\">{{ searchInputLabel() }}</label>\n      <input\n        #searchInput\n        type=\"text\"\n        [id]=\"searchInputId\"\n        class=\"lc-log-viewer__search-input\"\n        [placeholder]=\"searchPlaceholder()\"\n        [value]=\"internalSearch()\"\n        (input)=\"internalSearch.set(getInputValue($event))\"\n      />\n    </div>\n  }\n\n  <!--\n    Log content (virtualized). `role=\"log\"` names the region; live\n    announcements are switched off because rows enter/leave the DOM on every\n    scroll of the virtual window — announcing them would be pure noise.\n  -->\n  <div\n    #scrollContainer\n    class=\"lc-log-viewer__content\"\n    role=\"log\"\n    aria-live=\"off\"\n    [attr.aria-label]=\"outputAriaLabel()\"\n  >\n    <div\n      class=\"lc-log-viewer__spacer\"\n      [style.height.px]=\"visibleRange().totalHeight\"\n    >\n      <div\n        class=\"lc-log-viewer__window\"\n        [style.transform]=\"'translateY(' + (visibleRange().start * lineHeight()) + 'px)'\"\n      >\n        @for (line of visibleLines(); track line._index) {\n          <div\n            class=\"lc-log-viewer__line\"\n            [class.lc-log-viewer__line--clickable]=\"clickableLines()\"\n            [class.lc-log-viewer__line--debug]=\"line.level === 'debug'\"\n            [class.lc-log-viewer__line--info]=\"line.level === 'info'\"\n            [class.lc-log-viewer__line--warn]=\"line.level === 'warn'\"\n            [class.lc-log-viewer__line--error]=\"line.level === 'error'\"\n            [attr.role]=\"clickableLines() ? 'button' : null\"\n            [attr.tabindex]=\"clickableLines() ? 0 : null\"\n            (click)=\"onLineClick(line)\"\n            (keydown)=\"onLineKeydown($event, line)\"\n            (keyup)=\"onLineKeyup($event, line)\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-log-viewer__line-num\">{{ line._index + 1 }}</span>\n            }\n            @if (showTimestamps() && line.timestamp) {\n              <span class=\"lc-log-viewer__timestamp\">{{ formatTimestamp(line.timestamp) }}</span>\n            }\n            @if (line.level) {\n              <span class=\"lc-log-viewer__level\">{{ line.level.toUpperCase().padEnd(5) }}</span>\n            }\n            @if (line.source) {\n              <span class=\"lc-log-viewer__source\">[{{ line.source }}]</span>\n            }\n            <span\n              class=\"lc-log-viewer__text\"\n              [innerHTML]=\"renderLine(line.text)\"\n            ></span>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <!-- Jump to bottom button -->\n  @if (!atBottom()) {\n    <button\n      type=\"button\"\n      class=\"lc-log-viewer__jump-bottom\"\n      (click)=\"scrollToBottom()\"\n    >\n      <lc-icon name=\"arrow-down\" size=\"xs\" />\n      {{ jumpToBottomLabel() }}\n    </button>\n  }\n</div>\n",
+		styles: [".lc-log-viewer{--lc-log-viewer-line-height: 22px;position:relative;display:flex;flex-direction:column;border:1px solid var(--color-divider, #e5e7eb);border-radius:var(--border-radius-md, .375rem);overflow:hidden;font-family:var(--font-family-mono, \"Menlo\", \"Monaco\", \"Courier New\", monospace);font-size:.8125rem;line-height:1}.lc-log-viewer:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-log-viewer--log{background-color:var(--color-surface);color:var(--color-text-primary)}.lc-log-viewer--terminal{background-color:#1e1e2e;color:#cdd6f4;border-color:#313244}.lc-log-viewer__toolbar{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border-bottom:1px solid var(--color-divider, #e5e7eb);gap:.5rem;flex-shrink:0}.lc-log-viewer--terminal .lc-log-viewer__toolbar{border-bottom-color:#313244;background-color:#181825}.lc-log-viewer__toolbar-left,.lc-log-viewer__toolbar-right{display:flex;align-items:center;gap:.25rem}.lc-log-viewer__tool-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--border-radius-sm, .25rem);cursor:pointer;color:inherit;opacity:.7;transition:opacity .15s,background-color .15s}.lc-log-viewer__tool-btn:hover{opacity:1;background-color:#80808026}.lc-log-viewer__tool-btn--active{opacity:1;background-color:#80808033}.lc-log-viewer__level-pill{font-size:.6875rem;padding:.125rem .5rem;border-radius:9999px;border:none;cursor:pointer;font-family:var(--font-family-sans);transition:opacity .15s;opacity:.6}.lc-log-viewer__level-pill--active{opacity:1}.lc-log-viewer__level-pill--error{background-color:#9d0e0e2e;color:var(--color-error-default)}.lc-log-viewer--terminal .lc-log-viewer__level-pill--error{background-color:#45202a;color:#f38ba8}.lc-log-viewer__level-pill--warn{background-color:#e1a0402e;color:var(--color-warning-default)}.lc-log-viewer--terminal .lc-log-viewer__level-pill--warn{background-color:#3d3520;color:#f9e2af}.lc-log-viewer__line-count{font-size:.6875rem;opacity:.5;font-family:var(--font-family-sans);padding:0 .25rem}.lc-log-viewer__search{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-bottom:1px solid var(--color-divider, #e5e7eb);flex-shrink:0}.lc-log-viewer--terminal .lc-log-viewer__search{border-bottom-color:#313244;background-color:#181825}.lc-log-viewer__search-input{flex:1;background:transparent;border:none;outline:none;color:inherit;font-family:inherit;font-size:inherit}.lc-log-viewer__search-input::placeholder{opacity:.4}.lc-log-viewer__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}.lc-log-viewer__content{flex:1;overflow-y:auto;overflow-x:auto;position:relative;min-height:0}.lc-log-viewer__spacer{position:relative;width:100%}.lc-log-viewer__window{position:absolute;top:0;left:0;right:0}.lc-log-viewer__line{display:flex;align-items:baseline;gap:.625rem;padding:1px .75rem;height:var(--lc-log-viewer-line-height);white-space:nowrap;transition:background-color .1s}.lc-log-viewer__line:hover{background-color:#80808014}.lc-log-viewer__line--clickable{cursor:pointer}.lc-log-viewer__line--clickable:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary-500) 60%,transparent)}.lc-log-viewer__line--debug{opacity:.6}.lc-log-viewer--log .lc-log-viewer__line--warn{background-color:#e1a0401f}.lc-log-viewer--terminal .lc-log-viewer__line--warn{background-color:#f9e2af0d}.lc-log-viewer--log .lc-log-viewer__line--error{background-color:#9d0e0e1f}.lc-log-viewer--terminal .lc-log-viewer__line--error{background-color:#f38ba814}.lc-log-viewer__line-num{color:inherit;opacity:.3;min-width:3ch;text-align:right;-webkit-user-select:none;user-select:none}.lc-log-viewer__timestamp{color:inherit;opacity:.5;min-width:12ch}.lc-log-viewer__level{min-width:5ch;font-weight:600}.lc-log-viewer__line--debug .lc-log-viewer__level{color:var(--color-text-tertiary)}.lc-log-viewer__line--info .lc-log-viewer__level{color:var(--color-info-default)}.lc-log-viewer__line--warn .lc-log-viewer__level{color:var(--color-warning-default)}.lc-log-viewer__line--error .lc-log-viewer__level{color:var(--color-error-default)}.lc-log-viewer__line--debug .lc-log-viewer--terminal .lc-log-viewer__level{color:#6c7086}.lc-log-viewer__line--info .lc-log-viewer--terminal .lc-log-viewer__level{color:#89b4fa}.lc-log-viewer__line--warn .lc-log-viewer--terminal .lc-log-viewer__level{color:#f9e2af}.lc-log-viewer__line--error .lc-log-viewer--terminal .lc-log-viewer__level{color:#f38ba8}.lc-log-viewer__source{color:inherit;opacity:.5}.lc-log-viewer__text{flex:1;min-width:0}.lc-log-viewer__match{background-color:color-mix(in srgb,var(--color-warning-default) 45%,transparent);color:inherit;border-radius:2px;padding:0 1px}.lc-log-viewer--terminal .lc-log-viewer__match{background-color:#f9e2af40}.lc-log-viewer__jump-bottom{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--color-divider, #e5e7eb);border-radius:9999px;background-color:var(--color-surface);color:var(--color-text-primary);font-size:.75rem;font-family:var(--font-family-sans);cursor:pointer;box-shadow:var(--elevation-1);z-index:10;transition:background-color .15s}.lc-log-viewer__jump-bottom:hover{background-color:var(--color-surface-hover)}.lc-log-viewer__jump-bottom:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 20%,transparent)}.lc-log-viewer--terminal .lc-log-viewer__jump-bottom{background-color:#313244;border-color:#45475a;color:#cdd6f4}.lc-log-viewer--terminal .lc-log-viewer__jump-bottom:hover{background-color:#45475a}.ansi-bold{font-weight:700}.ansi-italic{font-style:italic}.ansi-black{color:#45475a}.ansi-red{color:#f38ba8}.ansi-green{color:#a6e3a1}.ansi-yellow{color:#f9e2af}.ansi-blue{color:#89b4fa}.ansi-magenta{color:#cba6f7}.ansi-cyan{color:#94e2d5}.ansi-white{color:#cdd6f4}.ansi-gray{color:#6c7086}.ansi-bright-red{color:#eba0ac}.ansi-bright-green{color:#a6e3a1}.ansi-bright-yellow{color:#f9e2af}.ansi-bright-blue{color:#89dceb}.ansi-bright-magenta{color:#f5c2e7}.ansi-bright-cyan{color:#94e2d5}.ansi-bright-white{color:#bac2de}:root.light .lc-log-viewer--log .ansi-black{color:#4c4f69}:root.light .lc-log-viewer--log .ansi-red{color:#d20f39}:root.light .lc-log-viewer--log .ansi-green{color:#40a02b}:root.light .lc-log-viewer--log .ansi-yellow{color:#df8e1d}:root.light .lc-log-viewer--log .ansi-blue{color:#1e66f5}:root.light .lc-log-viewer--log .ansi-magenta{color:#8839ef}:root.light .lc-log-viewer--log .ansi-cyan{color:#179299}:root.light .lc-log-viewer--log .ansi-white{color:#6c6f85}:root.light .lc-log-viewer--log .ansi-gray{color:#9ca0b0}:root.light .lc-log-viewer--log .ansi-bright-red{color:#e64553}:root.light .lc-log-viewer--log .ansi-bright-green{color:#40a02b}:root.light .lc-log-viewer--log .ansi-bright-yellow{color:#df8e1d}:root.light .lc-log-viewer--log .ansi-bright-blue{color:#04a5e5}:root.light .lc-log-viewer--log .ansi-bright-magenta{color:#ea76cb}:root.light .lc-log-viewer--log .ansi-bright-cyan{color:#179299}:root.light .lc-log-viewer--log .ansi-bright-white{color:#5c5f77}@media(prefers-color-scheme:light){:root.system:not(.dark) .lc-log-viewer--log .ansi-black{color:#4c4f69}:root.system:not(.dark) .lc-log-viewer--log .ansi-red{color:#d20f39}:root.system:not(.dark) .lc-log-viewer--log .ansi-green{color:#40a02b}:root.system:not(.dark) .lc-log-viewer--log .ansi-yellow{color:#df8e1d}:root.system:not(.dark) .lc-log-viewer--log .ansi-blue{color:#1e66f5}:root.system:not(.dark) .lc-log-viewer--log .ansi-magenta{color:#8839ef}:root.system:not(.dark) .lc-log-viewer--log .ansi-cyan{color:#179299}:root.system:not(.dark) .lc-log-viewer--log .ansi-white{color:#6c6f85}:root.system:not(.dark) .lc-log-viewer--log .ansi-gray{color:#9ca0b0}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-red{color:#e64553}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-green{color:#40a02b}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-yellow{color:#df8e1d}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-blue{color:#04a5e5}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-magenta{color:#ea76cb}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-cyan{color:#179299}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-white{color:#5c5f77}}.lc-log-viewer--terminal .lc-log-viewer__content::-webkit-scrollbar{width:8px;height:8px}.lc-log-viewer--terminal .lc-log-viewer__content::-webkit-scrollbar-track{background:#181825}.lc-log-viewer--terminal .lc-log-viewer__content::-webkit-scrollbar-thumb{background:#45475a;border-radius:4px}.lc-log-viewer--terminal .lc-log-viewer__content::-webkit-scrollbar-thumb:hover{background:#585b70}\n"],
+		dependencies: [{
+			kind: "component",
+			type: IconComponent,
+			selector: "lc-icon",
+			inputs: [
+				"name",
+				"variant",
+				"size",
+				"color",
+				"ariaLabel",
+				"decorative",
+				"strict"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: LogViewerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-log-viewer",
+			standalone: true,
+			imports: [IconComponent],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			template: "<div\n  [class]=\"containerClasses()\"\n  [style.height]=\"height()\"\n  tabindex=\"0\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <!-- Toolbar -->\n  <div class=\"lc-log-viewer__toolbar\">\n    <div class=\"lc-log-viewer__toolbar-left\">\n      @if (stream$()) {\n        <button\n          type=\"button\"\n          class=\"lc-log-viewer__tool-btn\"\n          [class.lc-log-viewer__tool-btn--active]=\"paused()\"\n          (click)=\"togglePause()\"\n          [title]=\"paused() ? resumeLabel() : pauseLabel()\"\n          [attr.aria-label]=\"paused() ? resumeAriaLabel() : pauseAriaLabel()\"\n          [attr.aria-pressed]=\"paused()\"\n        >\n          <lc-icon [name]=\"paused() ? 'player-play' : 'player-pause'\" size=\"xs\" />\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"lc-log-viewer__tool-btn\"\n        (click)=\"clearBuffer()\"\n        [attr.title]=\"clearLabel()\"\n        [attr.aria-label]=\"clearAriaLabel()\"\n      >\n        <lc-icon name=\"trash\" size=\"xs\" />\n      </button>\n      <button\n        type=\"button\"\n        class=\"lc-log-viewer__tool-btn\"\n        (click)=\"onCopyAll()\"\n        [attr.title]=\"copyLabel()\"\n        [attr.aria-label]=\"copyAriaLabel()\"\n      >\n        <lc-icon name=\"clipboard-document\" size=\"xs\" />\n      </button>\n      <button\n        type=\"button\"\n        class=\"lc-log-viewer__tool-btn\"\n        [class.lc-log-viewer__tool-btn--active]=\"showSearch()\"\n        (click)=\"toggleSearch()\"\n        [attr.title]=\"searchLabel()\"\n        [attr.aria-label]=\"searchAriaLabel()\"\n        [attr.aria-expanded]=\"showSearch()\"\n      >\n        <lc-icon name=\"magnifying-glass\" size=\"xs\" />\n      </button>\n    </div>\n\n    <div class=\"lc-log-viewer__toolbar-right\">\n      <!-- Level filter pills -->\n      @if (levelCounts().error > 0) {\n        <button\n          type=\"button\"\n          class=\"lc-log-viewer__level-pill lc-log-viewer__level-pill--error\"\n          [class.lc-log-viewer__level-pill--active]=\"internalLevelFilter().has('error')\"\n          [attr.aria-pressed]=\"internalLevelFilter().has('error')\"\n          (click)=\"toggleLevelFilter('error')\"\n        >\n          {{ levelCounts().error }} {{ errorsLabel() }}\n        </button>\n      }\n      @if (levelCounts().warn > 0) {\n        <button\n          type=\"button\"\n          class=\"lc-log-viewer__level-pill lc-log-viewer__level-pill--warn\"\n          [class.lc-log-viewer__level-pill--active]=\"internalLevelFilter().has('warn')\"\n          [attr.aria-pressed]=\"internalLevelFilter().has('warn')\"\n          (click)=\"toggleLevelFilter('warn')\"\n        >\n          {{ levelCounts().warn }} {{ warningsLabel() }}\n        </button>\n      }\n      <span class=\"lc-log-viewer__line-count\">{{ filteredLines().length }} {{ linesLabel() }}</span>\n    </div>\n  </div>\n\n  <!-- Search bar -->\n  @if (showSearch()) {\n    <div class=\"lc-log-viewer__search\">\n      <lc-icon name=\"magnifying-glass\" size=\"xs\" />\n      <label class=\"lc-log-viewer__sr-only\" [for]=\"searchInputId\">{{ searchInputLabel() }}</label>\n      <input\n        #searchInput\n        type=\"text\"\n        [id]=\"searchInputId\"\n        class=\"lc-log-viewer__search-input\"\n        [placeholder]=\"searchPlaceholder()\"\n        [value]=\"internalSearch()\"\n        (input)=\"internalSearch.set(getInputValue($event))\"\n      />\n    </div>\n  }\n\n  <!--\n    Log content (virtualized). `role=\"log\"` names the region; live\n    announcements are switched off because rows enter/leave the DOM on every\n    scroll of the virtual window — announcing them would be pure noise.\n  -->\n  <div\n    #scrollContainer\n    class=\"lc-log-viewer__content\"\n    role=\"log\"\n    aria-live=\"off\"\n    [attr.aria-label]=\"outputAriaLabel()\"\n  >\n    <div\n      class=\"lc-log-viewer__spacer\"\n      [style.height.px]=\"visibleRange().totalHeight\"\n    >\n      <div\n        class=\"lc-log-viewer__window\"\n        [style.transform]=\"'translateY(' + (visibleRange().start * lineHeight()) + 'px)'\"\n      >\n        @for (line of visibleLines(); track line._index) {\n          <div\n            class=\"lc-log-viewer__line\"\n            [class.lc-log-viewer__line--clickable]=\"clickableLines()\"\n            [class.lc-log-viewer__line--debug]=\"line.level === 'debug'\"\n            [class.lc-log-viewer__line--info]=\"line.level === 'info'\"\n            [class.lc-log-viewer__line--warn]=\"line.level === 'warn'\"\n            [class.lc-log-viewer__line--error]=\"line.level === 'error'\"\n            [attr.role]=\"clickableLines() ? 'button' : null\"\n            [attr.tabindex]=\"clickableLines() ? 0 : null\"\n            (click)=\"onLineClick(line)\"\n            (keydown)=\"onLineKeydown($event, line)\"\n            (keyup)=\"onLineKeyup($event, line)\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-log-viewer__line-num\">{{ line._index + 1 }}</span>\n            }\n            @if (showTimestamps() && line.timestamp) {\n              <span class=\"lc-log-viewer__timestamp\">{{ formatTimestamp(line.timestamp) }}</span>\n            }\n            @if (line.level) {\n              <span class=\"lc-log-viewer__level\">{{ line.level.toUpperCase().padEnd(5) }}</span>\n            }\n            @if (line.source) {\n              <span class=\"lc-log-viewer__source\">[{{ line.source }}]</span>\n            }\n            <span\n              class=\"lc-log-viewer__text\"\n              [innerHTML]=\"renderLine(line.text)\"\n            ></span>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <!-- Jump to bottom button -->\n  @if (!atBottom()) {\n    <button\n      type=\"button\"\n      class=\"lc-log-viewer__jump-bottom\"\n      (click)=\"scrollToBottom()\"\n    >\n      <lc-icon name=\"arrow-down\" size=\"xs\" />\n      {{ jumpToBottomLabel() }}\n    </button>\n  }\n</div>\n",
+			styles: [".lc-log-viewer{--lc-log-viewer-line-height: 22px;position:relative;display:flex;flex-direction:column;border:1px solid var(--color-divider, #e5e7eb);border-radius:var(--border-radius-md, .375rem);overflow:hidden;font-family:var(--font-family-mono, \"Menlo\", \"Monaco\", \"Courier New\", monospace);font-size:.8125rem;line-height:1}.lc-log-viewer:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-log-viewer--log{background-color:var(--color-surface);color:var(--color-text-primary)}.lc-log-viewer--terminal{background-color:#1e1e2e;color:#cdd6f4;border-color:#313244}.lc-log-viewer__toolbar{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border-bottom:1px solid var(--color-divider, #e5e7eb);gap:.5rem;flex-shrink:0}.lc-log-viewer--terminal .lc-log-viewer__toolbar{border-bottom-color:#313244;background-color:#181825}.lc-log-viewer__toolbar-left,.lc-log-viewer__toolbar-right{display:flex;align-items:center;gap:.25rem}.lc-log-viewer__tool-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--border-radius-sm, .25rem);cursor:pointer;color:inherit;opacity:.7;transition:opacity .15s,background-color .15s}.lc-log-viewer__tool-btn:hover{opacity:1;background-color:#80808026}.lc-log-viewer__tool-btn--active{opacity:1;background-color:#80808033}.lc-log-viewer__level-pill{font-size:.6875rem;padding:.125rem .5rem;border-radius:9999px;border:none;cursor:pointer;font-family:var(--font-family-sans);transition:opacity .15s;opacity:.6}.lc-log-viewer__level-pill--active{opacity:1}.lc-log-viewer__level-pill--error{background-color:#9d0e0e2e;color:var(--color-error-default)}.lc-log-viewer--terminal .lc-log-viewer__level-pill--error{background-color:#45202a;color:#f38ba8}.lc-log-viewer__level-pill--warn{background-color:#e1a0402e;color:var(--color-warning-default)}.lc-log-viewer--terminal .lc-log-viewer__level-pill--warn{background-color:#3d3520;color:#f9e2af}.lc-log-viewer__line-count{font-size:.6875rem;opacity:.5;font-family:var(--font-family-sans);padding:0 .25rem}.lc-log-viewer__search{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-bottom:1px solid var(--color-divider, #e5e7eb);flex-shrink:0}.lc-log-viewer--terminal .lc-log-viewer__search{border-bottom-color:#313244;background-color:#181825}.lc-log-viewer__search-input{flex:1;background:transparent;border:none;outline:none;color:inherit;font-family:inherit;font-size:inherit}.lc-log-viewer__search-input::placeholder{opacity:.4}.lc-log-viewer__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}.lc-log-viewer__content{flex:1;overflow-y:auto;overflow-x:auto;position:relative;min-height:0}.lc-log-viewer__spacer{position:relative;width:100%}.lc-log-viewer__window{position:absolute;top:0;left:0;right:0}.lc-log-viewer__line{display:flex;align-items:baseline;gap:.625rem;padding:1px .75rem;height:var(--lc-log-viewer-line-height);white-space:nowrap;transition:background-color .1s}.lc-log-viewer__line:hover{background-color:#80808014}.lc-log-viewer__line--clickable{cursor:pointer}.lc-log-viewer__line--clickable:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary-500) 60%,transparent)}.lc-log-viewer__line--debug{opacity:.6}.lc-log-viewer--log .lc-log-viewer__line--warn{background-color:#e1a0401f}.lc-log-viewer--terminal .lc-log-viewer__line--warn{background-color:#f9e2af0d}.lc-log-viewer--log .lc-log-viewer__line--error{background-color:#9d0e0e1f}.lc-log-viewer--terminal .lc-log-viewer__line--error{background-color:#f38ba814}.lc-log-viewer__line-num{color:inherit;opacity:.3;min-width:3ch;text-align:right;-webkit-user-select:none;user-select:none}.lc-log-viewer__timestamp{color:inherit;opacity:.5;min-width:12ch}.lc-log-viewer__level{min-width:5ch;font-weight:600}.lc-log-viewer__line--debug .lc-log-viewer__level{color:var(--color-text-tertiary)}.lc-log-viewer__line--info .lc-log-viewer__level{color:var(--color-info-default)}.lc-log-viewer__line--warn .lc-log-viewer__level{color:var(--color-warning-default)}.lc-log-viewer__line--error .lc-log-viewer__level{color:var(--color-error-default)}.lc-log-viewer__line--debug .lc-log-viewer--terminal .lc-log-viewer__level{color:#6c7086}.lc-log-viewer__line--info .lc-log-viewer--terminal .lc-log-viewer__level{color:#89b4fa}.lc-log-viewer__line--warn .lc-log-viewer--terminal .lc-log-viewer__level{color:#f9e2af}.lc-log-viewer__line--error .lc-log-viewer--terminal .lc-log-viewer__level{color:#f38ba8}.lc-log-viewer__source{color:inherit;opacity:.5}.lc-log-viewer__text{flex:1;min-width:0}.lc-log-viewer__match{background-color:color-mix(in srgb,var(--color-warning-default) 45%,transparent);color:inherit;border-radius:2px;padding:0 1px}.lc-log-viewer--terminal .lc-log-viewer__match{background-color:#f9e2af40}.lc-log-viewer__jump-bottom{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--color-divider, #e5e7eb);border-radius:9999px;background-color:var(--color-surface);color:var(--color-text-primary);font-size:.75rem;font-family:var(--font-family-sans);cursor:pointer;box-shadow:var(--elevation-1);z-index:10;transition:background-color .15s}.lc-log-viewer__jump-bottom:hover{background-color:var(--color-surface-hover)}.lc-log-viewer__jump-bottom:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 20%,transparent)}.lc-log-viewer--terminal .lc-log-viewer__jump-bottom{background-color:#313244;border-color:#45475a;color:#cdd6f4}.lc-log-viewer--terminal .lc-log-viewer__jump-bottom:hover{background-color:#45475a}.ansi-bold{font-weight:700}.ansi-italic{font-style:italic}.ansi-black{color:#45475a}.ansi-red{color:#f38ba8}.ansi-green{color:#a6e3a1}.ansi-yellow{color:#f9e2af}.ansi-blue{color:#89b4fa}.ansi-magenta{color:#cba6f7}.ansi-cyan{color:#94e2d5}.ansi-white{color:#cdd6f4}.ansi-gray{color:#6c7086}.ansi-bright-red{color:#eba0ac}.ansi-bright-green{color:#a6e3a1}.ansi-bright-yellow{color:#f9e2af}.ansi-bright-blue{color:#89dceb}.ansi-bright-magenta{color:#f5c2e7}.ansi-bright-cyan{color:#94e2d5}.ansi-bright-white{color:#bac2de}:root.light .lc-log-viewer--log .ansi-black{color:#4c4f69}:root.light .lc-log-viewer--log .ansi-red{color:#d20f39}:root.light .lc-log-viewer--log .ansi-green{color:#40a02b}:root.light .lc-log-viewer--log .ansi-yellow{color:#df8e1d}:root.light .lc-log-viewer--log .ansi-blue{color:#1e66f5}:root.light .lc-log-viewer--log .ansi-magenta{color:#8839ef}:root.light .lc-log-viewer--log .ansi-cyan{color:#179299}:root.light .lc-log-viewer--log .ansi-white{color:#6c6f85}:root.light .lc-log-viewer--log .ansi-gray{color:#9ca0b0}:root.light .lc-log-viewer--log .ansi-bright-red{color:#e64553}:root.light .lc-log-viewer--log .ansi-bright-green{color:#40a02b}:root.light .lc-log-viewer--log .ansi-bright-yellow{color:#df8e1d}:root.light .lc-log-viewer--log .ansi-bright-blue{color:#04a5e5}:root.light .lc-log-viewer--log .ansi-bright-magenta{color:#ea76cb}:root.light .lc-log-viewer--log .ansi-bright-cyan{color:#179299}:root.light .lc-log-viewer--log .ansi-bright-white{color:#5c5f77}@media(prefers-color-scheme:light){:root.system:not(.dark) .lc-log-viewer--log .ansi-black{color:#4c4f69}:root.system:not(.dark) .lc-log-viewer--log .ansi-red{color:#d20f39}:root.system:not(.dark) .lc-log-viewer--log .ansi-green{color:#40a02b}:root.system:not(.dark) .lc-log-viewer--log .ansi-yellow{color:#df8e1d}:root.system:not(.dark) .lc-log-viewer--log .ansi-blue{color:#1e66f5}:root.system:not(.dark) .lc-log-viewer--log .ansi-magenta{color:#8839ef}:root.system:not(.dark) .lc-log-viewer--log .ansi-cyan{color:#179299}:root.system:not(.dark) .lc-log-viewer--log .ansi-white{color:#6c6f85}:root.system:not(.dark) .lc-log-viewer--log .ansi-gray{color:#9ca0b0}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-red{color:#e64553}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-green{color:#40a02b}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-yellow{color:#df8e1d}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-blue{color:#04a5e5}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-magenta{color:#ea76cb}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-cyan{color:#179299}:root.system:not(.dark) .lc-log-viewer--log .ansi-bright-white{color:#5c5f77}}.lc-log-viewer--terminal .lc-log-viewer__content::-webkit-scrollbar{width:8px;height:8px}.lc-log-viewer--terminal .lc-log-viewer__content::-webkit-scrollbar-track{background:#181825}.lc-log-viewer--terminal .lc-log-viewer__content::-webkit-scrollbar-thumb{background:#45475a;border-radius:4px}.lc-log-viewer--terminal .lc-log-viewer__content::-webkit-scrollbar-thumb:hover{background:#585b70}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		scrollContainer: [{
+			type: i0.ViewChild,
+			args: ["scrollContainer", { isSignal: true }]
+		}],
+		searchInput: [{
+			type: i0.ViewChild,
+			args: ["searchInput", { isSignal: true }]
+		}],
+		lines: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lines",
+				required: false
+			}]
+		}],
+		stream$: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stream$",
+				required: false
+			}]
+		}],
+		maxLines: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxLines",
+				required: false
+			}]
+		}],
+		autoScroll: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autoScroll",
+				required: false
+			}]
+		}],
+		showTimestamps: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTimestamps",
+				required: false
+			}]
+		}],
+		showLineNumbers: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLineNumbers",
+				required: false
+			}]
+		}],
+		ansiColors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ansiColors",
+				required: false
+			}]
+		}],
+		levelFilter: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "levelFilter",
+				required: false
+			}]
+		}],
+		searchQuery: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchQuery",
+				required: false
+			}]
+		}],
+		height: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "height",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		clickableLines: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clickableLines",
+				required: false
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		pauseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pauseLabel",
+				required: false
+			}]
+		}],
+		resumeLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "resumeLabel",
+				required: false
+			}]
+		}],
+		pauseAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pauseAriaLabel",
+				required: false
+			}]
+		}],
+		resumeAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "resumeAriaLabel",
+				required: false
+			}]
+		}],
+		clearLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clearLabel",
+				required: false
+			}]
+		}],
+		clearAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clearAriaLabel",
+				required: false
+			}]
+		}],
+		copyLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copyLabel",
+				required: false
+			}]
+		}],
+		copyAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copyAriaLabel",
+				required: false
+			}]
+		}],
+		searchLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchLabel",
+				required: false
+			}]
+		}],
+		searchAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchAriaLabel",
+				required: false
+			}]
+		}],
+		searchInputLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchInputLabel",
+				required: false
+			}]
+		}],
+		searchPlaceholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "searchPlaceholder",
+				required: false
+			}]
+		}],
+		errorsLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errorsLabel",
+				required: false
+			}]
+		}],
+		warningsLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "warningsLabel",
+				required: false
+			}]
+		}],
+		linesLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "linesLabel",
+				required: false
+			}]
+		}],
+		outputAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "outputAriaLabel",
+				required: false
+			}]
+		}],
+		jumpToBottomLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "jumpToBottomLabel",
+				required: false
+			}]
+		}],
+		lineClick: [{
+			type: i0.Output,
+			args: ["lineClick"]
+		}],
+		copyAll: [{
+			type: i0.Output,
+			args: ["copyAll"]
+		}],
+		scrollStateChange: [{
+			type: i0.Output,
+			args: ["scrollStateChange"]
+		}]
+	}
+});
+export { LogViewerComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-log-viewer.mjs.map