@lifecorner/angular-ui-kit 3.27.0 → 3.27.1

package/fesm2022/lifecorner-angular-ui-kit-kanban-board.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-kanban-board.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/kanban-board/kanban-board.component.ts","../../../../libs/angular-ui-kit/src/lib/kanban-board/kanban-board.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Injector,\n  afterNextRender,\n  inject,\n  input,\n  linkedSignal,\n  signal,\n  output,\n} from '@angular/core';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport { ICON_ARROW_DOWN, ICON_EXCLAMATION_CIRCLE } from '@lifecorner/angular-ui-kit/icons';\n\nexport interface KanbanCard {\n  id: string;\n  title: string;\n  description?: string;\n  labels?: KanbanLabel[];\n  assignee?: string;\n  priority?: 'low' | 'medium' | 'high' | 'critical';\n}\n\nexport interface KanbanLabel {\n  text: string;\n  color?: string;\n}\n\nexport interface KanbanColumn {\n  id: string;\n  title: string;\n  cards: KanbanCard[];\n  color?: string;\n  limit?: number;\n}\n\nexport interface KanbanMoveEvent {\n  cardId: string;\n  fromColumnId: string;\n  toColumnId: string;\n  toIndex: number;\n}\n\n@Component({\n  selector: 'lc-kanban-board',\n  standalone: true,\n  imports: [IconComponent],\n  viewProviders: [ɵprovideKitIcons([ICON_EXCLAMATION_CIRCLE, ICON_ARROW_DOWN])],\n  templateUrl: './kanban-board.component.html',\n  styleUrls: ['./kanban-board.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class KanbanBoardComponent {\n  readonly columns = input.required<KanbanColumn[]>();\n  readonly showCardCount = input(true);\n  readonly showWipLimit = input(true);\n  readonly readonly = input(false);\n\n  /** Placeholder text of an empty column. */\n  readonly emptyColumnLabel = input('Drop here');\n\n  /** Accessible name prefix of a card's priority marker, followed by the priority. */\n  readonly priorityAriaLabel = input('Priority:');\n\n  readonly cardMoved = output<KanbanMoveEvent>();\n  readonly cardClick = output<{ card: KanbanCard; columnId: string }>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly injector = inject(Injector);\n\n  /**\n   * Local working copy of the columns. Re-seeded from the `columns` input\n   * whenever the parent provides a new value, while drops / keyboard moves\n   * update it locally without waiting for the parent to echo the change back.\n   */\n  protected internalColumns = linkedSignal<KanbanColumn[]>(() => this.columns());\n  protected draggedCard = signal<{ card: KanbanCard; columnId: string } | null>(null);\n  protected dropTargetColumn = signal<string | null>(null);\n  protected dropTargetIndex = signal<number>(-1);\n\n  protected readonly displayColumns = this.internalColumns.asReadonly();\n\n  protected isOverLimit(col: KanbanColumn): boolean {\n    return !!col.limit && col.cards.length > col.limit;\n  }\n\n  protected getPriorityIcon(priority?: string): string {\n    switch (priority) {\n      case 'critical': return 'exclamation-circle';\n      case 'high': return 'arrow-up';\n      case 'medium': return 'minus';\n      case 'low': return 'arrow-down';\n      default: return '';\n    }\n  }\n\n  protected getPriorityColor(priority?: string): string {\n    switch (priority) {\n      // Status inks: 3:1 on the card surface in both themes.\n      case 'critical': return 'var(--color-on-error-subtle)';\n      case 'high': return 'var(--color-on-warning-subtle)';\n      case 'medium': return 'var(--color-on-info-subtle)';\n      case 'low': return 'var(--color-on-success-subtle)';\n      default: return '';\n    }\n  }\n\n  protected onDragStart(event: DragEvent, card: KanbanCard, columnId: string): void {\n    if (this.readonly()) { event.preventDefault(); return; }\n    this.draggedCard.set({ card, columnId });\n    if (event.dataTransfer) {\n      event.dataTransfer.effectAllowed = 'move';\n      event.dataTransfer.setData('text/plain', card.id);\n    }\n  }\n\n  protected onDragOver(event: DragEvent, columnId: string, index: number): void {\n    event.preventDefault();\n    if (event.dataTransfer) event.dataTransfer.dropEffect = 'move';\n    this.dropTargetColumn.set(columnId);\n    this.dropTargetIndex.set(index);\n  }\n\n  protected onDragOverColumn(event: DragEvent, columnId: string): void {\n    event.preventDefault();\n    if (event.dataTransfer) event.dataTransfer.dropEffect = 'move';\n    this.dropTargetColumn.set(columnId);\n  }\n\n  protected onDragLeave(): void {\n    this.dropTargetColumn.set(null);\n    this.dropTargetIndex.set(-1);\n  }\n\n  protected onDrop(event: DragEvent, toColumnId: string, toIndex?: number): void {\n    event.preventDefault();\n    const dragged = this.draggedCard();\n    if (!dragged) return;\n\n    this.moveCard(dragged.card.id, dragged.columnId, toColumnId, toIndex);\n    this.draggedCard.set(null);\n    this.dropTargetColumn.set(null);\n    this.dropTargetIndex.set(-1);\n  }\n\n  /**\n   * Keyboard alternative to drag & drop: Enter / Space activate the card,\n   * Alt+ArrowLeft / Alt+ArrowRight move it to the neighbouring column,\n   * Alt+ArrowUp / Alt+ArrowDown reorder it within its column. Moves are\n   * suppressed in readonly mode, exactly like drag & drop.\n   */\n  protected onCardKeydown(event: KeyboardEvent, card: KanbanCard, columnId: string): void {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.onCardClick(card, columnId);\n      return;\n    }\n    if (!event.altKey || this.readonly()) return;\n\n    const cols = this.displayColumns();\n    const colIdx = cols.findIndex(c => c.id === columnId);\n    if (colIdx < 0) return;\n    const cardIdx = cols[colIdx].cards.findIndex(c => c.id === card.id);\n    if (cardIdx < 0) return;\n\n    let toColumnId: string | undefined;\n    let toIndex: number | undefined;\n    switch (event.key) {\n      case 'ArrowLeft':\n        if (colIdx > 0) { toColumnId = cols[colIdx - 1].id; toIndex = cols[colIdx - 1].cards.length; }\n        break;\n      case 'ArrowRight':\n        if (colIdx < cols.length - 1) { toColumnId = cols[colIdx + 1].id; toIndex = cols[colIdx + 1].cards.length; }\n        break;\n      case 'ArrowUp':\n        if (cardIdx > 0) { toColumnId = columnId; toIndex = cardIdx - 1; }\n        break;\n      case 'ArrowDown':\n        if (cardIdx < cols[colIdx].cards.length - 1) { toColumnId = columnId; toIndex = cardIdx + 1; }\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    if (toColumnId === undefined) return;\n\n    this.moveCard(card.id, columnId, toColumnId, toIndex);\n    // The card element is re-created inside the target column's @for block,\n    // so keyboard focus has to be restored explicitly after the next render.\n    afterNextRender(\n      () => {\n        const cards = this.host.nativeElement.querySelectorAll<HTMLElement>('.lc-kanban__card');\n        Array.from(cards).find(el => el.dataset['cardId'] === card.id)?.focus();\n      },\n      { injector: this.injector },\n    );\n  }\n\n  /** Moves a card between / within columns and emits `cardMoved`. */\n  private moveCard(cardId: string, fromColumnId: string, toColumnId: string, toIndex?: number): void {\n    const cols = this.displayColumns().map(c => ({ ...c, cards: [...c.cards] }));\n    const fromCol = cols.find(c => c.id === fromColumnId);\n    const toCol = cols.find(c => c.id === toColumnId);\n    if (!fromCol || !toCol) return;\n\n    const cardIdx = fromCol.cards.findIndex(c => c.id === cardId);\n    if (cardIdx < 0) return;\n\n    const [card] = fromCol.cards.splice(cardIdx, 1);\n    const insertIdx = toIndex ?? toCol.cards.length;\n    toCol.cards.splice(insertIdx, 0, card);\n\n    this.internalColumns.set(cols);\n\n    this.cardMoved.emit({\n      cardId: card.id,\n      fromColumnId,\n      toColumnId,\n      toIndex: insertIdx,\n    });\n  }\n\n  protected onDragEnd(): void {\n    this.draggedCard.set(null);\n    this.dropTargetColumn.set(null);\n    this.dropTargetIndex.set(-1);\n  }\n\n  protected onCardClick(card: KanbanCard, columnId: string): void {\n    this.cardClick.emit({ card, columnId });\n  }\n\n}\n","<div class=\"lc-kanban\">\n  @for (col of displayColumns(); track col.id) {\n    <div\n      class=\"lc-kanban__column\"\n      [class.lc-kanban__column--drop-target]=\"dropTargetColumn() === col.id\"\n      [class.lc-kanban__column--over-limit]=\"showWipLimit() && isOverLimit(col)\"\n      (dragover)=\"onDragOverColumn($event, col.id)\"\n      (dragleave)=\"onDragLeave()\"\n      (drop)=\"onDrop($event, col.id)\"\n    >\n      <div class=\"lc-kanban__column-header\">\n        @if (col.color) {\n          <span class=\"lc-kanban__column-dot\" [style.background]=\"col.color\"></span>\n        }\n        <span class=\"lc-kanban__column-title\">{{ col.title }}</span>\n        @if (showCardCount()) {\n          <span class=\"lc-kanban__column-count\">{{ col.cards.length }}</span>\n        }\n        @if (showWipLimit() && col.limit) {\n          <span class=\"lc-kanban__column-limit\" [class.lc-kanban__column-limit--over]=\"isOverLimit(col)\">\n            / {{ col.limit }}\n          </span>\n        }\n      </div>\n\n      <div class=\"lc-kanban__cards\">\n        @for (card of col.cards; track card.id) {\n          <div\n            class=\"lc-kanban__card\"\n            role=\"button\"\n            tabindex=\"0\"\n            [attr.data-card-id]=\"card.id\"\n            [attr.aria-keyshortcuts]=\"readonly() ? null : 'Alt+ArrowLeft Alt+ArrowRight Alt+ArrowUp Alt+ArrowDown'\"\n            [class.lc-kanban__card--dragging]=\"draggedCard()?.card?.id === card.id\"\n            [class.lc-kanban__card--readonly]=\"readonly()\"\n            [attr.draggable]=\"!readonly()\"\n            (dragstart)=\"onDragStart($event, card, col.id)\"\n            (dragover)=\"onDragOver($event, col.id, $index)\"\n            (drop)=\"onDrop($event, col.id, $index)\"\n            (dragend)=\"onDragEnd()\"\n            (click)=\"onCardClick(card, col.id)\"\n            (keydown)=\"onCardKeydown($event, card, col.id)\"\n          >\n            @if (card.priority) {\n              <lc-icon [name]=\"getPriorityIcon(card.priority)\" size=\"xs\" [color]=\"getPriorityColor(card.priority)\" class=\"lc-kanban__card-priority\" [ariaLabel]=\"priorityAriaLabel() + ' ' + card.priority\"></lc-icon>\n            }\n            <span class=\"lc-kanban__card-title\">{{ card.title }}</span>\n\n            @if (card.description) {\n              <p class=\"lc-kanban__card-desc\">{{ card.description }}</p>\n            }\n\n            @if (card.labels?.length || card.assignee) {\n              <div class=\"lc-kanban__card-footer\">\n                @if (card.labels?.length) {\n                  <div class=\"lc-kanban__card-labels\">\n                    @for (label of card.labels; track label.text) {\n                      <span class=\"lc-kanban__card-label\" [style.--label-color]=\"label.color || 'var(--color-primary-500)'\">{{ label.text }}</span>\n                    }\n                  </div>\n                }\n                @if (card.assignee) {\n                  <span class=\"lc-kanban__card-assignee\">{{ card.assignee }}</span>\n                }\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Empty state drop zone -->\n        @if (col.cards.length === 0) {\n          <div\n            class=\"lc-kanban__empty\"\n            (dragover)=\"onDragOver($event, col.id, 0)\"\n            (drop)=\"onDrop($event, col.id, 0)\"\n          >\n            {{ emptyColumnLabel() }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-kanban-board.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/kanban-board/kanban-board.component.ts","../../../../libs/angular-ui-kit/src/lib/kanban-board/kanban-board.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Injector,\n  afterNextRender,\n  inject,\n  input,\n  linkedSignal,\n  signal,\n  output,\n} from '@angular/core';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport { ICON_ARROW_DOWN, ICON_EXCLAMATION_CIRCLE } from '@lifecorner/angular-ui-kit/icons';\n\nexport interface KanbanCard {\n  id: string;\n  title: string;\n  description?: string;\n  labels?: KanbanLabel[];\n  assignee?: string;\n  priority?: 'low' | 'medium' | 'high' | 'critical';\n}\n\nexport interface KanbanLabel {\n  text: string;\n  color?: string;\n}\n\nexport interface KanbanColumn {\n  id: string;\n  title: string;\n  cards: KanbanCard[];\n  color?: string;\n  limit?: number;\n}\n\nexport interface KanbanMoveEvent {\n  cardId: string;\n  fromColumnId: string;\n  toColumnId: string;\n  toIndex: number;\n}\n\n@Component({\n  selector: 'lc-kanban-board',\n  standalone: true,\n  imports: [IconComponent],\n  viewProviders: [ɵprovideKitIcons([ICON_EXCLAMATION_CIRCLE, ICON_ARROW_DOWN])],\n  templateUrl: './kanban-board.component.html',\n  styleUrls: ['./kanban-board.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class KanbanBoardComponent {\n  readonly columns = input.required<KanbanColumn[]>();\n  readonly showCardCount = input(true);\n  readonly showWipLimit = input(true);\n  readonly readonly = input(false);\n\n  /** Placeholder text of an empty column. */\n  readonly emptyColumnLabel = input('Drop here');\n\n  /** Accessible name prefix of a card's priority marker, followed by the priority. */\n  readonly priorityAriaLabel = input('Priority:');\n\n  readonly cardMoved = output<KanbanMoveEvent>();\n  readonly cardClick = output<{ card: KanbanCard; columnId: string }>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly injector = inject(Injector);\n\n  /**\n   * Local working copy of the columns. Re-seeded from the `columns` input\n   * whenever the parent provides a new value, while drops / keyboard moves\n   * update it locally without waiting for the parent to echo the change back.\n   */\n  protected internalColumns = linkedSignal<KanbanColumn[]>(() => this.columns());\n  protected draggedCard = signal<{ card: KanbanCard; columnId: string } | null>(null);\n  protected dropTargetColumn = signal<string | null>(null);\n  protected dropTargetIndex = signal<number>(-1);\n\n  protected readonly displayColumns = this.internalColumns.asReadonly();\n\n  protected isOverLimit(col: KanbanColumn): boolean {\n    return !!col.limit && col.cards.length > col.limit;\n  }\n\n  protected getPriorityIcon(priority?: string): string {\n    switch (priority) {\n      case 'critical': return 'exclamation-circle';\n      case 'high': return 'arrow-up';\n      case 'medium': return 'minus';\n      case 'low': return 'arrow-down';\n      default: return '';\n    }\n  }\n\n  protected getPriorityColor(priority?: string): string {\n    switch (priority) {\n      // Status inks: 3:1 on the card surface in both themes.\n      case 'critical': return 'var(--color-on-error-subtle)';\n      case 'high': return 'var(--color-on-warning-subtle)';\n      case 'medium': return 'var(--color-on-info-subtle)';\n      case 'low': return 'var(--color-on-success-subtle)';\n      default: return '';\n    }\n  }\n\n  protected onDragStart(event: DragEvent, card: KanbanCard, columnId: string): void {\n    if (this.readonly()) { event.preventDefault(); return; }\n    this.draggedCard.set({ card, columnId });\n    if (event.dataTransfer) {\n      event.dataTransfer.effectAllowed = 'move';\n      event.dataTransfer.setData('text/plain', card.id);\n    }\n  }\n\n  protected onDragOver(event: DragEvent, columnId: string, index: number): void {\n    event.preventDefault();\n    if (event.dataTransfer) event.dataTransfer.dropEffect = 'move';\n    this.dropTargetColumn.set(columnId);\n    this.dropTargetIndex.set(index);\n  }\n\n  protected onDragOverColumn(event: DragEvent, columnId: string): void {\n    event.preventDefault();\n    if (event.dataTransfer) event.dataTransfer.dropEffect = 'move';\n    this.dropTargetColumn.set(columnId);\n  }\n\n  protected onDragLeave(): void {\n    this.dropTargetColumn.set(null);\n    this.dropTargetIndex.set(-1);\n  }\n\n  protected onDrop(event: DragEvent, toColumnId: string, toIndex?: number): void {\n    event.preventDefault();\n    const dragged = this.draggedCard();\n    if (!dragged) return;\n\n    this.moveCard(dragged.card.id, dragged.columnId, toColumnId, toIndex);\n    this.draggedCard.set(null);\n    this.dropTargetColumn.set(null);\n    this.dropTargetIndex.set(-1);\n  }\n\n  /**\n   * Keyboard alternative to drag & drop: Enter / Space activate the card,\n   * Alt+ArrowLeft / Alt+ArrowRight move it to the neighbouring column,\n   * Alt+ArrowUp / Alt+ArrowDown reorder it within its column. Moves are\n   * suppressed in readonly mode, exactly like drag & drop.\n   */\n  protected onCardKeydown(event: KeyboardEvent, card: KanbanCard, columnId: string): void {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.onCardClick(card, columnId);\n      return;\n    }\n    if (!event.altKey || this.readonly()) return;\n\n    const cols = this.displayColumns();\n    const colIdx = cols.findIndex(c => c.id === columnId);\n    if (colIdx < 0) return;\n    const cardIdx = cols[colIdx].cards.findIndex(c => c.id === card.id);\n    if (cardIdx < 0) return;\n\n    let toColumnId: string | undefined;\n    let toIndex: number | undefined;\n    switch (event.key) {\n      case 'ArrowLeft':\n        if (colIdx > 0) { toColumnId = cols[colIdx - 1].id; toIndex = cols[colIdx - 1].cards.length; }\n        break;\n      case 'ArrowRight':\n        if (colIdx < cols.length - 1) { toColumnId = cols[colIdx + 1].id; toIndex = cols[colIdx + 1].cards.length; }\n        break;\n      case 'ArrowUp':\n        if (cardIdx > 0) { toColumnId = columnId; toIndex = cardIdx - 1; }\n        break;\n      case 'ArrowDown':\n        if (cardIdx < cols[colIdx].cards.length - 1) { toColumnId = columnId; toIndex = cardIdx + 1; }\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    if (toColumnId === undefined) return;\n\n    this.moveCard(card.id, columnId, toColumnId, toIndex);\n    // The card element is re-created inside the target column's @for block,\n    // so keyboard focus has to be restored explicitly after the next render.\n    afterNextRender(\n      () => {\n        const cards = this.host.nativeElement.querySelectorAll<HTMLElement>('.lc-kanban__card');\n        Array.from(cards).find(el => el.dataset['cardId'] === card.id)?.focus();\n      },\n      { injector: this.injector },\n    );\n  }\n\n  /** Moves a card between / within columns and emits `cardMoved`. */\n  private moveCard(cardId: string, fromColumnId: string, toColumnId: string, toIndex?: number): void {\n    const cols = this.displayColumns().map(c => ({ ...c, cards: [...c.cards] }));\n    const fromCol = cols.find(c => c.id === fromColumnId);\n    const toCol = cols.find(c => c.id === toColumnId);\n    if (!fromCol || !toCol) return;\n\n    const cardIdx = fromCol.cards.findIndex(c => c.id === cardId);\n    if (cardIdx < 0) return;\n\n    const [card] = fromCol.cards.splice(cardIdx, 1);\n    const insertIdx = toIndex ?? toCol.cards.length;\n    toCol.cards.splice(insertIdx, 0, card);\n\n    this.internalColumns.set(cols);\n\n    this.cardMoved.emit({\n      cardId: card.id,\n      fromColumnId,\n      toColumnId,\n      toIndex: insertIdx,\n    });\n  }\n\n  protected onDragEnd(): void {\n    this.draggedCard.set(null);\n    this.dropTargetColumn.set(null);\n    this.dropTargetIndex.set(-1);\n  }\n\n  protected onCardClick(card: KanbanCard, columnId: string): void {\n    this.cardClick.emit({ card, columnId });\n  }\n\n}\n","<div class=\"lc-kanban\">\n  @for (col of displayColumns(); track col.id) {\n    <div\n      class=\"lc-kanban__column\"\n      [class.lc-kanban__column--drop-target]=\"dropTargetColumn() === col.id\"\n      [class.lc-kanban__column--over-limit]=\"showWipLimit() && isOverLimit(col)\"\n      (dragover)=\"onDragOverColumn($event, col.id)\"\n      (dragleave)=\"onDragLeave()\"\n      (drop)=\"onDrop($event, col.id)\"\n    >\n      <div class=\"lc-kanban__column-header\">\n        @if (col.color) {\n          <span class=\"lc-kanban__column-dot\" [style.background]=\"col.color\"></span>\n        }\n        <span class=\"lc-kanban__column-title\">{{ col.title }}</span>\n        @if (showCardCount()) {\n          <span class=\"lc-kanban__column-count\">{{ col.cards.length }}</span>\n        }\n        @if (showWipLimit() && col.limit) {\n          <span class=\"lc-kanban__column-limit\" [class.lc-kanban__column-limit--over]=\"isOverLimit(col)\">\n            / {{ col.limit }}\n          </span>\n        }\n      </div>\n\n      <div class=\"lc-kanban__cards\">\n        @for (card of col.cards; track card.id) {\n          <div\n            class=\"lc-kanban__card\"\n            role=\"button\"\n            tabindex=\"0\"\n            [attr.data-card-id]=\"card.id\"\n            [attr.aria-keyshortcuts]=\"readonly() ? null : 'Alt+ArrowLeft Alt+ArrowRight Alt+ArrowUp Alt+ArrowDown'\"\n            [class.lc-kanban__card--dragging]=\"draggedCard()?.card?.id === card.id\"\n            [class.lc-kanban__card--readonly]=\"readonly()\"\n            [attr.draggable]=\"!readonly()\"\n            (dragstart)=\"onDragStart($event, card, col.id)\"\n            (dragover)=\"onDragOver($event, col.id, $index)\"\n            (drop)=\"onDrop($event, col.id, $index)\"\n            (dragend)=\"onDragEnd()\"\n            (click)=\"onCardClick(card, col.id)\"\n            (keydown)=\"onCardKeydown($event, card, col.id)\"\n          >\n            @if (card.priority) {\n              <lc-icon [name]=\"getPriorityIcon(card.priority)\" size=\"xs\" [color]=\"getPriorityColor(card.priority)\" class=\"lc-kanban__card-priority\" [ariaLabel]=\"priorityAriaLabel() + ' ' + card.priority\"></lc-icon>\n            }\n            <span class=\"lc-kanban__card-title\">{{ card.title }}</span>\n\n            @if (card.description) {\n              <p class=\"lc-kanban__card-desc\">{{ card.description }}</p>\n            }\n\n            @if (card.labels?.length || card.assignee) {\n              <div class=\"lc-kanban__card-footer\">\n                @if (card.labels?.length) {\n                  <div class=\"lc-kanban__card-labels\">\n                    @for (label of card.labels; track label.text) {\n                      <span class=\"lc-kanban__card-label\" [style.--label-color]=\"label.color || 'var(--color-primary-500)'\">{{ label.text }}</span>\n                    }\n                  </div>\n                }\n                @if (card.assignee) {\n                  <span class=\"lc-kanban__card-assignee\">{{ card.assignee }}</span>\n                }\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Empty state drop zone -->\n        @if (col.cards.length === 0) {\n          <div\n            class=\"lc-kanban__empty\"\n            (dragover)=\"onDragOver($event, col.id, 0)\"\n            (drop)=\"onDrop($event, col.id, 0)\"\n          >\n            {{ emptyColumnLabel() }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n"],"mappings":";;;;AAqDA,IAAa,uBAAb,MAAa,qBAAoB;CACtB,UAAU,MAAM,SAA0B,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC1C,gBAAgB,MAAM,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAC3B,eAAe,MAAM,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAC1B,WAAW,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAGvB,mBAAmB,MAAM,aAAY,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAGrC,oBAAoB,MAAM,aAAY,GAAA,YAAA,CAAA,EAAA,WAAA,oBAAA,CAAA,+BAAA,CAAA,CAAA;CAEtC,YAAY,OAAM;CAClB,YAAY,OAAM;CAEV,OAAO,OAAgC,UAAU;CACjD,WAAW,OAAO,QAAQ;CAOjC,kBAAkB,mBAAmC,KAAK,QAAO,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CACpE,cAAc,OAAsD,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CACzE,mBAAmB,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAC9C,kBAAkB,OAAe,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAE3B,iBAAiB,KAAK,gBAAgB,WAAU;CAEzD,YAAY,KAAiB;EACrC,OAAO,CAAC,CAAC,IAAI,SAAS,IAAI,MAAM,SAAS,IAAI;CAC/C;CAEU,gBAAgB,UAAiB;EACzC,QAAQ,UAAR;GACE,KAAK,YAAY,OAAO;GACxB,KAAK,QAAQ,OAAO;GACpB,KAAK,UAAU,OAAO;GACtB,KAAK,OAAO,OAAO;GACnB,SAAS,OAAO;EAClB;CACF;CAEU,iBAAiB,UAAiB;EAC1C,QAAQ,UAAR;GAEE,KAAK,YAAY,OAAO;GACxB,KAAK,QAAQ,OAAO;GACpB,KAAK,UAAU,OAAO;GACtB,KAAK,OAAO,OAAO;GACnB,SAAS,OAAO;EAClB;CACF;CAEU,YAAY,OAAkB,MAAkB,UAAgB;EACxE,IAAI,KAAK,SAAQ,GAAI;GAAE,MAAM,eAAc;GAAI;EAAQ;EACvD,KAAK,YAAY,IAAI;GAAE;GAAM;EAAQ,CAAE;EACvC,IAAI,MAAM,cAAc;GACtB,MAAM,aAAa,gBAAgB;GACnC,MAAM,aAAa,QAAQ,cAAc,KAAK,EAAE;EAClD;CACF;CAEU,WAAW,OAAkB,UAAkB,OAAa;EACpE,MAAM,eAAc;EACpB,IAAI,MAAM,cAAc,MAAM,aAAa,aAAa;EACxD,KAAK,iBAAiB,IAAI,QAAQ;EAClC,KAAK,gBAAgB,IAAI,KAAK;CAChC;CAEU,iBAAiB,OAAkB,UAAgB;EAC3D,MAAM,eAAc;EACpB,IAAI,MAAM,cAAc,MAAM,aAAa,aAAa;EACxD,KAAK,iBAAiB,IAAI,QAAQ;CACpC;CAEU,cAAW;EACnB,KAAK,iBAAiB,IAAI,IAAI;EAC9B,KAAK,gBAAgB,IAAI,EAAE;CAC7B;CAEU,OAAO,OAAkB,YAAoB,SAAgB;EACrE,MAAM,eAAc;EACpB,MAAM,UAAU,KAAK,YAAW;EAChC,IAAI,CAAC,SAAS;EAEd,KAAK,SAAS,QAAQ,KAAK,IAAI,QAAQ,UAAU,YAAY,OAAO;EACpE,KAAK,YAAY,IAAI,IAAI;EACzB,KAAK,iBAAiB,IAAI,IAAI;EAC9B,KAAK,gBAAgB,IAAI,EAAE;CAC7B;CAQU,cAAc,OAAsB,MAAkB,UAAgB;EAC9E,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;GAC9C,MAAM,eAAc;GACpB,KAAK,YAAY,MAAM,QAAQ;GAC/B;EACF;EACA,IAAI,CAAC,MAAM,UAAU,KAAK,SAAQ,GAAI;EAEtC,MAAM,OAAO,KAAK,eAAc;EAChC,MAAM,SAAS,KAAK,WAAU,MAAK,EAAE,OAAO,QAAQ;EACpD,IAAI,SAAS,GAAG;EAChB,MAAM,UAAU,KAAK,OAAO,CAAC,MAAM,WAAU,MAAK,EAAE,OAAO,KAAK,EAAE;EAClE,IAAI,UAAU,GAAG;EAEjB,IAAI;EACJ,IAAI;EACJ,QAAQ,MAAM,KAAd;GACE,KAAK;IACH,IAAI,SAAS,GAAG;KAAE,aAAa,KAAK,SAAS,EAAE,CAAC;KAAI,UAAU,KAAK,SAAS,EAAE,CAAC,MAAM;IAAQ;IAC7F;GACF,KAAK;IACH,IAAI,SAAS,KAAK,SAAS,GAAG;KAAE,aAAa,KAAK,SAAS,EAAE,CAAC;KAAI,UAAU,KAAK,SAAS,EAAE,CAAC,MAAM;IAAQ;IAC3G;GACF,KAAK;IACH,IAAI,UAAU,GAAG;KAAE,aAAa;KAAU,UAAU,UAAU;IAAG;IACjE;GACF,KAAK;IACH,IAAI,UAAU,KAAK,OAAO,CAAC,MAAM,SAAS,GAAG;KAAE,aAAa;KAAU,UAAU,UAAU;IAAG;IAC7F;GACF,SACE;EACJ;EACA,MAAM,eAAc;EACpB,IAAI,eAAe,QAAW;EAE9B,KAAK,SAAS,KAAK,IAAI,UAAU,YAAY,OAAO;EAGpD,sBACO;GACH,MAAM,QAAQ,KAAK,KAAK,cAAc,iBAA8B,kBAAkB;GACtF,MAAM,KAAK,KAAK,CAAC,CAAC,MAAK,OAAM,GAAG,QAAQ,cAAc,KAAK,EAAE,CAAC,EAAE,MAAK;EACvE,GACA,EAAE,UAAU,KAAK,SAAQ,CAAE;CAE/B;CAGQ,SAAS,QAAgB,cAAsB,YAAoB,SAAgB;EACzF,MAAM,OAAO,KAAK,eAAc,CAAE,CAAC,KAAI,OAAM;GAAE,GAAG;GAAG,OAAO,CAAC,GAAG,EAAE,KAAK;EAAC,EAAG;EAC3E,MAAM,UAAU,KAAK,MAAK,MAAK,EAAE,OAAO,YAAY;EACpD,MAAM,QAAQ,KAAK,MAAK,MAAK,EAAE,OAAO,UAAU;EAChD,IAAI,CAAC,WAAW,CAAC,OAAO;EAExB,MAAM,UAAU,QAAQ,MAAM,WAAU,MAAK,EAAE,OAAO,MAAM;EAC5D,IAAI,UAAU,GAAG;EAEjB,MAAM,CAAC,QAAQ,QAAQ,MAAM,OAAO,SAAS,CAAC;EAC9C,MAAM,YAAY,WAAW,MAAM,MAAM;EACzC,MAAM,MAAM,OAAO,WAAW,GAAG,IAAI;EAErC,KAAK,gBAAgB,IAAI,IAAI;EAE7B,KAAK,UAAU,KAAK;GAClB,QAAQ,KAAK;GACb;GACA;GACA,SAAS;EACV,CAAA;CACH;CAEU,YAAS;EACjB,KAAK,YAAY,IAAI,IAAI;EACzB,KAAK,iBAAiB,IAAI,IAAI;EAC9B,KAAK,gBAAgB,IAAI,EAAE;CAC7B;CAEU,YAAY,MAAkB,UAAgB;EACtD,KAAK,UAAU,KAAK;GAAE;GAAM;EAAQ,CAAE;CACxC;CAlLW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAoB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,kBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,mBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA;GAAA,WAAA;GAAA,WAAA;EAAA;EAAA,UAAA;EAAA,UCrDjC;EAmFA,QAAA,CAAA,g3FAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MDpCY;GAAa,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,eACR,CAAC,iBAAiB,CAAC,yBAAyB,eAAe,CAAC,CAAC;EAAC,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAKlE,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EAThC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAiB,YACf;GAAI,SACP,CAAC,aAAa;GAAC,eACT,CAAC,iBAAiB,CAAC,yBAAyB,eAAe,CAAC,CAAC;GAAC,iBAG5D,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,g3FAAA;EAAA,CAAA"}

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

@@ -508,8 +508,8 @@ var LogViewerComponent = class LogViewerComponent {
 			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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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__tool-btn:focus-visible{opacity:1;outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-log-viewer__level-pill{position:relative;font-size:.6875rem;padding:.125rem .5rem;border-radius:9999px;border:none;cursor:pointer;font-family:var(--font-family-sans);transition:box-shadow .15s}.lc-log-viewer__level-pill:before{content:\"\";position:absolute;inset-inline:-.125rem;top:calc(50% - 20px);bottom:calc(50% - 20px)}.lc-log-viewer__level-pill--active{box-shadow:inset 0 0 0 1px currentColor}.lc-log-viewer__level-pill:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-log-viewer__level-pill--error{background-color:#9d0e0e2e;color:var(--color-on-error-subtle)}.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-on-warning-subtle)}.lc-log-viewer--terminal .lc-log-viewer__level-pill--warn{background-color:#3d3520;color:#f9e2af}@media(forced-colors:active){.lc-log-viewer__level-pill--active:not(:focus-visible){outline:2px solid Highlight;outline-offset:1px}}.lc-log-viewer__line-count{font-size:.6875rem;color:var(--color-text-tertiary);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{color:var(--color-text-tertiary);opacity:1}.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:2px solid var(--color-primary-500);outline-offset:-2px}.lc-log-viewer__line--debug{color:var(--color-text-secondary)}.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:var(--color-text-secondary);min-width:3ch;text-align:right;-webkit-user-select:none;user-select:none}.lc-log-viewer__timestamp{color:var(--color-text-secondary);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-on-info-subtle)}.lc-log-viewer__line--warn .lc-log-viewer__level{color:var(--color-on-warning-subtle)}.lc-log-viewer__line--error .lc-log-viewer__level{color:var(--color-on-error-subtle)}.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__level{color:#9399b2}.lc-log-viewer--terminal .lc-log-viewer__line--info .lc-log-viewer__level{color:#89b4fa}.lc-log-viewer--terminal .lc-log-viewer__line--warn .lc-log-viewer__level{color:#f9e2af}.lc-log-viewer--terminal .lc-log-viewer__line--error .lc-log-viewer__level{color:#f38ba8}.lc-log-viewer__source{color:var(--color-text-secondary)}.lc-log-viewer__line--debug .lc-log-viewer__line-num,.lc-log-viewer__line--debug .lc-log-viewer__timestamp,.lc-log-viewer__line--debug .lc-log-viewer__source{color:var(--color-text-tertiary)}.lc-log-viewer--terminal .lc-log-viewer__line-num,.lc-log-viewer--terminal .lc-log-viewer__timestamp,.lc-log-viewer--terminal .lc-log-viewer__source,.lc-log-viewer--terminal .lc-log-viewer__line--debug{color:#a6adc8}.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__line-num,.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__timestamp,.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__source,.lc-log-viewer--terminal .lc-log-viewer__line-count,.lc-log-viewer--terminal .lc-log-viewer__search-input::placeholder{color:#9399b2}.lc-log-viewer__text{flex:1;min-width:0}.lc-log-viewer__match{background-color:var(--color-warning);color:var(--color-on-warning);border-radius:2px;padding:0 1px}.lc-log-viewer--terminal .lc-log-viewer__match{background-color:#f9e2af;color:#1e1e2e}@media(forced-colors:active){.lc-log-viewer__match,.lc-log-viewer--terminal .lc-log-viewer__match{background-color:Mark;color:MarkText}}.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:2px solid var(--color-primary-500);outline-offset:2px}.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}@media(forced-colors:active){.lc-log-viewer__tool-btn:focus-visible,.lc-log-viewer__level-pill:focus-visible,.lc-log-viewer__line--clickable:focus-visible,.lc-log-viewer__jump-bottom:focus-visible{outline-color:Highlight}}.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:#9399b2}.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:#5c5f77}: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:#5c5f77}: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"],
+		template: "<!--\n  No tab stop on the root (request 043, D-9): the output region below is the\n  viewer's stop. The shortcuts (`/`, `g`, `G`) reach this handler from any\n  control inside by bubbling.\n-->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -- keydown bubbles from the focused output region and the toolbar controls -->\n<div\n  [class]=\"containerClasses()\"\n  [style.height]=\"height()\"\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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    Keyboard-scrollable (request 043, F-26): one tab stop, unless the lines\n    are buttons themselves (`clickableLines`).\n  -->\n  <div\n    #scrollContainer\n    class=\"lc-log-viewer__content\"\n    role=\"log\"\n    aria-live=\"off\"\n    [attr.aria-label]=\"outputAriaLabel()\"\n    [attr.tabindex]=\"clickableLines() ? null : 0\"\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\" [decorative]=\"true\" />\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--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:.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__tool-btn:focus-visible{opacity:1;outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-log-viewer__level-pill{position:relative;font-size:.6875rem;padding:.125rem .5rem;border-radius:9999px;border:none;cursor:pointer;font-family:var(--font-family-sans);transition:box-shadow .15s}.lc-log-viewer__level-pill:before{content:\"\";position:absolute;inset-inline:min(-.125rem,(100% - var(--size-min-touch-height, 2.75rem)) / 2);top:calc(50% - var(--size-min-touch-height, 2.75rem) / 2);bottom:calc(50% - var(--size-min-touch-height, 2.75rem) / 2)}.lc-log-viewer__level-pill--active{box-shadow:inset 0 0 0 1px currentColor}.lc-log-viewer__level-pill:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-log-viewer__level-pill--error{background-color:#9d0e0e2e;color:var(--color-on-error-subtle)}.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-on-warning-subtle)}.lc-log-viewer--terminal .lc-log-viewer__level-pill--warn{background-color:#3d3520;color:#f9e2af}@media(forced-colors:active){.lc-log-viewer__level-pill--active:not(:focus-visible){outline:2px solid Highlight;outline-offset:1px}}.lc-log-viewer__line-count{font-size:.6875rem;color:var(--color-text-tertiary);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{color:var(--color-text-tertiary);opacity:1}.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__content:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.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:2px solid var(--color-primary-500);outline-offset:-2px}.lc-log-viewer__line--debug{color:var(--color-text-secondary)}.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:var(--color-text-secondary);min-width:3ch;text-align:right;-webkit-user-select:none;user-select:none}.lc-log-viewer__timestamp{color:var(--color-text-secondary);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-on-info-subtle)}.lc-log-viewer__line--warn .lc-log-viewer__level{color:var(--color-on-warning-subtle)}.lc-log-viewer__line--error .lc-log-viewer__level{color:var(--color-on-error-subtle)}.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__level{color:#9399b2}.lc-log-viewer--terminal .lc-log-viewer__line--info .lc-log-viewer__level{color:#89b4fa}.lc-log-viewer--terminal .lc-log-viewer__line--warn .lc-log-viewer__level{color:#f9e2af}.lc-log-viewer--terminal .lc-log-viewer__line--error .lc-log-viewer__level{color:#f38ba8}.lc-log-viewer__source{color:var(--color-text-secondary)}.lc-log-viewer__line--debug .lc-log-viewer__line-num,.lc-log-viewer__line--debug .lc-log-viewer__timestamp,.lc-log-viewer__line--debug .lc-log-viewer__source{color:var(--color-text-tertiary)}.lc-log-viewer--terminal .lc-log-viewer__line-num,.lc-log-viewer--terminal .lc-log-viewer__timestamp,.lc-log-viewer--terminal .lc-log-viewer__source,.lc-log-viewer--terminal .lc-log-viewer__line--debug{color:#a6adc8}.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__line-num,.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__timestamp,.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__source,.lc-log-viewer--terminal .lc-log-viewer__line-count,.lc-log-viewer--terminal .lc-log-viewer__search-input::placeholder{color:#9399b2}.lc-log-viewer__text{flex:1;min-width:0}.lc-log-viewer__match{background-color:var(--color-warning);color:var(--color-on-warning);border-radius:2px;padding:0 1px}.lc-log-viewer--terminal .lc-log-viewer__match{background-color:#f9e2af;color:#1e1e2e}@media(forced-colors:active){.lc-log-viewer__match,.lc-log-viewer--terminal .lc-log-viewer__match{background-color:Mark;color:MarkText}}.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:2px solid var(--color-primary-500);outline-offset:2px}.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}@media(forced-colors:active){.lc-log-viewer__tool-btn:focus-visible,.lc-log-viewer__level-pill:focus-visible,.lc-log-viewer__line--clickable:focus-visible,.lc-log-viewer__jump-bottom:focus-visible,.lc-log-viewer__content:focus-visible{outline-color:Highlight}}.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:#9399b2}.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:#5c5f77}: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:#5c5f77}: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,
@@ -557,8 +557,8 @@ i0.ɵɵngDeclareClassMetadata({
 			])],
 			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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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__tool-btn:focus-visible{opacity:1;outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-log-viewer__level-pill{position:relative;font-size:.6875rem;padding:.125rem .5rem;border-radius:9999px;border:none;cursor:pointer;font-family:var(--font-family-sans);transition:box-shadow .15s}.lc-log-viewer__level-pill:before{content:\"\";position:absolute;inset-inline:-.125rem;top:calc(50% - 20px);bottom:calc(50% - 20px)}.lc-log-viewer__level-pill--active{box-shadow:inset 0 0 0 1px currentColor}.lc-log-viewer__level-pill:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-log-viewer__level-pill--error{background-color:#9d0e0e2e;color:var(--color-on-error-subtle)}.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-on-warning-subtle)}.lc-log-viewer--terminal .lc-log-viewer__level-pill--warn{background-color:#3d3520;color:#f9e2af}@media(forced-colors:active){.lc-log-viewer__level-pill--active:not(:focus-visible){outline:2px solid Highlight;outline-offset:1px}}.lc-log-viewer__line-count{font-size:.6875rem;color:var(--color-text-tertiary);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{color:var(--color-text-tertiary);opacity:1}.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:2px solid var(--color-primary-500);outline-offset:-2px}.lc-log-viewer__line--debug{color:var(--color-text-secondary)}.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:var(--color-text-secondary);min-width:3ch;text-align:right;-webkit-user-select:none;user-select:none}.lc-log-viewer__timestamp{color:var(--color-text-secondary);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-on-info-subtle)}.lc-log-viewer__line--warn .lc-log-viewer__level{color:var(--color-on-warning-subtle)}.lc-log-viewer__line--error .lc-log-viewer__level{color:var(--color-on-error-subtle)}.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__level{color:#9399b2}.lc-log-viewer--terminal .lc-log-viewer__line--info .lc-log-viewer__level{color:#89b4fa}.lc-log-viewer--terminal .lc-log-viewer__line--warn .lc-log-viewer__level{color:#f9e2af}.lc-log-viewer--terminal .lc-log-viewer__line--error .lc-log-viewer__level{color:#f38ba8}.lc-log-viewer__source{color:var(--color-text-secondary)}.lc-log-viewer__line--debug .lc-log-viewer__line-num,.lc-log-viewer__line--debug .lc-log-viewer__timestamp,.lc-log-viewer__line--debug .lc-log-viewer__source{color:var(--color-text-tertiary)}.lc-log-viewer--terminal .lc-log-viewer__line-num,.lc-log-viewer--terminal .lc-log-viewer__timestamp,.lc-log-viewer--terminal .lc-log-viewer__source,.lc-log-viewer--terminal .lc-log-viewer__line--debug{color:#a6adc8}.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__line-num,.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__timestamp,.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__source,.lc-log-viewer--terminal .lc-log-viewer__line-count,.lc-log-viewer--terminal .lc-log-viewer__search-input::placeholder{color:#9399b2}.lc-log-viewer__text{flex:1;min-width:0}.lc-log-viewer__match{background-color:var(--color-warning);color:var(--color-on-warning);border-radius:2px;padding:0 1px}.lc-log-viewer--terminal .lc-log-viewer__match{background-color:#f9e2af;color:#1e1e2e}@media(forced-colors:active){.lc-log-viewer__match,.lc-log-viewer--terminal .lc-log-viewer__match{background-color:Mark;color:MarkText}}.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:2px solid var(--color-primary-500);outline-offset:2px}.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}@media(forced-colors:active){.lc-log-viewer__tool-btn:focus-visible,.lc-log-viewer__level-pill:focus-visible,.lc-log-viewer__line--clickable:focus-visible,.lc-log-viewer__jump-bottom:focus-visible{outline-color:Highlight}}.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:#9399b2}.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:#5c5f77}: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:#5c5f77}: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"]
+			template: "<!--\n  No tab stop on the root (request 043, D-9): the output region below is the\n  viewer's stop. The shortcuts (`/`, `g`, `G`) reach this handler from any\n  control inside by bubbling.\n-->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -- keydown bubbles from the focused output region and the toolbar controls -->\n<div\n  [class]=\"containerClasses()\"\n  [style.height]=\"height()\"\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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    Keyboard-scrollable (request 043, F-26): one tab stop, unless the lines\n    are buttons themselves (`clickableLines`).\n  -->\n  <div\n    #scrollContainer\n    class=\"lc-log-viewer__content\"\n    role=\"log\"\n    aria-live=\"off\"\n    [attr.aria-label]=\"outputAriaLabel()\"\n    [attr.tabindex]=\"clickableLines() ? null : 0\"\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\" [decorative]=\"true\" />\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--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:.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__tool-btn:focus-visible{opacity:1;outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-log-viewer__level-pill{position:relative;font-size:.6875rem;padding:.125rem .5rem;border-radius:9999px;border:none;cursor:pointer;font-family:var(--font-family-sans);transition:box-shadow .15s}.lc-log-viewer__level-pill:before{content:\"\";position:absolute;inset-inline:min(-.125rem,(100% - var(--size-min-touch-height, 2.75rem)) / 2);top:calc(50% - var(--size-min-touch-height, 2.75rem) / 2);bottom:calc(50% - var(--size-min-touch-height, 2.75rem) / 2)}.lc-log-viewer__level-pill--active{box-shadow:inset 0 0 0 1px currentColor}.lc-log-viewer__level-pill:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-log-viewer__level-pill--error{background-color:#9d0e0e2e;color:var(--color-on-error-subtle)}.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-on-warning-subtle)}.lc-log-viewer--terminal .lc-log-viewer__level-pill--warn{background-color:#3d3520;color:#f9e2af}@media(forced-colors:active){.lc-log-viewer__level-pill--active:not(:focus-visible){outline:2px solid Highlight;outline-offset:1px}}.lc-log-viewer__line-count{font-size:.6875rem;color:var(--color-text-tertiary);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{color:var(--color-text-tertiary);opacity:1}.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__content:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.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:2px solid var(--color-primary-500);outline-offset:-2px}.lc-log-viewer__line--debug{color:var(--color-text-secondary)}.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:var(--color-text-secondary);min-width:3ch;text-align:right;-webkit-user-select:none;user-select:none}.lc-log-viewer__timestamp{color:var(--color-text-secondary);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-on-info-subtle)}.lc-log-viewer__line--warn .lc-log-viewer__level{color:var(--color-on-warning-subtle)}.lc-log-viewer__line--error .lc-log-viewer__level{color:var(--color-on-error-subtle)}.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__level{color:#9399b2}.lc-log-viewer--terminal .lc-log-viewer__line--info .lc-log-viewer__level{color:#89b4fa}.lc-log-viewer--terminal .lc-log-viewer__line--warn .lc-log-viewer__level{color:#f9e2af}.lc-log-viewer--terminal .lc-log-viewer__line--error .lc-log-viewer__level{color:#f38ba8}.lc-log-viewer__source{color:var(--color-text-secondary)}.lc-log-viewer__line--debug .lc-log-viewer__line-num,.lc-log-viewer__line--debug .lc-log-viewer__timestamp,.lc-log-viewer__line--debug .lc-log-viewer__source{color:var(--color-text-tertiary)}.lc-log-viewer--terminal .lc-log-viewer__line-num,.lc-log-viewer--terminal .lc-log-viewer__timestamp,.lc-log-viewer--terminal .lc-log-viewer__source,.lc-log-viewer--terminal .lc-log-viewer__line--debug{color:#a6adc8}.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__line-num,.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__timestamp,.lc-log-viewer--terminal .lc-log-viewer__line--debug .lc-log-viewer__source,.lc-log-viewer--terminal .lc-log-viewer__line-count,.lc-log-viewer--terminal .lc-log-viewer__search-input::placeholder{color:#9399b2}.lc-log-viewer__text{flex:1;min-width:0}.lc-log-viewer__match{background-color:var(--color-warning);color:var(--color-on-warning);border-radius:2px;padding:0 1px}.lc-log-viewer--terminal .lc-log-viewer__match{background-color:#f9e2af;color:#1e1e2e}@media(forced-colors:active){.lc-log-viewer__match,.lc-log-viewer--terminal .lc-log-viewer__match{background-color:Mark;color:MarkText}}.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:2px solid var(--color-primary-500);outline-offset:2px}.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}@media(forced-colors:active){.lc-log-viewer__tool-btn:focus-visible,.lc-log-viewer__level-pill:focus-visible,.lc-log-viewer__line--clickable:focus-visible,.lc-log-viewer__jump-bottom:focus-visible,.lc-log-viewer__content:focus-visible{outline-color:Highlight}}.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:#9399b2}.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:#5c5f77}: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:#5c5f77}: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: () => [],

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

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-log-viewer.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/log-viewer/log-viewer.component.ts","../../../../libs/angular-ui-kit/src/lib/log-viewer/log-viewer.component.html"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  NgZone,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { Observable, Subscription } from 'rxjs';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport {\n  ICON_ARROW_DOWN,\n  ICON_CLIPBOARD,\n  ICON_PLAYER_PAUSE,\n  ICON_PLAYER_PLAY,\n  ICON_SEARCH,\n  ICON_TRASH,\n} from '@lifecorner/angular-ui-kit/icons';\n\nexport type LogLevel = 'debug' | 'info' | 'warn' | 'error';\nexport type LogViewerVariant = 'terminal' | 'log';\n\nexport interface LogLine {\n  text: string;\n  level?: LogLevel;\n  timestamp?: Date;\n  source?: string;\n  meta?: Record<string, unknown>;\n}\n\n/** SGR code → CSS class for the ANSI subset the viewer renders. */\nconst ANSI_CLASSES: Record<string, string> = {\n  '1': 'ansi-bold',\n  '3': 'ansi-italic',\n  '30': 'ansi-black',\n  '31': 'ansi-red',\n  '32': 'ansi-green',\n  '33': 'ansi-yellow',\n  '34': 'ansi-blue',\n  '35': 'ansi-magenta',\n  '36': 'ansi-cyan',\n  '37': 'ansi-white',\n  '90': 'ansi-gray',\n  '91': 'ansi-bright-red',\n  '92': 'ansi-bright-green',\n  '93': 'ansi-bright-yellow',\n  '94': 'ansi-bright-blue',\n  '95': 'ansi-bright-magenta',\n  '96': 'ansi-bright-cyan',\n  '97': 'ansi-bright-white',\n};\n\n/** Row height fallback when `--lc-log-viewer-line-height` can't be read (SSR, tests). */\nconst DEFAULT_LINE_HEIGHT = 22;\n\n/** Distance from the bottom (px) still counted as \"at the bottom\". */\nconst AT_BOTTOM_THRESHOLD = 30;\n\n/**\n * Streaming log / terminal viewer component.\n *\n * Supports controlled (lines input) and streaming (stream$ observable) modes,\n * virtualized rendering for large buffers, ANSI color parsing, auto-scroll,\n * and filtering.\n *\n * The virtual window is sized from the *measured* height of the scroll area\n * (ResizeObserver), so any `height` — `400px`, `50vh`, `100%` inside a flex\n * parent — renders a full window. Row height comes from the CSS custom\n * property `--lc-log-viewer-line-height` (default 22px), read once after the\n * first render; override it on the host to change the row density.\n *\n * @example\n * ```html\n * <lc-log-viewer [stream$]=\"logs$\" autoScroll height=\"600px\" variant=\"terminal\" />\n * ```\n */\n@Component({\n  selector: 'lc-log-viewer',\n  standalone: true,\n  imports: [IconComponent],\n  viewProviders: [\n    ɵprovideKitIcons([ICON_TRASH, ICON_SEARCH, ICON_PLAYER_PLAY, ICON_PLAYER_PAUSE, ICON_CLIPBOARD, ICON_ARROW_DOWN]),\n  ],\n  templateUrl: './log-viewer.component.html',\n  styleUrls: ['./log-viewer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class LogViewerComponent {\n  private static nextId = 0;\n  /** Id of the search input (links its visually-hidden label). */\n  protected readonly searchInputId = `lc-log-viewer-search-${++LogViewerComponent.nextId}`;\n\n  private readonly ngZone = inject(NgZone);\n  private readonly injector = inject(Injector);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly scrollContainer = viewChild.required<ElementRef<HTMLElement>>('scrollContainer');\n  private readonly searchInput = viewChild<ElementRef<HTMLInputElement>>('searchInput');\n  private streamSub?: Subscription;\n\n  /** Controlled mode: array of log lines */\n  readonly lines = input<LogLine[]>([]);\n\n  /** Streaming mode: observable of log lines */\n  readonly stream$ = input<Observable<LogLine | LogLine[]>>();\n\n  /** Maximum lines to keep in buffer */\n  readonly maxLines = input<number>(10_000);\n\n  /**\n   * Follow new lines: scroll to the bottom whenever the visible line count\n   * changes — but only while the reader is already at the bottom, so scrolling\n   * up to inspect older output is never fought.\n   */\n  readonly autoScroll = input<boolean>(true);\n\n  /** Show timestamps column */\n  readonly showTimestamps = input<boolean>(true);\n\n  /** Show line numbers */\n  readonly showLineNumbers = input<boolean>(false);\n\n  /** Parse ANSI color codes */\n  readonly ansiColors = input<boolean>(true);\n\n  /** Filter by log levels */\n  readonly levelFilter = input<LogLevel[]>();\n\n  /** Search query to highlight */\n  readonly searchQuery = input<string>();\n\n  /** Container height */\n  readonly height = input<string>('400px');\n\n  /** Visual variant */\n  readonly variant = input<LogViewerVariant>('log');\n\n  /**\n   * Render lines as interactive rows (`role=\"button\"`, focusable, Enter/Space\n   * emit `lineClick`). Set this whenever you bind `(lineClick)` so keyboard\n   * users can activate a line too; a plain click emits either way.\n   */\n  readonly clickableLines = input<boolean>(false);\n\n  /** BCP 47 locale of the line timestamps (24-hour clock). */\n  readonly locale = input('en-US');\n\n  /** Tooltip of the pause button while streaming. */\n  readonly pauseLabel = input('Pause');\n\n  /** Tooltip of the pause button while paused. */\n  readonly resumeLabel = input('Resume');\n\n  /** Accessible name of the pause button while streaming. */\n  readonly pauseAriaLabel = input('Pause stream');\n\n  /** Accessible name of the pause button while paused. */\n  readonly resumeAriaLabel = input('Resume stream');\n\n  /** Tooltip of the clear button. */\n  readonly clearLabel = input('Clear');\n\n  /** Accessible name of the clear button. */\n  readonly clearAriaLabel = input('Clear log');\n\n  /** Tooltip of the copy button. */\n  readonly copyLabel = input('Copy all');\n\n  /** Accessible name of the copy button. */\n  readonly copyAriaLabel = input('Copy all lines');\n\n  /** Tooltip of the search toggle. */\n  readonly searchLabel = input('Search (/)');\n\n  /** Accessible name of the search toggle. */\n  readonly searchAriaLabel = input('Search log');\n\n  /** Label of the search field (visually hidden). */\n  readonly searchInputLabel = input('Search logs');\n\n  /** Placeholder of the search field. */\n  readonly searchPlaceholder = input('Search logs...');\n\n  /** Unit after the error count in the level filter. */\n  readonly errorsLabel = input('errors');\n\n  /** Unit after the warning count in the level filter. */\n  readonly warningsLabel = input('warnings');\n\n  /** Unit after the line count. */\n  readonly linesLabel = input('lines');\n\n  /** Accessible name of the log region. */\n  readonly outputAriaLabel = input('Log output');\n\n  /** Label of the jump-to-bottom button. */\n  readonly jumpToBottomLabel = input('Jump to bottom');\n\n  /** Emitted when a line is clicked (or activated with Enter/Space) */\n  readonly lineClick = output<LogLine>();\n\n  /**\n   * Emitted with the copied text after \"Copy all\" — also when the Clipboard\n   * API is unavailable (insecure context, denied permission), so consumers can\n   * offer their own fallback.\n   */\n  readonly copyAll = output<string>();\n\n  /** Emitted when scroll state changes */\n  readonly scrollStateChange = output<{ atBottom: boolean }>();\n\n  /** Internal buffer of all lines */\n  protected buffer = signal<LogLine[]>([]);\n\n  /** Whether stream is paused */\n  protected paused = signal(false);\n\n  /** Whether user is at bottom of scroll */\n  protected atBottom = signal(true);\n\n  /** Internal search input */\n  protected internalSearch = signal('');\n\n  /** Internal level filter */\n  protected internalLevelFilter = signal<Set<LogLevel>>(new Set());\n\n  /** Show search bar */\n  protected showSearch = signal(false);\n\n  /** Effective search query */\n  protected effectiveSearch = computed(() => {\n    return this.searchQuery() || this.internalSearch();\n  });\n\n  /** Filtered lines for display */\n  protected filteredLines = computed(() => {\n    let lines = this.buffer();\n    const levels = this.levelFilter();\n    const internalFilter = this.internalLevelFilter();\n\n    // Apply level filter\n    if (levels?.length) {\n      lines = lines.filter((l) => l.level && levels.includes(l.level));\n    } else if (internalFilter.size > 0) {\n      lines = lines.filter((l) => l.level && internalFilter.has(l.level));\n    }\n\n    return lines;\n  });\n\n  // ── Virtual window ────────────────────────────────────────────────────\n\n  protected scrollTop = signal(0);\n\n  /**\n   * Measured `clientHeight` of the scroll area (excludes toolbar and search\n   * bar by construction). 0 until the first ResizeObserver callback.\n   */\n  private readonly viewportHeight = signal(0);\n\n  /** Row height in px — `--lc-log-viewer-line-height`, read once after render. */\n  protected readonly lineHeight = signal(DEFAULT_LINE_HEIGHT);\n\n  protected visibleRange = computed(() => {\n    const lineHeight = this.lineHeight();\n    const measured = this.viewportHeight();\n    // Before the first measurement fall back to the declared height (minus a\n    // nominal toolbar) so the first frame already shows a plausible window.\n    const viewHeight = measured > 0 ? measured : (parseInt(this.height(), 10) || 400) - 40;\n    const total = this.filteredLines().length;\n    const start = Math.floor(this.scrollTop() / lineHeight);\n    const visible = Math.ceil(viewHeight / lineHeight) + 2;\n    return {\n      start: Math.max(0, start - 1),\n      end: Math.min(total, start + visible + 1),\n      total,\n      totalHeight: total * lineHeight,\n    };\n  });\n\n  protected visibleLines = computed(() => {\n    const range = this.visibleRange();\n    return this.filteredLines().slice(range.start, range.end).map((line, i) => ({\n      ...line,\n      _index: range.start + i,\n    }));\n  });\n\n  protected containerClasses = computed(() => {\n    return `lc-log-viewer lc-log-viewer--${this.variant()}`;\n  });\n\n  /** Line counts per level for toolbar */\n  protected levelCounts = computed(() => {\n    const buf = this.buffer();\n    const counts = { debug: 0, info: 0, warn: 0, error: 0 };\n    for (const line of buf) {\n      if (line.level && line.level in counts) counts[line.level as keyof typeof counts]++;\n    }\n    return counts;\n  });\n\n  constructor() {\n    // Controlled mode: mirror `lines` into the buffer — unconditionally, so\n    // `[lines]=\"[]\"` clears the view. `maxLines` is read untracked: changing\n    // it must not wipe a streamed buffer through this effect.\n    effect(() => {\n      const input = this.lines();\n      untracked(() => this.buffer.set(this.trim(input, this.maxLines())));\n    });\n\n    // Streaming mode. The subscribe body runs untracked: BehaviorSubject /\n    // ReplaySubject / of() emit synchronously inside this effect, and reading\n    // `paused()` / `maxLines()` there would make them dependencies — toggling\n    // Pause would then re-subscribe and replay duplicates.\n    effect(() => {\n      const stream = this.stream$();\n      this.streamSub?.unsubscribe();\n      this.streamSub = undefined;\n      if (!stream) return;\n      untracked(() => {\n        this.streamSub = stream.subscribe((data) => this.append(Array.isArray(data) ? data : [data]));\n      });\n    });\n    this.destroyRef.onDestroy(() => this.streamSub?.unsubscribe());\n\n    // Follow mode: whenever the visible lines change (new lines, filter),\n    // stick to the bottom — but only if the reader is already there.\n    effect(() => {\n      this.filteredLines();\n      if (!this.autoScroll() || !untracked(this.atBottom)) return;\n      afterNextRender(() => this.scrollToBottom(), { injector: this.injector });\n    });\n\n    afterNextRender(() => {\n      const el = this.scrollContainer().nativeElement;\n\n      // Row height from CSS (once) so the virtual window matches the rows.\n      const declared = parseFloat(getComputedStyle(el).getPropertyValue('--lc-log-viewer-line-height'));\n      if (declared > 0) this.lineHeight.set(declared);\n\n      // Passive scroll tracking outside the zone.\n      const onScroll = () => this.onScroll();\n      this.ngZone.runOutsideAngular(() => el.addEventListener('scroll', onScroll, { passive: true }));\n      this.destroyRef.onDestroy(() => el.removeEventListener('scroll', onScroll));\n\n      // Measure the scroll area so `height=\"100%\"`, `50vh`, flex parents … all\n      // yield a correctly sized window (not one derived from parseInt(height)).\n      this.viewportHeight.set(el.clientHeight);\n      if (typeof ResizeObserver === 'undefined') return;\n      const observer = new ResizeObserver(() => this.viewportHeight.set(el.clientHeight));\n      observer.observe(el);\n      this.destroyRef.onDestroy(() => observer.disconnect());\n    });\n  }\n\n  private trim(lines: LogLine[], max: number): LogLine[] {\n    return lines.length > max ? lines.slice(-max) : lines;\n  }\n\n  /** Append streamed lines to the buffer (no-op while paused). */\n  private append(newLines: LogLine[]): void {\n    if (untracked(this.paused)) return;\n    const max = untracked(this.maxLines);\n    this.buffer.update((buf) => this.trim([...buf, ...newLines], max));\n  }\n\n  protected onScroll(): void {\n    const el = this.scrollContainer().nativeElement;\n    this.scrollTop.set(el.scrollTop);\n    const isAtBottom = el.scrollHeight - el.scrollTop - el.clientHeight < AT_BOTTOM_THRESHOLD;\n    if (this.atBottom() !== isAtBottom) {\n      this.ngZone.run(() => {\n        this.atBottom.set(isAtBottom);\n        this.scrollStateChange.emit({ atBottom: isAtBottom });\n      });\n    }\n  }\n\n  protected scrollToBottom(): void {\n    const el = this.scrollContainer().nativeElement;\n    el.scrollTop = el.scrollHeight;\n    this.atBottom.set(true);\n  }\n\n  protected togglePause(): void {\n    this.paused.update((v) => !v);\n  }\n\n  protected clearBuffer(): void {\n    this.buffer.set([]);\n  }\n\n  protected async onCopyAll(): Promise<void> {\n    const text = this.filteredLines()\n      .map((l) => {\n        const ts = l.timestamp ? `[${l.timestamp.toISOString()}] ` : '';\n        const lvl = l.level ? `[${l.level.toUpperCase()}] ` : '';\n        return `${ts}${lvl}${l.text}`;\n      })\n      .join('\\n');\n    try {\n      await navigator.clipboard.writeText(text);\n    } catch {\n      // Clipboard API unavailable (insecure context / permission denied):\n      // still emit so the consumer can fall back to its own copy path.\n    }\n    this.copyAll.emit(text);\n  }\n\n  protected toggleSearch(): void {\n    this.showSearch.update((v) => !v);\n    if (this.showSearch()) {\n      // The input is `@if`-rendered — focus it once it exists (`autofocus`\n      // is unreliable for dynamically inserted elements).\n      afterNextRender(() => this.searchInput()?.nativeElement.focus(), { injector: this.injector });\n    } else {\n      this.internalSearch.set('');\n    }\n  }\n\n  protected toggleLevelFilter(level: LogLevel): void {\n    this.internalLevelFilter.update((set) => {\n      const newSet = new Set(set);\n      if (newSet.has(level)) {\n        newSet.delete(level);\n      } else {\n        newSet.add(level);\n      }\n      return newSet;\n    });\n  }\n\n  protected onLineClick(line: LogLine): void {\n    this.lineClick.emit(line);\n  }\n\n  /**\n   * Enter/Space activate an interactive line (see `clickableLines`). Like a\n   * native button, Enter fires on keydown and Space on keyup (keydown only\n   * prevents the page scroll) — so a consumer that moves focus in its\n   * `lineClick` handler doesn't get a stray Space keyup on the new target.\n   */\n  protected onLineKeydown(event: KeyboardEvent, line: LogLine): void {\n    if (!this.clickableLines()) return;\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      this.lineClick.emit(line);\n    } else if (event.key === ' ') {\n      event.preventDefault();\n    }\n  }\n\n  protected onLineKeyup(event: KeyboardEvent, line: LogLine): void {\n    if (this.clickableLines() && event.key === ' ') {\n      event.preventDefault();\n      this.lineClick.emit(line);\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === '/' && !this.showSearch()) {\n      event.preventDefault();\n      this.toggleSearch();\n    }\n    if (event.key === 'g' && !event.shiftKey && !this.showSearch()) {\n      this.scrollContainer().nativeElement.scrollTo(0, 0);\n    }\n    if (event.key === 'G' && !this.showSearch()) {\n      this.scrollToBottom();\n    }\n  }\n\n  protected formatTimestamp(date?: Date): string {\n    if (!date) return '';\n    return date.toLocaleTimeString(this.locale(), { hour12: false } as Intl.DateTimeFormatOptions);\n  }\n\n  /**\n   * Render a line's text as HTML: ANSI SGR codes become `<span class=\"ansi-…\">`\n   * wrappers, everything else is escaped, and search matches are wrapped in\n   * `<mark>`. Highlighting is applied per *text* segment — before the spans\n   * are assembled — so a query can never match inside a tag or an entity\n   * (`e` used to hit `class=\"ansi-red\"`, `&` / `<` never matched at all).\n   */\n  protected renderLine(text: string): string {\n    const query = this.effectiveSearch();\n    const matcher = query\n      ? new RegExp(`(${query.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi')\n      : null;\n    // Split the raw text on the query (capturing group → odd parts are the\n    // matches), escape every part, wrap the matches.\n    const renderText = (segment: string): string =>\n      matcher\n        ? segment\n            .split(matcher)\n            .map((part, i) =>\n              i % 2 === 1\n                ? `<mark class=\"lc-log-viewer__match\">${this.escapeHtml(part)}</mark>`\n                : this.escapeHtml(part),\n            )\n            .join('')\n        : this.escapeHtml(segment);\n\n    if (!this.ansiColors()) return renderText(text);\n\n    let html = '';\n    let openSpans = 0;\n    let cursor = 0;\n    // SGR sequences: ESC [ <params> m — params are `;`-separated (may be empty = reset).\n    // eslint-disable-next-line no-control-regex -- matching the ESC byte is the point here\n    const re = /\\x1b\\[([\\d;]*)m/g;\n    let m: RegExpExecArray | null;\n    while ((m = re.exec(text)) !== null) {\n      html += renderText(text.slice(cursor, m.index));\n      cursor = m.index + m[0].length;\n      for (const code of (m[1] || '0').split(';')) {\n        if (code === '0' || code === '') {\n          // Reset closes everything that is open.\n          html += '</span>'.repeat(openSpans);\n          openSpans = 0;\n        } else if (ANSI_CLASSES[code]) {\n          html += `<span class=\"${ANSI_CLASSES[code]}\">`;\n          openSpans++;\n        }\n        // Unrecognised codes are stripped.\n      }\n    }\n    html += renderText(text.slice(cursor));\n    return html + '</span>'.repeat(openSpans);\n  }\n\n  private escapeHtml(text: string): string {\n    return text\n      .replace(/&/g, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;');\n  }\n\n  protected getInputValue(event: Event): string {\n    return (event.target as HTMLInputElement).value;\n  }\n}\n","<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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\n      {{ jumpToBottomLabel() }}\n    </button>\n  }\n</div>\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-log-viewer.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/log-viewer/log-viewer.component.ts","../../../../libs/angular-ui-kit/src/lib/log-viewer/log-viewer.component.html"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  DestroyRef,\n  ElementRef,\n  Injector,\n  NgZone,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { Observable, Subscription } from 'rxjs';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport {\n  ICON_ARROW_DOWN,\n  ICON_CLIPBOARD,\n  ICON_PLAYER_PAUSE,\n  ICON_PLAYER_PLAY,\n  ICON_SEARCH,\n  ICON_TRASH,\n} from '@lifecorner/angular-ui-kit/icons';\n\nexport type LogLevel = 'debug' | 'info' | 'warn' | 'error';\nexport type LogViewerVariant = 'terminal' | 'log';\n\nexport interface LogLine {\n  text: string;\n  level?: LogLevel;\n  timestamp?: Date;\n  source?: string;\n  meta?: Record<string, unknown>;\n}\n\n/** SGR code → CSS class for the ANSI subset the viewer renders. */\nconst ANSI_CLASSES: Record<string, string> = {\n  '1': 'ansi-bold',\n  '3': 'ansi-italic',\n  '30': 'ansi-black',\n  '31': 'ansi-red',\n  '32': 'ansi-green',\n  '33': 'ansi-yellow',\n  '34': 'ansi-blue',\n  '35': 'ansi-magenta',\n  '36': 'ansi-cyan',\n  '37': 'ansi-white',\n  '90': 'ansi-gray',\n  '91': 'ansi-bright-red',\n  '92': 'ansi-bright-green',\n  '93': 'ansi-bright-yellow',\n  '94': 'ansi-bright-blue',\n  '95': 'ansi-bright-magenta',\n  '96': 'ansi-bright-cyan',\n  '97': 'ansi-bright-white',\n};\n\n/** Row height fallback when `--lc-log-viewer-line-height` can't be read (SSR, tests). */\nconst DEFAULT_LINE_HEIGHT = 22;\n\n/** Distance from the bottom (px) still counted as \"at the bottom\". */\nconst AT_BOTTOM_THRESHOLD = 30;\n\n/**\n * Streaming log / terminal viewer component.\n *\n * Supports controlled (lines input) and streaming (stream$ observable) modes,\n * virtualized rendering for large buffers, ANSI color parsing, auto-scroll,\n * and filtering.\n *\n * The virtual window is sized from the *measured* height of the scroll area\n * (ResizeObserver), so any `height` — `400px`, `50vh`, `100%` inside a flex\n * parent — renders a full window. Row height comes from the CSS custom\n * property `--lc-log-viewer-line-height` (default 22px), read once after the\n * first render; override it on the host to change the row density.\n *\n * @example\n * ```html\n * <lc-log-viewer [stream$]=\"logs$\" autoScroll height=\"600px\" variant=\"terminal\" />\n * ```\n */\n@Component({\n  selector: 'lc-log-viewer',\n  standalone: true,\n  imports: [IconComponent],\n  viewProviders: [\n    ɵprovideKitIcons([ICON_TRASH, ICON_SEARCH, ICON_PLAYER_PLAY, ICON_PLAYER_PAUSE, ICON_CLIPBOARD, ICON_ARROW_DOWN]),\n  ],\n  templateUrl: './log-viewer.component.html',\n  styleUrls: ['./log-viewer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class LogViewerComponent {\n  private static nextId = 0;\n  /** Id of the search input (links its visually-hidden label). */\n  protected readonly searchInputId = `lc-log-viewer-search-${++LogViewerComponent.nextId}`;\n\n  private readonly ngZone = inject(NgZone);\n  private readonly injector = inject(Injector);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly scrollContainer = viewChild.required<ElementRef<HTMLElement>>('scrollContainer');\n  private readonly searchInput = viewChild<ElementRef<HTMLInputElement>>('searchInput');\n  private streamSub?: Subscription;\n\n  /** Controlled mode: array of log lines */\n  readonly lines = input<LogLine[]>([]);\n\n  /** Streaming mode: observable of log lines */\n  readonly stream$ = input<Observable<LogLine | LogLine[]>>();\n\n  /** Maximum lines to keep in buffer */\n  readonly maxLines = input<number>(10_000);\n\n  /**\n   * Follow new lines: scroll to the bottom whenever the visible line count\n   * changes — but only while the reader is already at the bottom, so scrolling\n   * up to inspect older output is never fought.\n   */\n  readonly autoScroll = input<boolean>(true);\n\n  /** Show timestamps column */\n  readonly showTimestamps = input<boolean>(true);\n\n  /** Show line numbers */\n  readonly showLineNumbers = input<boolean>(false);\n\n  /** Parse ANSI color codes */\n  readonly ansiColors = input<boolean>(true);\n\n  /** Filter by log levels */\n  readonly levelFilter = input<LogLevel[]>();\n\n  /** Search query to highlight */\n  readonly searchQuery = input<string>();\n\n  /** Container height */\n  readonly height = input<string>('400px');\n\n  /** Visual variant */\n  readonly variant = input<LogViewerVariant>('log');\n\n  /**\n   * Render lines as interactive rows (`role=\"button\"`, focusable, Enter/Space\n   * emit `lineClick`). Set this whenever you bind `(lineClick)` so keyboard\n   * users can activate a line too; a plain click emits either way.\n   */\n  readonly clickableLines = input<boolean>(false);\n\n  /** BCP 47 locale of the line timestamps (24-hour clock). */\n  readonly locale = input('en-US');\n\n  /** Tooltip of the pause button while streaming. */\n  readonly pauseLabel = input('Pause');\n\n  /** Tooltip of the pause button while paused. */\n  readonly resumeLabel = input('Resume');\n\n  /** Accessible name of the pause button while streaming. */\n  readonly pauseAriaLabel = input('Pause stream');\n\n  /** Accessible name of the pause button while paused. */\n  readonly resumeAriaLabel = input('Resume stream');\n\n  /** Tooltip of the clear button. */\n  readonly clearLabel = input('Clear');\n\n  /** Accessible name of the clear button. */\n  readonly clearAriaLabel = input('Clear log');\n\n  /** Tooltip of the copy button. */\n  readonly copyLabel = input('Copy all');\n\n  /** Accessible name of the copy button. */\n  readonly copyAriaLabel = input('Copy all lines');\n\n  /** Tooltip of the search toggle. */\n  readonly searchLabel = input('Search (/)');\n\n  /** Accessible name of the search toggle. */\n  readonly searchAriaLabel = input('Search log');\n\n  /** Label of the search field (visually hidden). */\n  readonly searchInputLabel = input('Search logs');\n\n  /** Placeholder of the search field. */\n  readonly searchPlaceholder = input('Search logs...');\n\n  /** Unit after the error count in the level filter. */\n  readonly errorsLabel = input('errors');\n\n  /** Unit after the warning count in the level filter. */\n  readonly warningsLabel = input('warnings');\n\n  /** Unit after the line count. */\n  readonly linesLabel = input('lines');\n\n  /** Accessible name of the log region. */\n  readonly outputAriaLabel = input('Log output');\n\n  /** Label of the jump-to-bottom button. */\n  readonly jumpToBottomLabel = input('Jump to bottom');\n\n  /** Emitted when a line is clicked (or activated with Enter/Space) */\n  readonly lineClick = output<LogLine>();\n\n  /**\n   * Emitted with the copied text after \"Copy all\" — also when the Clipboard\n   * API is unavailable (insecure context, denied permission), so consumers can\n   * offer their own fallback.\n   */\n  readonly copyAll = output<string>();\n\n  /** Emitted when scroll state changes */\n  readonly scrollStateChange = output<{ atBottom: boolean }>();\n\n  /** Internal buffer of all lines */\n  protected buffer = signal<LogLine[]>([]);\n\n  /** Whether stream is paused */\n  protected paused = signal(false);\n\n  /** Whether user is at bottom of scroll */\n  protected atBottom = signal(true);\n\n  /** Internal search input */\n  protected internalSearch = signal('');\n\n  /** Internal level filter */\n  protected internalLevelFilter = signal<Set<LogLevel>>(new Set());\n\n  /** Show search bar */\n  protected showSearch = signal(false);\n\n  /** Effective search query */\n  protected effectiveSearch = computed(() => {\n    return this.searchQuery() || this.internalSearch();\n  });\n\n  /** Filtered lines for display */\n  protected filteredLines = computed(() => {\n    let lines = this.buffer();\n    const levels = this.levelFilter();\n    const internalFilter = this.internalLevelFilter();\n\n    // Apply level filter\n    if (levels?.length) {\n      lines = lines.filter((l) => l.level && levels.includes(l.level));\n    } else if (internalFilter.size > 0) {\n      lines = lines.filter((l) => l.level && internalFilter.has(l.level));\n    }\n\n    return lines;\n  });\n\n  // ── Virtual window ────────────────────────────────────────────────────\n\n  protected scrollTop = signal(0);\n\n  /**\n   * Measured `clientHeight` of the scroll area (excludes toolbar and search\n   * bar by construction). 0 until the first ResizeObserver callback.\n   */\n  private readonly viewportHeight = signal(0);\n\n  /** Row height in px — `--lc-log-viewer-line-height`, read once after render. */\n  protected readonly lineHeight = signal(DEFAULT_LINE_HEIGHT);\n\n  protected visibleRange = computed(() => {\n    const lineHeight = this.lineHeight();\n    const measured = this.viewportHeight();\n    // Before the first measurement fall back to the declared height (minus a\n    // nominal toolbar) so the first frame already shows a plausible window.\n    const viewHeight = measured > 0 ? measured : (parseInt(this.height(), 10) || 400) - 40;\n    const total = this.filteredLines().length;\n    const start = Math.floor(this.scrollTop() / lineHeight);\n    const visible = Math.ceil(viewHeight / lineHeight) + 2;\n    return {\n      start: Math.max(0, start - 1),\n      end: Math.min(total, start + visible + 1),\n      total,\n      totalHeight: total * lineHeight,\n    };\n  });\n\n  protected visibleLines = computed(() => {\n    const range = this.visibleRange();\n    return this.filteredLines().slice(range.start, range.end).map((line, i) => ({\n      ...line,\n      _index: range.start + i,\n    }));\n  });\n\n  protected containerClasses = computed(() => {\n    return `lc-log-viewer lc-log-viewer--${this.variant()}`;\n  });\n\n  /** Line counts per level for toolbar */\n  protected levelCounts = computed(() => {\n    const buf = this.buffer();\n    const counts = { debug: 0, info: 0, warn: 0, error: 0 };\n    for (const line of buf) {\n      if (line.level && line.level in counts) counts[line.level as keyof typeof counts]++;\n    }\n    return counts;\n  });\n\n  constructor() {\n    // Controlled mode: mirror `lines` into the buffer — unconditionally, so\n    // `[lines]=\"[]\"` clears the view. `maxLines` is read untracked: changing\n    // it must not wipe a streamed buffer through this effect.\n    effect(() => {\n      const input = this.lines();\n      untracked(() => this.buffer.set(this.trim(input, this.maxLines())));\n    });\n\n    // Streaming mode. The subscribe body runs untracked: BehaviorSubject /\n    // ReplaySubject / of() emit synchronously inside this effect, and reading\n    // `paused()` / `maxLines()` there would make them dependencies — toggling\n    // Pause would then re-subscribe and replay duplicates.\n    effect(() => {\n      const stream = this.stream$();\n      this.streamSub?.unsubscribe();\n      this.streamSub = undefined;\n      if (!stream) return;\n      untracked(() => {\n        this.streamSub = stream.subscribe((data) => this.append(Array.isArray(data) ? data : [data]));\n      });\n    });\n    this.destroyRef.onDestroy(() => this.streamSub?.unsubscribe());\n\n    // Follow mode: whenever the visible lines change (new lines, filter),\n    // stick to the bottom — but only if the reader is already there.\n    effect(() => {\n      this.filteredLines();\n      if (!this.autoScroll() || !untracked(this.atBottom)) return;\n      afterNextRender(() => this.scrollToBottom(), { injector: this.injector });\n    });\n\n    afterNextRender(() => {\n      const el = this.scrollContainer().nativeElement;\n\n      // Row height from CSS (once) so the virtual window matches the rows.\n      const declared = parseFloat(getComputedStyle(el).getPropertyValue('--lc-log-viewer-line-height'));\n      if (declared > 0) this.lineHeight.set(declared);\n\n      // Passive scroll tracking outside the zone.\n      const onScroll = () => this.onScroll();\n      this.ngZone.runOutsideAngular(() => el.addEventListener('scroll', onScroll, { passive: true }));\n      this.destroyRef.onDestroy(() => el.removeEventListener('scroll', onScroll));\n\n      // Measure the scroll area so `height=\"100%\"`, `50vh`, flex parents … all\n      // yield a correctly sized window (not one derived from parseInt(height)).\n      this.viewportHeight.set(el.clientHeight);\n      if (typeof ResizeObserver === 'undefined') return;\n      const observer = new ResizeObserver(() => this.viewportHeight.set(el.clientHeight));\n      observer.observe(el);\n      this.destroyRef.onDestroy(() => observer.disconnect());\n    });\n  }\n\n  private trim(lines: LogLine[], max: number): LogLine[] {\n    return lines.length > max ? lines.slice(-max) : lines;\n  }\n\n  /** Append streamed lines to the buffer (no-op while paused). */\n  private append(newLines: LogLine[]): void {\n    if (untracked(this.paused)) return;\n    const max = untracked(this.maxLines);\n    this.buffer.update((buf) => this.trim([...buf, ...newLines], max));\n  }\n\n  protected onScroll(): void {\n    const el = this.scrollContainer().nativeElement;\n    this.scrollTop.set(el.scrollTop);\n    const isAtBottom = el.scrollHeight - el.scrollTop - el.clientHeight < AT_BOTTOM_THRESHOLD;\n    if (this.atBottom() !== isAtBottom) {\n      this.ngZone.run(() => {\n        this.atBottom.set(isAtBottom);\n        this.scrollStateChange.emit({ atBottom: isAtBottom });\n      });\n    }\n  }\n\n  protected scrollToBottom(): void {\n    const el = this.scrollContainer().nativeElement;\n    el.scrollTop = el.scrollHeight;\n    this.atBottom.set(true);\n  }\n\n  protected togglePause(): void {\n    this.paused.update((v) => !v);\n  }\n\n  protected clearBuffer(): void {\n    this.buffer.set([]);\n  }\n\n  protected async onCopyAll(): Promise<void> {\n    const text = this.filteredLines()\n      .map((l) => {\n        const ts = l.timestamp ? `[${l.timestamp.toISOString()}] ` : '';\n        const lvl = l.level ? `[${l.level.toUpperCase()}] ` : '';\n        return `${ts}${lvl}${l.text}`;\n      })\n      .join('\\n');\n    try {\n      await navigator.clipboard.writeText(text);\n    } catch {\n      // Clipboard API unavailable (insecure context / permission denied):\n      // still emit so the consumer can fall back to its own copy path.\n    }\n    this.copyAll.emit(text);\n  }\n\n  protected toggleSearch(): void {\n    this.showSearch.update((v) => !v);\n    if (this.showSearch()) {\n      // The input is `@if`-rendered — focus it once it exists (`autofocus`\n      // is unreliable for dynamically inserted elements).\n      afterNextRender(() => this.searchInput()?.nativeElement.focus(), { injector: this.injector });\n    } else {\n      this.internalSearch.set('');\n    }\n  }\n\n  protected toggleLevelFilter(level: LogLevel): void {\n    this.internalLevelFilter.update((set) => {\n      const newSet = new Set(set);\n      if (newSet.has(level)) {\n        newSet.delete(level);\n      } else {\n        newSet.add(level);\n      }\n      return newSet;\n    });\n  }\n\n  protected onLineClick(line: LogLine): void {\n    this.lineClick.emit(line);\n  }\n\n  /**\n   * Enter/Space activate an interactive line (see `clickableLines`). Like a\n   * native button, Enter fires on keydown and Space on keyup (keydown only\n   * prevents the page scroll) — so a consumer that moves focus in its\n   * `lineClick` handler doesn't get a stray Space keyup on the new target.\n   */\n  protected onLineKeydown(event: KeyboardEvent, line: LogLine): void {\n    if (!this.clickableLines()) return;\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      this.lineClick.emit(line);\n    } else if (event.key === ' ') {\n      event.preventDefault();\n    }\n  }\n\n  protected onLineKeyup(event: KeyboardEvent, line: LogLine): void {\n    if (this.clickableLines() && event.key === ' ') {\n      event.preventDefault();\n      this.lineClick.emit(line);\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === '/' && !this.showSearch()) {\n      event.preventDefault();\n      this.toggleSearch();\n    }\n    if (event.key === 'g' && !event.shiftKey && !this.showSearch()) {\n      this.scrollContainer().nativeElement.scrollTo(0, 0);\n    }\n    if (event.key === 'G' && !this.showSearch()) {\n      this.scrollToBottom();\n    }\n  }\n\n  protected formatTimestamp(date?: Date): string {\n    if (!date) return '';\n    return date.toLocaleTimeString(this.locale(), { hour12: false } as Intl.DateTimeFormatOptions);\n  }\n\n  /**\n   * Render a line's text as HTML: ANSI SGR codes become `<span class=\"ansi-…\">`\n   * wrappers, everything else is escaped, and search matches are wrapped in\n   * `<mark>`. Highlighting is applied per *text* segment — before the spans\n   * are assembled — so a query can never match inside a tag or an entity\n   * (`e` used to hit `class=\"ansi-red\"`, `&` / `<` never matched at all).\n   */\n  protected renderLine(text: string): string {\n    const query = this.effectiveSearch();\n    const matcher = query\n      ? new RegExp(`(${query.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi')\n      : null;\n    // Split the raw text on the query (capturing group → odd parts are the\n    // matches), escape every part, wrap the matches.\n    const renderText = (segment: string): string =>\n      matcher\n        ? segment\n            .split(matcher)\n            .map((part, i) =>\n              i % 2 === 1\n                ? `<mark class=\"lc-log-viewer__match\">${this.escapeHtml(part)}</mark>`\n                : this.escapeHtml(part),\n            )\n            .join('')\n        : this.escapeHtml(segment);\n\n    if (!this.ansiColors()) return renderText(text);\n\n    let html = '';\n    let openSpans = 0;\n    let cursor = 0;\n    // SGR sequences: ESC [ <params> m — params are `;`-separated (may be empty = reset).\n    // eslint-disable-next-line no-control-regex -- matching the ESC byte is the point here\n    const re = /\\x1b\\[([\\d;]*)m/g;\n    let m: RegExpExecArray | null;\n    while ((m = re.exec(text)) !== null) {\n      html += renderText(text.slice(cursor, m.index));\n      cursor = m.index + m[0].length;\n      for (const code of (m[1] || '0').split(';')) {\n        if (code === '0' || code === '') {\n          // Reset closes everything that is open.\n          html += '</span>'.repeat(openSpans);\n          openSpans = 0;\n        } else if (ANSI_CLASSES[code]) {\n          html += `<span class=\"${ANSI_CLASSES[code]}\">`;\n          openSpans++;\n        }\n        // Unrecognised codes are stripped.\n      }\n    }\n    html += renderText(text.slice(cursor));\n    return html + '</span>'.repeat(openSpans);\n  }\n\n  private escapeHtml(text: string): string {\n    return text\n      .replace(/&/g, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;');\n  }\n\n  protected getInputValue(event: Event): string {\n    return (event.target as HTMLInputElement).value;\n  }\n}\n","<!--\n  No tab stop on the root (request 043, D-9): the output region below is the\n  viewer's stop. The shortcuts (`/`, `g`, `G`) reach this handler from any\n  control inside by bubbling.\n-->\n<!-- eslint-disable-next-line @angular-eslint/template/interactive-supports-focus -- keydown bubbles from the focused output region and the toolbar controls -->\n<div\n  [class]=\"containerClasses()\"\n  [style.height]=\"height()\"\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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\" [decorative]=\"true\" />\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    Keyboard-scrollable (request 043, F-26): one tab stop, unless the lines\n    are buttons themselves (`clickableLines`).\n  -->\n  <div\n    #scrollContainer\n    class=\"lc-log-viewer__content\"\n    role=\"log\"\n    aria-live=\"off\"\n    [attr.aria-label]=\"outputAriaLabel()\"\n    [attr.tabindex]=\"clickableLines() ? null : 0\"\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\" [decorative]=\"true\" />\n      {{ jumpToBottomLabel() }}\n    </button>\n  }\n</div>\n"],"mappings":"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"}