@lifecorner/angular-ui-kit 3.4.1 → 3.5.0

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

@@ -0,0 +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 } from '@lifecorner/angular-ui-kit/icon';\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  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\" />\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"lc-log-viewer__tool-btn\"\n        (click)=\"clearBuffer()\"\n        [attr.title]=\"clearLabel()\"\n        [attr.aria-label]=\"clearAriaLabel()\"\n      >\n        <lc-icon name=\"trash\" size=\"xs\" />\n      </button>\n      <button\n        type=\"button\"\n        class=\"lc-log-viewer__tool-btn\"\n        (click)=\"onCopyAll()\"\n        [attr.title]=\"copyLabel()\"\n        [attr.aria-label]=\"copyAriaLabel()\"\n      >\n        <lc-icon name=\"clipboard-document\" size=\"xs\" />\n      </button>\n      <button\n        type=\"button\"\n        class=\"lc-log-viewer__tool-btn\"\n        [class.lc-log-viewer__tool-btn--active]=\"showSearch()\"\n        (click)=\"toggleSearch()\"\n        [attr.title]=\"searchLabel()\"\n        [attr.aria-label]=\"searchAriaLabel()\"\n        [attr.aria-expanded]=\"showSearch()\"\n      >\n        <lc-icon name=\"magnifying-glass\" size=\"xs\" />\n      </button>\n    </div>\n\n    <div class=\"lc-log-viewer__toolbar-right\">\n      <!-- Level filter pills -->\n      @if (levelCounts().error > 0) {\n        <button\n          type=\"button\"\n          class=\"lc-log-viewer__level-pill lc-log-viewer__level-pill--error\"\n          [class.lc-log-viewer__level-pill--active]=\"internalLevelFilter().has('error')\"\n          [attr.aria-pressed]=\"internalLevelFilter().has('error')\"\n          (click)=\"toggleLevelFilter('error')\"\n        >\n          {{ levelCounts().error }} {{ errorsLabel() }}\n        </button>\n      }\n      @if (levelCounts().warn > 0) {\n        <button\n          type=\"button\"\n          class=\"lc-log-viewer__level-pill lc-log-viewer__level-pill--warn\"\n          [class.lc-log-viewer__level-pill--active]=\"internalLevelFilter().has('warn')\"\n          [attr.aria-pressed]=\"internalLevelFilter().has('warn')\"\n          (click)=\"toggleLevelFilter('warn')\"\n        >\n          {{ levelCounts().warn }} {{ warningsLabel() }}\n        </button>\n      }\n      <span class=\"lc-log-viewer__line-count\">{{ filteredLines().length }} {{ linesLabel() }}</span>\n    </div>\n  </div>\n\n  <!-- Search bar -->\n  @if (showSearch()) {\n    <div class=\"lc-log-viewer__search\">\n      <lc-icon name=\"magnifying-glass\" size=\"xs\" />\n      <label class=\"lc-log-viewer__sr-only\" [for]=\"searchInputId\">{{ searchInputLabel() }}</label>\n      <input\n        #searchInput\n        type=\"text\"\n        [id]=\"searchInputId\"\n        class=\"lc-log-viewer__search-input\"\n        [placeholder]=\"searchPlaceholder()\"\n        [value]=\"internalSearch()\"\n        (input)=\"internalSearch.set(getInputValue($event))\"\n      />\n    </div>\n  }\n\n  <!--\n    Log content (virtualized). `role=\"log\"` names the region; live\n    announcements are switched off because rows enter/leave the DOM on every\n    scroll of the virtual window — announcing them would be pure noise.\n  -->\n  <div\n    #scrollContainer\n    class=\"lc-log-viewer__content\"\n    role=\"log\"\n    aria-live=\"off\"\n    [attr.aria-label]=\"outputAriaLabel()\"\n  >\n    <div\n      class=\"lc-log-viewer__spacer\"\n      [style.height.px]=\"visibleRange().totalHeight\"\n    >\n      <div\n        class=\"lc-log-viewer__window\"\n        [style.transform]=\"'translateY(' + (visibleRange().start * lineHeight()) + 'px)'\"\n      >\n        @for (line of visibleLines(); track line._index) {\n          <div\n            class=\"lc-log-viewer__line\"\n            [class.lc-log-viewer__line--clickable]=\"clickableLines()\"\n            [class.lc-log-viewer__line--debug]=\"line.level === 'debug'\"\n            [class.lc-log-viewer__line--info]=\"line.level === 'info'\"\n            [class.lc-log-viewer__line--warn]=\"line.level === 'warn'\"\n            [class.lc-log-viewer__line--error]=\"line.level === 'error'\"\n            [attr.role]=\"clickableLines() ? 'button' : null\"\n            [attr.tabindex]=\"clickableLines() ? 0 : null\"\n            (click)=\"onLineClick(line)\"\n            (keydown)=\"onLineKeydown($event, line)\"\n            (keyup)=\"onLineKeyup($event, line)\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-log-viewer__line-num\">{{ line._index + 1 }}</span>\n            }\n            @if (showTimestamps() && line.timestamp) {\n              <span class=\"lc-log-viewer__timestamp\">{{ formatTimestamp(line.timestamp) }}</span>\n            }\n            @if (line.level) {\n              <span class=\"lc-log-viewer__level\">{{ line.level.toUpperCase().padEnd(5) }}</span>\n            }\n            @if (line.source) {\n              <span class=\"lc-log-viewer__source\">[{{ line.source }}]</span>\n            }\n            <span\n              class=\"lc-log-viewer__text\"\n              [innerHTML]=\"renderLine(line.text)\"\n            ></span>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n\n  <!-- Jump to bottom button -->\n  @if (!atBottom()) {\n    <button\n      type=\"button\"\n      class=\"lc-log-viewer__jump-bottom\"\n      (click)=\"scrollToBottom()\"\n    >\n      <lc-icon name=\"arrow-down\" size=\"xs\" />\n      {{ jumpToBottomLabel() }}\n    </button>\n  }\n</div>\n"],"mappings":"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"}

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

@@ -0,0 +1,226 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, InjectionToken, computed, inject, input } from "@angular/core";
+const LC_LOGO_BASE_PATH = new InjectionToken("LC_LOGO_BASE_PATH", {
+	providedIn: "root",
+	factory: () => "/assets"
+});
+const SMALL_EMBLEM_SIZES = /* @__PURE__ */ new Set(["xs", "sm"]);
+var LogoComponent = class LogoComponent {
+	variant = input("full", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	alt = input("LifeCorner", ...ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []);
+	clickable = input(false, ...ngDevMode ? [{ debugName: "clickable" }] : /* istanbul ignore next */ []);
+	colorMode = input("auto", ...ngDevMode ? [{ debugName: "colorMode" }] : /* istanbul ignore next */ []);
+	src = input("", ...ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []);
+	emblemSrc = input("", ...ngDevMode ? [{ debugName: "emblemSrc" }] : /* istanbul ignore next */ []);
+	darkSrc = input("", ...ngDevMode ? [{ debugName: "darkSrc" }] : /* istanbul ignore next */ []);
+	darkEmblemSrc = input("", ...ngDevMode ? [{ debugName: "darkEmblemSrc" }] : /* istanbul ignore next */ []);
+	hasCustomSrc = computed(() => !!this.src() || !!this.emblemSrc() || !!this.darkSrc() || !!this.darkEmblemSrc(), ...ngDevMode ? [{ debugName: "hasCustomSrc" }] : /* istanbul ignore next */ []);
+	basePath = inject(LC_LOGO_BASE_PATH);
+	builtIn = computed(() => {
+		const base = this.basePath.replace(/\/$/, "");
+		if (this.variant() === "emblem") {
+			const small = SMALL_EMBLEM_SIZES.has(this.size()) ? "-small" : "";
+			return {
+				light: `${base}/lifecorner-emblem${small}.svg`,
+				dark: `${base}/lifecorner-emblem${small}-on-dark.svg`
+			};
+		}
+		return {
+			light: `${base}/lifecorner-logo.svg`,
+			dark: `${base}/lifecorner-logo-on-dark.svg`
+		};
+	}, ...ngDevMode ? [{ debugName: "builtIn" }] : /* istanbul ignore next */ []);
+	customSrc = computed(() => this.variant() === "emblem" ? this.emblemSrc() : this.src(), ...ngDevMode ? [{ debugName: "customSrc" }] : /* istanbul ignore next */ []);
+	logoSrc = computed(() => this.customSrc() || this.builtIn().light, ...ngDevMode ? [{ debugName: "logoSrc" }] : /* istanbul ignore next */ []);
+	logoDarkSrc = computed(() => {
+		const customDark = this.variant() === "emblem" ? this.darkEmblemSrc() : this.darkSrc();
+		if (customDark) return customDark;
+		return this.customSrc() ? "" : this.builtIn().dark;
+	}, ...ngDevMode ? [{ debugName: "logoDarkSrc" }] : /* istanbul ignore next */ []);
+	showLightSrc = computed(() => !this.logoDarkSrc() || this.colorMode() !== "dark", ...ngDevMode ? [{ debugName: "showLightSrc" }] : /* istanbul ignore next */ []);
+	showDarkSrc = computed(() => !!this.logoDarkSrc() && this.colorMode() !== "light", ...ngDevMode ? [{ debugName: "showDarkSrc" }] : /* istanbul ignore next */ []);
+	logoClasses = computed(() => {
+		const classes = [`size-${this.size()}`];
+		if (this.clickable()) classes.push("clickable");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "logoClasses" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: LogoComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: LogoComponent,
+		isStandalone: true,
+		selector: "lc-logo",
+		inputs: {
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			alt: {
+				classPropertyName: "alt",
+				publicName: "alt",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			clickable: {
+				classPropertyName: "clickable",
+				publicName: "clickable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			colorMode: {
+				classPropertyName: "colorMode",
+				publicName: "colorMode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			src: {
+				classPropertyName: "src",
+				publicName: "src",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emblemSrc: {
+				classPropertyName: "emblemSrc",
+				publicName: "emblemSrc",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			darkSrc: {
+				classPropertyName: "darkSrc",
+				publicName: "darkSrc",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			darkEmblemSrc: {
+				classPropertyName: "darkEmblemSrc",
+				publicName: "darkEmblemSrc",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "@if (showLightSrc()) {\n  <img\n    [src]=\"logoSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--light-src]=\"showDarkSrc()\"\n  />\n}\n@if (showDarkSrc()) {\n  <img\n    [src]=\"logoDarkSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--dark-src]=\"showLightSrc()\"\n  />\n}\n",
+		styles: [".lc-logo{display:block;object-fit:contain}.lc-logo.size-xs{height:24px;width:auto}.lc-logo.size-sm{height:32px;width:auto}.lc-logo.size-md{height:48px;width:auto}.lc-logo.size-lg{height:64px;width:auto}.lc-logo.size-xl{height:96px;width:auto}.lc-logo.clickable{cursor:pointer}.lc-logo.clickable:hover{opacity:.8}.lc-logo--dark-src{display:none}:host-context(:root.dark) .lc-logo--light-src,:host-context(:root:not(.light):not(.system)) .lc-logo--light-src{display:none}:host-context(:root.dark) .lc-logo--dark-src,:host-context(:root:not(.light):not(.system)) .lc-logo--dark-src{display:block}@media(prefers-color-scheme:dark){:host-context(:root.system:not(.light)) .lc-logo--light-src{display:none}:host-context(:root.system:not(.light)) .lc-logo--dark-src{display:block}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: LogoComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-logo",
+			standalone: true,
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "@if (showLightSrc()) {\n  <img\n    [src]=\"logoSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--light-src]=\"showDarkSrc()\"\n  />\n}\n@if (showDarkSrc()) {\n  <img\n    [src]=\"logoDarkSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--dark-src]=\"showLightSrc()\"\n  />\n}\n",
+			styles: [".lc-logo{display:block;object-fit:contain}.lc-logo.size-xs{height:24px;width:auto}.lc-logo.size-sm{height:32px;width:auto}.lc-logo.size-md{height:48px;width:auto}.lc-logo.size-lg{height:64px;width:auto}.lc-logo.size-xl{height:96px;width:auto}.lc-logo.clickable{cursor:pointer}.lc-logo.clickable:hover{opacity:.8}.lc-logo--dark-src{display:none}:host-context(:root.dark) .lc-logo--light-src,:host-context(:root:not(.light):not(.system)) .lc-logo--light-src{display:none}:host-context(:root.dark) .lc-logo--dark-src,:host-context(:root:not(.light):not(.system)) .lc-logo--dark-src{display:block}@media(prefers-color-scheme:dark){:host-context(:root.system:not(.light)) .lc-logo--light-src{display:none}:host-context(:root.system:not(.light)) .lc-logo--dark-src{display:block}}\n"]
+		}]
+	}],
+	propDecorators: {
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		alt: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "alt",
+				required: false
+			}]
+		}],
+		clickable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clickable",
+				required: false
+			}]
+		}],
+		colorMode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "colorMode",
+				required: false
+			}]
+		}],
+		src: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "src",
+				required: false
+			}]
+		}],
+		emblemSrc: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emblemSrc",
+				required: false
+			}]
+		}],
+		darkSrc: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "darkSrc",
+				required: false
+			}]
+		}],
+		darkEmblemSrc: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "darkEmblemSrc",
+				required: false
+			}]
+		}]
+	}
+});
+export { LC_LOGO_BASE_PATH, LogoComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-logo.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-logo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-logo.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/logo/logo.component.ts","../../../../libs/angular-ui-kit/src/lib/logo/logo.component.html"],"sourcesContent":["import {\n  Component,\n  InjectionToken,\n  input,\n  inject,\n  computed,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n/**\n * Injection token for the base path used to resolve the built-in\n * LifeCorner logo assets. Defaults to `'/assets'` so consuming apps\n * that copy the package's `assets/` folder to their public root keep\n * working out of the box.\n *\n * Override this token at the application root if your app serves\n * static files from a different prefix (e.g. `/static`, `/ui-kit`).\n *\n * @example\n * ```ts\n * providers: [\n *   { provide: LC_LOGO_BASE_PATH, useValue: '/static/lc' },\n * ]\n * ```\n */\nexport const LC_LOGO_BASE_PATH = new InjectionToken<string>('LC_LOGO_BASE_PATH', {\n  providedIn: 'root',\n  factory: () => '/assets',\n});\n\n/** Sizes at or below 32 px, which use the small emblem (heavier arms, filled points). */\nconst SMALL_EMBLEM_SIZES: ReadonlySet<string> = new Set(['xs', 'sm']);\n\n/**\n * Logo component for displaying a brand identity.\n *\n * Defaults to the LifeCorner logo (Edu, the emblem, and the LifeCorner\n * lockup) but accepts custom `src` / `emblemSrc` (and optional `darkSrc` /\n * `darkEmblemSrc`) so consuming apps can drop in their own brand assets\n * without forking the component.\n *\n * Features:\n * - Full lockup and emblem-only variants; the emblem switches to its small\n *   drawing at `xs` and `sm` (32 px and below)\n * - Multiple size options (xs, sm, md, lg, xl)\n * - Light and dark sources that follow the APP theme exactly as the theme\n *   stylesheets do: dark under `:root.dark`, under a root without a theme\n *   class (dark-first default), and under `:root.system` when the OS is dark;\n *   light under `:root.light` and under `:root.system` when the OS is light.\n *   `colorMode=\"light|dark\"` pins one source.\n * - The built-in logo ships its own dark drawings; nothing is inverted or\n *   recoloured by CSS. A custom logo without a dark partner stays as it is.\n * - The logo is flat and fixed: never animated, posed or distorted.\n *\n * @example Default LifeCorner logo\n * ```html\n * <lc-logo variant=\"full\" size=\"md\"></lc-logo>\n * ```\n *\n * @example Custom brand logo\n * ```html\n * <lc-logo\n *   src=\"/assets/acme-logo.svg\"\n *   emblemSrc=\"/assets/acme-emblem.svg\"\n *   darkSrc=\"/assets/acme-logo-dark.svg\"\n *   alt=\"Acme Inc.\">\n * </lc-logo>\n * ```\n */\n@Component({\n  selector: 'lc-logo',\n  standalone: true,\n  imports: [],\n  templateUrl: './logo.component.html',\n  styleUrls: ['./logo.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LogoComponent {\n  /**\n   * Logo variant to display\n   * - 'full': the lockup (emblem and name)\n   * - 'emblem': just the emblem\n   */\n  readonly variant = input<'full' | 'emblem'>('full');\n\n  /**\n   * Size of the logo\n   * - 'xs': 24px height (small emblem)\n   * - 'sm': 32px height (small emblem)\n   * - 'md': 48px height (default)\n   * - 'lg': 64px height\n   * - 'xl': 96px height\n   */\n  readonly size = input<'xs' | 'sm' | 'md' | 'lg' | 'xl'>('md');\n\n  /**\n   * Alt text for accessibility. Defaults to the name of the built-in logo;\n   * set it to your brand name when you pass your own sources.\n   */\n  readonly alt = input('LifeCorner');\n\n  /**\n   * Makes the logo appear clickable\n   */\n  readonly clickable = input(false);\n\n  /**\n   * Which source to show.\n   * - 'auto': follows the app theme (light source on light, dark source on dark)\n   * - 'light': always the light source (for light backgrounds)\n   * - 'dark': always the dark source (for dark backgrounds); falls back to the\n   *   light source when a custom logo has no dark partner\n   */\n  readonly colorMode = input<'auto' | 'light' | 'dark'>('auto');\n\n  /**\n   * Custom URL for the full logo. When set, overrides the built-in\n   * LifeCorner lockup.\n   */\n  readonly src = input<string>('');\n\n  /**\n   * Custom URL for the emblem-only logo. When set, overrides the built-in\n   * LifeCorner emblem at every size.\n   */\n  readonly emblemSrc = input<string>('');\n\n  /**\n   * Optional dark-theme URL for the full logo. When provided, the logo swaps\n   * with the app theme (see `colorMode`). Without it a custom `src` is shown\n   * on dark too; the built-in lockup brings its own dark drawing.\n   */\n  readonly darkSrc = input<string>('');\n\n  /**\n   * Optional dark-theme URL for the emblem-only logo.\n   */\n  readonly darkEmblemSrc = input<string>('');\n\n  /** Whether the consumer supplied at least one custom source. */\n  readonly hasCustomSrc = computed(\n    () => !!this.src() || !!this.emblemSrc() || !!this.darkSrc() || !!this.darkEmblemSrc(),\n  );\n\n  private readonly basePath = inject(LC_LOGO_BASE_PATH);\n\n  /** The built-in LifeCorner pair for the current variant and size. */\n  private readonly builtIn = computed(() => {\n    const base = this.basePath.replace(/\\/$/, '');\n    if (this.variant() === 'emblem') {\n      const small = SMALL_EMBLEM_SIZES.has(this.size()) ? '-small' : '';\n      return {\n        light: `${base}/lifecorner-emblem${small}.svg`,\n        dark: `${base}/lifecorner-emblem${small}-on-dark.svg`,\n      };\n    }\n    return {\n      light: `${base}/lifecorner-logo.svg`,\n      dark: `${base}/lifecorner-logo-on-dark.svg`,\n    };\n  });\n\n  /** Custom light source for the current variant, or empty string. */\n  private readonly customSrc = computed(() =>\n    this.variant() === 'emblem' ? this.emblemSrc() : this.src(),\n  );\n\n  readonly logoSrc = computed(() => this.customSrc() || this.builtIn().light);\n\n  /**\n   * Dark-theme source for the current variant: the custom dark source, else\n   * the built-in dark drawing — unless a custom light logo is set without a\n   * dark partner (the kit never recolours a brand), then empty string.\n   */\n  readonly logoDarkSrc = computed(() => {\n    const customDark = this.variant() === 'emblem' ? this.darkEmblemSrc() : this.darkSrc();\n    if (customDark) {\n      return customDark;\n    }\n    return this.customSrc() ? '' : this.builtIn().dark;\n  });\n\n  /**\n   * Which sources are in the DOM. Without a dark source there is only the one\n   * image. With one, an explicit `colorMode` renders that side alone; `auto`\n   * renders BOTH and lets the stylesheet show the one matching the root theme\n   * class — that way the swap follows the app theme (also when it is toggled\n   * without `ThemeService`, e.g. Storybook), needs no JS, and is right on the\n   * first paint.\n   */\n  readonly showLightSrc = computed(() => !this.logoDarkSrc() || this.colorMode() !== 'dark');\n  readonly showDarkSrc = computed(() => !!this.logoDarkSrc() && this.colorMode() !== 'light');\n\n  readonly logoClasses = computed(() => {\n    const classes = [`size-${this.size()}`];\n    if (this.clickable()) {\n      classes.push('clickable');\n    }\n    return classes.join(' ');\n  });\n}\n","@if (showLightSrc()) {\n  <img\n    [src]=\"logoSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--light-src]=\"showDarkSrc()\"\n  />\n}\n@if (showDarkSrc()) {\n  <img\n    [src]=\"logoDarkSrc()\"\n    [alt]=\"alt()\"\n    [class]=\"logoClasses()\"\n    class=\"lc-logo\"\n    [class.lc-logo--dark-src]=\"showLightSrc()\"\n  />\n}\n"],"mappings":"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"}