@lifecorner/angular-ui-kit 3.31.0 → 3.33.0

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

@@ -190,7 +190,7 @@ var ListComponent = class ListComponent {
 			isSignal: true
 		}],
 		ngImport: i0,
-		template: "<!--\n  Row content is shared between the plain (legacy) row and the keyboard-\n  operable row rendered when `clickable` is set.\n-->\n<ng-template #rowContent let-item>\n  @if (itemTemplate(); as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl.template; context: { $implicit: item }\"></ng-container>\n  } @else {\n    <!-- Leading: Avatar or Icon -->\n    @if (item.avatar) {\n      <div [class]=\"avatarClasses(item)\">\n        @if (item.avatar.startsWith('http') || item.avatar.startsWith('/') || item.avatar.startsWith('data:')) {\n          <img [src]=\"item.avatar\" [alt]=\"item.label\" class=\"lc-list__avatar-img\" />\n        } @else {\n          <span class=\"lc-list__avatar-initials\">{{ item.avatar }}</span>\n        }\n      </div>\n    } @else if (item.icon) {\n      <lc-icon [name]=\"item.icon\" class=\"lc-list__icon\" size=\"sm\" [decorative]=\"true\" />\n    }\n\n    <!-- Content: Label, Subtitle, Description -->\n    <div class=\"lc-list__content\">\n      <span class=\"lc-list__label\">{{ item.label }}</span>\n      @if (item.subtitle) {\n        <span class=\"lc-list__subtitle\">{{ item.subtitle }}</span>\n      }\n      @if (item.description) {\n        <span class=\"lc-list__description\">{{ item.description }}</span>\n      }\n    </div>\n\n    <!-- Trailing: Badge, Metadata, Action -->\n    <div class=\"lc-list__trailing\">\n      @if (item.badge) {\n        <span class=\"lc-list__badge lc-list__badge--{{ item.badgeVariant || 'default' }}\">{{ item.badge }}</span>\n      }\n      @if (item.metadata) {\n        <span class=\"lc-list__metadata\">{{ item.metadata }}</span>\n      }\n      @if (item.action && !isLinkRow(item)) {\n        <!-- The action is its own control: its click must not also activate the row. -->\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- only stops the action click from also activating the row; the action is a real button -->\n        <span class=\"lc-list__action-area\" (click)=\"$event.stopPropagation()\">\n          <lc-button\n            [variant]=\"actionVariant()\"\n            [size]=\"actionSize()\"\n            [ariaLabel]=\"item.actionAriaLabel ?? ''\"\n            class=\"lc-list__action\"\n            (clicked)=\"onActionClick(item)\"\n          >\n            {{ item.action }}\n          </lc-button>\n        </span>\n      }\n    </div>\n  }\n</ng-template>\n\n<div [class]=\"listClasses()\" role=\"list\">\n  @for (item of items(); track item.id || $index) {\n    @if (isLinkRow(item)) {\n      <!-- A real link over the whole row (3.16, TD-4); the row element carries the item styles. -->\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <a [class]=\"getItemClasses(item) + ' lc-list__item--link'\" [href]=\"item.href\" (click)=\"onLinkClick($event, item)\">\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </a>\n      </div>\n    } @else if (clickable()) {\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <div\n          [class]=\"getItemClasses(item)\"\n          role=\"button\"\n          [attr.tabindex]=\"item.disabled ? -1 : 0\"\n          [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n          (click)=\"onItemClick(item)\"\n          (keydown)=\"onItemKeydown($event, item)\"\n        >\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </div>\n      </div>\n    } @else {\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -- non-clickable lists keep reporting mouse clicks (backward compatible); use clickable for keyboard rows -->\n      <div\n        [class]=\"getItemClasses(item)\"\n        role=\"listitem\"\n        [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n        (click)=\"onItemClick(item)\"\n      >\n        <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n      </div>\n    }\n  }\n</div>\n",
+		template: "<!--\n  Row content is shared between the plain (legacy) row and the keyboard-\n  operable row rendered when `clickable` is set.\n-->\n<ng-template #rowContent let-item>\n  @if (itemTemplate(); as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl.template; context: { $implicit: item }\"></ng-container>\n  } @else {\n    <!-- Leading: Avatar or Icon -->\n    @if (item.avatar) {\n      <div [class]=\"avatarClasses(item)\">\n        @if (item.avatar.startsWith('http') || item.avatar.startsWith('/') || item.avatar.startsWith('data:')) {\n          <img [src]=\"item.avatar\" [alt]=\"item.label\" class=\"lc-list__avatar-img\" />\n        } @else {\n          <span class=\"lc-list__avatar-initials\">{{ item.avatar }}</span>\n        }\n      </div>\n    } @else if (item.icon) {\n      <lc-icon [name]=\"item.icon\" class=\"lc-list__icon\" size=\"sm\" [decorative]=\"true\" />\n    }\n\n    <!-- Content: Label, Subtitle, Description -->\n    <div class=\"lc-list__content\">\n      <span class=\"lc-list__label\">{{ item.label }}</span>\n      @if (item.subtitle) {\n        <span class=\"lc-list__subtitle\">{{ item.subtitle }}</span>\n      }\n      @if (item.description) {\n        <span class=\"lc-list__description\">{{ item.description }}</span>\n      }\n    </div>\n\n    <!-- Trailing: Badge, Metadata, Action -->\n    <div class=\"lc-list__trailing\">\n      @if (item.badge) {\n        <span class=\"lc-list__badge lc-list__badge--{{ item.badgeVariant || 'default' }}\">{{ item.badge }}</span>\n      }\n      @if (item.metadata) {\n        <span class=\"lc-list__metadata\">{{ item.metadata }}</span>\n      }\n      @if (item.action && !isLinkRow(item)) {\n        <!-- The action is its own control: its click must not also activate the row. -->\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- only stops the action click from also activating the row; the action is a real button -->\n        <span class=\"lc-list__action-area\" (click)=\"$event.stopPropagation()\">\n          <lc-button\n            [variant]=\"actionVariant()\"\n            [size]=\"actionSize()\"\n            [ariaLabel]=\"item.actionAriaLabel ?? ''\"\n            class=\"lc-list__action\"\n            (clicked)=\"onActionClick(item)\"\n          >\n            {{ item.action }}\n          </lc-button>\n        </span>\n      }\n    </div>\n  }\n</ng-template>\n\n<div [class]=\"listClasses()\" role=\"list\">\n  @for (item of items(); track item.id || $index) {\n    @if (isLinkRow(item)) {\n      <!-- A real link over the whole row (3.16, TD-4); the row element carries the item styles. -->\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <a\n          [class]=\"getItemClasses(item) + ' lc-list__item--link'\"\n          [href]=\"item.href\"\n          [attr.aria-current]=\"item.selected ? 'true' : null\"\n          (click)=\"onLinkClick($event, item)\"\n        >\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </a>\n      </div>\n    } @else if (clickable()) {\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <div\n          [class]=\"getItemClasses(item)\"\n          role=\"button\"\n          [attr.tabindex]=\"item.disabled ? -1 : 0\"\n          [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n          [attr.aria-current]=\"item.selected ? 'true' : null\"\n          (click)=\"onItemClick(item)\"\n          (keydown)=\"onItemKeydown($event, item)\"\n        >\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </div>\n      </div>\n    } @else {\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -- non-clickable lists keep reporting mouse clicks (backward compatible); use clickable for keyboard rows -->\n      <div\n        [class]=\"getItemClasses(item)\"\n        role=\"listitem\"\n        [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n        [attr.aria-current]=\"item.selected ? 'true' : null\"\n        (click)=\"onItemClick(item)\"\n      >\n        <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n      </div>\n    }\n  }\n</div>\n",
 		styles: [".lc-list{display:flex;width:100%;background-color:var(--color-surface, #ffffff);border-radius:var(--border-radius-md);overflow:hidden}.lc-list--vertical{flex-direction:column}.lc-list--vertical .lc-list__item{border-bottom:1px solid transparent}.lc-list--vertical>.lc-list__item:last-child,.lc-list--vertical>.lc-list__item-wrapper:last-child .lc-list__item{border-bottom:none}.lc-list--vertical.lc-list--with-dividers .lc-list__item{border-bottom-color:var(--color-divider)}.lc-list--horizontal{flex-direction:row}.lc-list--horizontal .lc-list__item,.lc-list--horizontal .lc-list__item-wrapper{flex:1}.lc-list--horizontal .lc-list__item{border-right:1px solid transparent}.lc-list--horizontal>.lc-list__item:last-child,.lc-list--horizontal>.lc-list__item-wrapper:last-child .lc-list__item{border-right:none}.lc-list--horizontal.lc-list--with-dividers .lc-list__item{border-right-color:var(--color-divider)}.lc-list__item-wrapper{display:flex;min-width:0}.lc-list__item-wrapper>.lc-list__item{flex:1;min-width:0}.lc-list__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--lc-density-padding-sm, var(--spacing-3)) var(--lc-density-padding-md, var(--spacing-4));transition:background-color .2s ease}.lc-list__item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary-500)}.lc-list__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.lc-list__icon{flex-shrink:0;color:var(--color-text-tertiary)}.lc-list__label{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--color-text-primary, #111827);font-size:var(--font-size-base);line-height:var(--line-height-base)}.lc-list__avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-100, #dbeafe)}.lc-list__avatar-img{width:100%;height:100%;object-fit:cover}.lc-list__avatar-initials{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-primary-700, #1d4ed8);text-transform:uppercase;line-height:1;-webkit-user-select:none;user-select:none}.lc-list__avatar--member-1{background-color:var(--color-member-1, #1a6a79)}.lc-list__avatar--member-2{background-color:var(--color-member-2, #b04a22)}.lc-list__avatar--member-3{background-color:var(--color-member-3, #4e3f84)}.lc-list__avatar--member-4{background-color:var(--color-member-4, #5f7150)}.lc-list__avatar--member-5{background-color:var(--color-member-5, #9e3846)}.lc-list__avatar--member-6{background-color:var(--color-member-6, #5a798c)}.lc-list__avatar--member .lc-list__avatar-initials{color:var(--color-on-member, #ffffff);font-weight:700;letter-spacing:.02em}.lc-list__content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lc-list__subtitle{font-size:var(--font-size-sm, .875rem);color:var(--color-text-tertiary);line-height:var(--line-height-sm, 1.25rem);overflow-wrap:anywhere}.lc-list__description{overflow-wrap:anywhere;font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary);line-height:var(--line-height-xs, 1rem);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lc-list--no-clamp .lc-list__description{display:block;-webkit-line-clamp:unset;overflow:visible}.lc-list__trailing{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lc-list__action{flex-shrink:0}.lc-list--clickable .lc-list__item{cursor:pointer}.lc-list--clickable .lc-list__item:hover:not(.lc-list__item--disabled){background-color:var(--color-surface-hover)}.lc-list--clickable .lc-list__item:active:not(.lc-list__item--disabled){background-color:var(--color-surface-sunken)}.lc-list__item--link{min-height:var(--size-min-touch-height, 2.75rem);color:inherit;text-decoration:none;cursor:pointer}.lc-list__item--link:hover{background-color:var(--color-surface-hover)}.lc-list__item--link:active{background-color:var(--color-surface-sunken)}.lc-list__item--link.lc-list__item--selected:hover{background-color:var(--color-primary-100, #dbeafe)}@media(forced-colors:active){.lc-list__item:focus-visible{outline:2px solid Highlight;outline-offset:-2px}}.lc-list__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:var(--font-size-xs, .75rem);font-weight:500;line-height:1.25rem;white-space:nowrap}.lc-list__badge--default{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.lc-list__badge--primary{background-color:var(--color-primary-100, #dbeafe);color:var(--color-primary-700, #1d4ed8)}.lc-list__badge--success{background-color:var(--color-success-subtle);color:var(--color-on-success-subtle)}.lc-list__badge--warning{background-color:var(--color-warning-subtle);color:var(--color-on-warning-subtle)}.lc-list__badge--error{background-color:var(--color-error-100, #fee2e2);color:var(--color-on-error-subtle)}.lc-list__metadata{font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary);white-space:nowrap}.lc-list__item--selected{background-color:var(--color-primary-50, #eff6ff)}.lc-list--clickable .lc-list__item--selected:hover:not(.lc-list__item--disabled){background-color:var(--color-primary-100, #dbeafe)}.lc-list--sm .lc-list__item{padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));gap:var(--lc-density-gap-sm, var(--spacing-2))}.lc-list--sm .lc-list__avatar{width:32px;height:32px}.lc-list--sm .lc-list__avatar-initials{font-size:var(--font-size-xs, .75rem)}.lc-list--sm .lc-list__label{font-size:var(--font-size-sm, .875rem)}.lc-list--sm .lc-list__subtitle{font-size:var(--font-size-xs, .75rem)}.lc-list--sm .lc-list__description{display:none}.lc-list--lg .lc-list__item{padding:var(--lc-density-padding-md, var(--spacing-4)) var(--spacing-5);gap:var(--lc-density-gap-md, var(--spacing-4))}.lc-list--lg .lc-list__avatar{width:48px;height:48px}.lc-list--lg .lc-list__avatar-initials{font-size:var(--font-size-base, 1rem)}.lc-list--lg .lc-list__label{font-size:var(--font-size-lg, 1.125rem)}.lc-list--lg .lc-list__content{gap:4px}.lc-list--card{background:transparent;gap:.5rem;overflow:visible}.lc-list--card .lc-list__item{padding:.75rem 1rem;border-radius:var(--border-radius-md, .5rem);background:var(--color-surface-2);border:1px solid var(--color-border);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.lc-list--card.lc-list--clickable .lc-list__item:hover:not(.lc-list__item--disabled),.lc-list--card .lc-list__item--link:hover:not(.lc-list__item--disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--elevation-1)}.lc-list--card.lc-list--clickable .lc-list__item:active:not(.lc-list__item--disabled),.lc-list--card .lc-list__item--link:active:not(.lc-list__item--disabled){background:var(--color-surface-sunken)}.lc-list--card.lc-list--with-dividers .lc-list__item{border-bottom-color:transparent}\n"],
 		dependencies: [
 			{
@@ -263,7 +263,7 @@ i0.ɵɵngDeclareClassMetadata({
 				ButtonComponent
 			],
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<!--\n  Row content is shared between the plain (legacy) row and the keyboard-\n  operable row rendered when `clickable` is set.\n-->\n<ng-template #rowContent let-item>\n  @if (itemTemplate(); as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl.template; context: { $implicit: item }\"></ng-container>\n  } @else {\n    <!-- Leading: Avatar or Icon -->\n    @if (item.avatar) {\n      <div [class]=\"avatarClasses(item)\">\n        @if (item.avatar.startsWith('http') || item.avatar.startsWith('/') || item.avatar.startsWith('data:')) {\n          <img [src]=\"item.avatar\" [alt]=\"item.label\" class=\"lc-list__avatar-img\" />\n        } @else {\n          <span class=\"lc-list__avatar-initials\">{{ item.avatar }}</span>\n        }\n      </div>\n    } @else if (item.icon) {\n      <lc-icon [name]=\"item.icon\" class=\"lc-list__icon\" size=\"sm\" [decorative]=\"true\" />\n    }\n\n    <!-- Content: Label, Subtitle, Description -->\n    <div class=\"lc-list__content\">\n      <span class=\"lc-list__label\">{{ item.label }}</span>\n      @if (item.subtitle) {\n        <span class=\"lc-list__subtitle\">{{ item.subtitle }}</span>\n      }\n      @if (item.description) {\n        <span class=\"lc-list__description\">{{ item.description }}</span>\n      }\n    </div>\n\n    <!-- Trailing: Badge, Metadata, Action -->\n    <div class=\"lc-list__trailing\">\n      @if (item.badge) {\n        <span class=\"lc-list__badge lc-list__badge--{{ item.badgeVariant || 'default' }}\">{{ item.badge }}</span>\n      }\n      @if (item.metadata) {\n        <span class=\"lc-list__metadata\">{{ item.metadata }}</span>\n      }\n      @if (item.action && !isLinkRow(item)) {\n        <!-- The action is its own control: its click must not also activate the row. -->\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- only stops the action click from also activating the row; the action is a real button -->\n        <span class=\"lc-list__action-area\" (click)=\"$event.stopPropagation()\">\n          <lc-button\n            [variant]=\"actionVariant()\"\n            [size]=\"actionSize()\"\n            [ariaLabel]=\"item.actionAriaLabel ?? ''\"\n            class=\"lc-list__action\"\n            (clicked)=\"onActionClick(item)\"\n          >\n            {{ item.action }}\n          </lc-button>\n        </span>\n      }\n    </div>\n  }\n</ng-template>\n\n<div [class]=\"listClasses()\" role=\"list\">\n  @for (item of items(); track item.id || $index) {\n    @if (isLinkRow(item)) {\n      <!-- A real link over the whole row (3.16, TD-4); the row element carries the item styles. -->\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <a [class]=\"getItemClasses(item) + ' lc-list__item--link'\" [href]=\"item.href\" (click)=\"onLinkClick($event, item)\">\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </a>\n      </div>\n    } @else if (clickable()) {\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <div\n          [class]=\"getItemClasses(item)\"\n          role=\"button\"\n          [attr.tabindex]=\"item.disabled ? -1 : 0\"\n          [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n          (click)=\"onItemClick(item)\"\n          (keydown)=\"onItemKeydown($event, item)\"\n        >\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </div>\n      </div>\n    } @else {\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -- non-clickable lists keep reporting mouse clicks (backward compatible); use clickable for keyboard rows -->\n      <div\n        [class]=\"getItemClasses(item)\"\n        role=\"listitem\"\n        [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n        (click)=\"onItemClick(item)\"\n      >\n        <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n      </div>\n    }\n  }\n</div>\n",
+			template: "<!--\n  Row content is shared between the plain (legacy) row and the keyboard-\n  operable row rendered when `clickable` is set.\n-->\n<ng-template #rowContent let-item>\n  @if (itemTemplate(); as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl.template; context: { $implicit: item }\"></ng-container>\n  } @else {\n    <!-- Leading: Avatar or Icon -->\n    @if (item.avatar) {\n      <div [class]=\"avatarClasses(item)\">\n        @if (item.avatar.startsWith('http') || item.avatar.startsWith('/') || item.avatar.startsWith('data:')) {\n          <img [src]=\"item.avatar\" [alt]=\"item.label\" class=\"lc-list__avatar-img\" />\n        } @else {\n          <span class=\"lc-list__avatar-initials\">{{ item.avatar }}</span>\n        }\n      </div>\n    } @else if (item.icon) {\n      <lc-icon [name]=\"item.icon\" class=\"lc-list__icon\" size=\"sm\" [decorative]=\"true\" />\n    }\n\n    <!-- Content: Label, Subtitle, Description -->\n    <div class=\"lc-list__content\">\n      <span class=\"lc-list__label\">{{ item.label }}</span>\n      @if (item.subtitle) {\n        <span class=\"lc-list__subtitle\">{{ item.subtitle }}</span>\n      }\n      @if (item.description) {\n        <span class=\"lc-list__description\">{{ item.description }}</span>\n      }\n    </div>\n\n    <!-- Trailing: Badge, Metadata, Action -->\n    <div class=\"lc-list__trailing\">\n      @if (item.badge) {\n        <span class=\"lc-list__badge lc-list__badge--{{ item.badgeVariant || 'default' }}\">{{ item.badge }}</span>\n      }\n      @if (item.metadata) {\n        <span class=\"lc-list__metadata\">{{ item.metadata }}</span>\n      }\n      @if (item.action && !isLinkRow(item)) {\n        <!-- The action is its own control: its click must not also activate the row. -->\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- only stops the action click from also activating the row; the action is a real button -->\n        <span class=\"lc-list__action-area\" (click)=\"$event.stopPropagation()\">\n          <lc-button\n            [variant]=\"actionVariant()\"\n            [size]=\"actionSize()\"\n            [ariaLabel]=\"item.actionAriaLabel ?? ''\"\n            class=\"lc-list__action\"\n            (clicked)=\"onActionClick(item)\"\n          >\n            {{ item.action }}\n          </lc-button>\n        </span>\n      }\n    </div>\n  }\n</ng-template>\n\n<div [class]=\"listClasses()\" role=\"list\">\n  @for (item of items(); track item.id || $index) {\n    @if (isLinkRow(item)) {\n      <!-- A real link over the whole row (3.16, TD-4); the row element carries the item styles. -->\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <a\n          [class]=\"getItemClasses(item) + ' lc-list__item--link'\"\n          [href]=\"item.href\"\n          [attr.aria-current]=\"item.selected ? 'true' : null\"\n          (click)=\"onLinkClick($event, item)\"\n        >\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </a>\n      </div>\n    } @else if (clickable()) {\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <div\n          [class]=\"getItemClasses(item)\"\n          role=\"button\"\n          [attr.tabindex]=\"item.disabled ? -1 : 0\"\n          [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n          [attr.aria-current]=\"item.selected ? 'true' : null\"\n          (click)=\"onItemClick(item)\"\n          (keydown)=\"onItemKeydown($event, item)\"\n        >\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </div>\n      </div>\n    } @else {\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -- non-clickable lists keep reporting mouse clicks (backward compatible); use clickable for keyboard rows -->\n      <div\n        [class]=\"getItemClasses(item)\"\n        role=\"listitem\"\n        [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n        [attr.aria-current]=\"item.selected ? 'true' : null\"\n        (click)=\"onItemClick(item)\"\n      >\n        <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n      </div>\n    }\n  }\n</div>\n",
 			styles: [".lc-list{display:flex;width:100%;background-color:var(--color-surface, #ffffff);border-radius:var(--border-radius-md);overflow:hidden}.lc-list--vertical{flex-direction:column}.lc-list--vertical .lc-list__item{border-bottom:1px solid transparent}.lc-list--vertical>.lc-list__item:last-child,.lc-list--vertical>.lc-list__item-wrapper:last-child .lc-list__item{border-bottom:none}.lc-list--vertical.lc-list--with-dividers .lc-list__item{border-bottom-color:var(--color-divider)}.lc-list--horizontal{flex-direction:row}.lc-list--horizontal .lc-list__item,.lc-list--horizontal .lc-list__item-wrapper{flex:1}.lc-list--horizontal .lc-list__item{border-right:1px solid transparent}.lc-list--horizontal>.lc-list__item:last-child,.lc-list--horizontal>.lc-list__item-wrapper:last-child .lc-list__item{border-right:none}.lc-list--horizontal.lc-list--with-dividers .lc-list__item{border-right-color:var(--color-divider)}.lc-list__item-wrapper{display:flex;min-width:0}.lc-list__item-wrapper>.lc-list__item{flex:1;min-width:0}.lc-list__item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--lc-density-padding-sm, var(--spacing-3)) var(--lc-density-padding-md, var(--spacing-4));transition:background-color .2s ease}.lc-list__item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary-500)}.lc-list__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.lc-list__icon{flex-shrink:0;color:var(--color-text-tertiary)}.lc-list__label{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--color-text-primary, #111827);font-size:var(--font-size-base);line-height:var(--line-height-base)}.lc-list__avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-100, #dbeafe)}.lc-list__avatar-img{width:100%;height:100%;object-fit:cover}.lc-list__avatar-initials{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-primary-700, #1d4ed8);text-transform:uppercase;line-height:1;-webkit-user-select:none;user-select:none}.lc-list__avatar--member-1{background-color:var(--color-member-1, #1a6a79)}.lc-list__avatar--member-2{background-color:var(--color-member-2, #b04a22)}.lc-list__avatar--member-3{background-color:var(--color-member-3, #4e3f84)}.lc-list__avatar--member-4{background-color:var(--color-member-4, #5f7150)}.lc-list__avatar--member-5{background-color:var(--color-member-5, #9e3846)}.lc-list__avatar--member-6{background-color:var(--color-member-6, #5a798c)}.lc-list__avatar--member .lc-list__avatar-initials{color:var(--color-on-member, #ffffff);font-weight:700;letter-spacing:.02em}.lc-list__content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lc-list__subtitle{font-size:var(--font-size-sm, .875rem);color:var(--color-text-tertiary);line-height:var(--line-height-sm, 1.25rem);overflow-wrap:anywhere}.lc-list__description{overflow-wrap:anywhere;font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary);line-height:var(--line-height-xs, 1rem);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lc-list--no-clamp .lc-list__description{display:block;-webkit-line-clamp:unset;overflow:visible}.lc-list__trailing{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lc-list__action{flex-shrink:0}.lc-list--clickable .lc-list__item{cursor:pointer}.lc-list--clickable .lc-list__item:hover:not(.lc-list__item--disabled){background-color:var(--color-surface-hover)}.lc-list--clickable .lc-list__item:active:not(.lc-list__item--disabled){background-color:var(--color-surface-sunken)}.lc-list__item--link{min-height:var(--size-min-touch-height, 2.75rem);color:inherit;text-decoration:none;cursor:pointer}.lc-list__item--link:hover{background-color:var(--color-surface-hover)}.lc-list__item--link:active{background-color:var(--color-surface-sunken)}.lc-list__item--link.lc-list__item--selected:hover{background-color:var(--color-primary-100, #dbeafe)}@media(forced-colors:active){.lc-list__item:focus-visible{outline:2px solid Highlight;outline-offset:-2px}}.lc-list__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:var(--font-size-xs, .75rem);font-weight:500;line-height:1.25rem;white-space:nowrap}.lc-list__badge--default{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.lc-list__badge--primary{background-color:var(--color-primary-100, #dbeafe);color:var(--color-primary-700, #1d4ed8)}.lc-list__badge--success{background-color:var(--color-success-subtle);color:var(--color-on-success-subtle)}.lc-list__badge--warning{background-color:var(--color-warning-subtle);color:var(--color-on-warning-subtle)}.lc-list__badge--error{background-color:var(--color-error-100, #fee2e2);color:var(--color-on-error-subtle)}.lc-list__metadata{font-size:var(--font-size-xs, .75rem);color:var(--color-text-tertiary);white-space:nowrap}.lc-list__item--selected{background-color:var(--color-primary-50, #eff6ff)}.lc-list--clickable .lc-list__item--selected:hover:not(.lc-list__item--disabled){background-color:var(--color-primary-100, #dbeafe)}.lc-list--sm .lc-list__item{padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));gap:var(--lc-density-gap-sm, var(--spacing-2))}.lc-list--sm .lc-list__avatar{width:32px;height:32px}.lc-list--sm .lc-list__avatar-initials{font-size:var(--font-size-xs, .75rem)}.lc-list--sm .lc-list__label{font-size:var(--font-size-sm, .875rem)}.lc-list--sm .lc-list__subtitle{font-size:var(--font-size-xs, .75rem)}.lc-list--sm .lc-list__description{display:none}.lc-list--lg .lc-list__item{padding:var(--lc-density-padding-md, var(--spacing-4)) var(--spacing-5);gap:var(--lc-density-gap-md, var(--spacing-4))}.lc-list--lg .lc-list__avatar{width:48px;height:48px}.lc-list--lg .lc-list__avatar-initials{font-size:var(--font-size-base, 1rem)}.lc-list--lg .lc-list__label{font-size:var(--font-size-lg, 1.125rem)}.lc-list--lg .lc-list__content{gap:4px}.lc-list--card{background:transparent;gap:.5rem;overflow:visible}.lc-list--card .lc-list__item{padding:.75rem 1rem;border-radius:var(--border-radius-md, .5rem);background:var(--color-surface-2);border:1px solid var(--color-border);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.lc-list--card.lc-list--clickable .lc-list__item:hover:not(.lc-list__item--disabled),.lc-list--card .lc-list__item--link:hover:not(.lc-list__item--disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--elevation-1)}.lc-list--card.lc-list--clickable .lc-list__item:active:not(.lc-list__item--disabled),.lc-list--card .lc-list__item--link:active:not(.lc-list__item--disabled){background:var(--color-surface-sunken)}.lc-list--card.lc-list--with-dividers .lc-list__item{border-bottom-color:transparent}\n"]
 		}]
 	}],

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

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-list.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/list/list-item-template.directive.ts","../../../../libs/angular-ui-kit/src/lib/list/list.component.ts","../../../../libs/angular-ui-kit/src/lib/list/list.component.html"],"sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\nimport { ListItem } from './list.component';\n\n/**\n * Directive for providing a custom template to render each list item.\n *\n * @example\n * ```html\n * <lc-list [items]=\"runs()\" (itemClick)=\"onRunClick($event)\">\n *   <ng-template lcListItem let-item>\n *     <lc-badge [variant]=\"getStatusVariant(item.status)\">{{ item.status }}</lc-badge>\n *     <span>{{ item.symbol }}</span>\n *     <span class=\"text-sm text-neutral-500\">{{ item.date }}</span>\n *   </ng-template>\n * </lc-list>\n * ```\n */\n@Directive({\n  selector: '[lcListItem]',\n  standalone: true,\n})\nexport class ListItemTemplateDirective {\n  public readonly template = inject(TemplateRef<{ $implicit: ListItem }>);\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  computed,\n  contentChild,\n  effect,\n  isDevMode,\n  output,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\nimport { ButtonComponent, ButtonSize, ButtonVariant } from '@lifecorner/angular-ui-kit/button';\nimport { ListItemTemplateDirective } from './list-item-template.directive';\nimport type { AvatarColor } from '@lifecorner/angular-ui-kit/avatar';\n\n/**\n * List orientation type\n */\nexport type ListOrientation = 'vertical' | 'horizontal';\n\n/**\n * List visual variant\n *  - default: flat rows (original)\n *  - card: each item rendered as a mini-card with border, radius and shadow on hover\n */\nexport type ListVariant = 'default' | 'card';\n\n/**\n * List item interface\n */\nexport interface ListItem {\n  /** Item label text (primary line) */\n  label: string;\n  /** Secondary text shown below the label */\n  subtitle?: string;\n  /** Description text shown below subtitle (third line) */\n  description?: string;\n  /** Optional icon identifier */\n  icon?: string;\n  /** Avatar URL or initials (renders a circular avatar instead of icon) */\n  avatar?: string;\n  /**\n   * Background of avatar initials: `default` or a member colour `member-1` …\n   * `member-6` with white initials (as `lc-avatar`'s `color`).\n   */\n  avatarColor?: AvatarColor;\n  /** Badge text (e.g. count, status label) shown on the trailing side */\n  badge?: string;\n  /** Badge color variant */\n  badgeVariant?: 'default' | 'primary' | 'success' | 'warning' | 'error';\n  /** Metadata text shown on the trailing side (e.g. date, size) */\n  metadata?: string;\n  /** Optional action label */\n  action?: string;\n  /**\n   * Accessible name of this row's action when the visible label repeats on\n   * every row (e.g. „Entfernen“ → „iPhone · Safari entfernen“). The visible\n   * label must be part of it (WCAG 2.5.3).\n   */\n  actionAriaLabel?: string;\n  /**\n   * URL of the row link (3.16, TD-4). The row renders as an `<a>` over its\n   * full area (at least 44 px high) with real link semantics (middle click,\n   * \"open in new tab\"). Not rendered with `href`: `action` (no control inside\n   * a link; a dev warning). Not emitted: `itemClick` (see `linkClick`). With\n   * `disabled` the row is the plain disabled row, no link. A custom\n   * `lcListItem` template must not hold controls in `href` rows.\n   */\n  href?: string;\n  /** Item identifier */\n  id?: string;\n  /** Whether the item is disabled */\n  disabled?: boolean;\n  /** Whether the item is selected / highlighted */\n  selected?: boolean;\n  /** Any additional data */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [key: string]: any;\n}\n\n/**\n * List item size\n */\nexport type ListSize = 'sm' | 'md' | 'lg';\n\n/**\n * A plain click (or Enter) on an `href` row (3.16, TD-4): `item` is the row,\n * `event` the click. Call `event.preventDefault()` to navigate with your\n * router instead of a full page load.\n */\nexport interface ListLinkClickEvent {\n  item: ListItem;\n  event: MouseEvent;\n}\n\n/**\n * List component for displaying structured item collections.\n *\n * Features:\n * - Vertical and horizontal layout orientations\n * - Variant styles (default, bordered, card)\n * - Optional dividers between items\n * - Icon and avatar support per item\n * - Action buttons with click events\n * - Accessible with ARIA list role; `clickable` rows are keyboard-operable\n * - `ListItem.href` rows are real links over the full row (3.16, TD-4);\n *   `linkClick` hands plain clicks to your router\n *\n * @example\n * ```html\n * <lc-list\n *   [items]=\"listItems\"\n *   orientation=\"vertical\"\n *   [showDividers]=\"true\"\n *   (itemClick)=\"handleItemClick($event)\"\n * />\n * ```\n */\n@Component({\n  selector: 'lc-list',\n  standalone: true,\n  imports: [NgTemplateOutlet, IconComponent, ButtonComponent],\n  templateUrl: './list.component.html',\n  styleUrl: './list.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ListComponent {\n  /** Custom item template provided via lcListItem directive */\n  readonly itemTemplate = contentChild(ListItemTemplateDirective);\n\n  /** Array of list items to display */\n  items = input<ListItem[]>([]);\n\n  /** Orientation of the list */\n  orientation = input<ListOrientation>('vertical');\n\n  /** Visual variant */\n  variant = input<ListVariant>('default');\n\n  /** Size of list items */\n  size = input<ListSize>('md');\n\n  /** Whether to show dividers between items */\n  showDividers = input<boolean>(false);\n\n  /**\n   * Whether rows are interactive. When set, each row is rendered as a\n   * focusable button (Enter / Space emit `itemClick`) so `itemClick` is\n   * reachable from the keyboard. Set this whenever you handle `itemClick`.\n   */\n  clickable = input<boolean>(false);\n\n  /**\n   * Clamp each item's `description` to two lines (3.2). Set `false` for\n   * reading text that must show in full (3.3, G-11).\n   * @default true\n   */\n  clampDescription = input<boolean>(true);\n\n  /**\n   * Variant of the built-in row action (`ListItem.action`).\n   * @default 'ghost'\n   */\n  actionVariant = input<ButtonVariant>('ghost');\n\n  /**\n   * Size of the built-in row action: `xs` (3.2, about 25 px) … `lg` (48.5 px,\n   * the 44 px touch target).\n   * @default 'xs'\n   */\n  actionSize = input<ButtonSize>('xs');\n\n  /** Event emitted when an item is clicked */\n  readonly itemClick = output<ListItem>();\n\n  /** Event emitted when an action button is clicked */\n  readonly actionClick = output<ListItem>();\n\n  /**\n   * A plain click (or Enter) on an `href` row: primary button, no\n   * Ctrl/Cmd/Shift/Alt (3.16, TD-4). Emitted before the browser follows the\n   * link; call `event.preventDefault()` and navigate with your router for an\n   * in-app route (`router.navigateByUrl(item.href)`). The kit never prevents\n   * the default; modifier and middle clicks are never emitted, so \"open in new\n   * tab\" keeps working.\n   */\n  readonly linkClick = output<ListLinkClickEvent>();\n\n  constructor() {\n    effect(() => {\n      if (!isDevMode()) return;\n      // `items` may be bound to undefined (tolerated since 3.2).\n      for (const item of this.items() ?? []) {\n        if (this.isLinkRow(item) && item.action) {\n          console.warn(`[lc-list] item \"${item.label}\" has href and action: the action is not rendered inside a link`);\n        }\n      }\n    });\n  }\n\n  /** Whether a row renders as a link: `href` set and not disabled. */\n  protected isLinkRow(item: ListItem): boolean {\n    return !!item.href && !item.disabled;\n  }\n\n  /**\n   * Computed CSS classes for the list\n   */\n  listClasses = computed(() => {\n    const classes = ['lc-list'];\n\n    classes.push(`lc-list--${this.orientation()}`);\n    classes.push(`lc-list--${this.variant()}`);\n    classes.push(`lc-list--${this.size()}`);\n\n    if (this.showDividers()) {\n      classes.push('lc-list--with-dividers');\n    }\n\n    if (this.clickable()) {\n      classes.push('lc-list--clickable');\n    }\n\n    if (!this.clampDescription()) {\n      classes.push('lc-list--no-clamp');\n    }\n\n    return classes.join(' ');\n  });\n\n  /**\n   * Get CSS classes for a list item\n   */\n  getItemClasses(item: ListItem): string {\n    const classes = ['lc-list__item'];\n\n    if (item.disabled) {\n      classes.push('lc-list__item--disabled');\n    }\n\n    if (item.selected) {\n      classes.push('lc-list__item--selected');\n    }\n\n    return classes.join(' ');\n  }\n\n  /** CSS classes of an item's avatar (member colour, LK-7). */\n  protected avatarClasses(item: ListItem): string {\n    const color = item.avatarColor;\n    return color && color !== 'default'\n      ? `lc-list__avatar lc-list__avatar--member lc-list__avatar--${color}`\n      : 'lc-list__avatar';\n  }\n\n  /**\n   * Handle item click\n   */\n  onItemClick(item: ListItem): void {\n    if (!item.disabled) {\n      this.itemClick.emit(item);\n    }\n  }\n\n  /**\n   * Keyboard activation of a clickable row. Only reacts to keys on the row\n   * itself: a nested control (e.g. the action button) handles its own Enter.\n   */\n  onItemKeydown(event: KeyboardEvent, item: ListItem): void {\n    if (event.target !== event.currentTarget) return;\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.onItemClick(item);\n    }\n  }\n\n  /**\n   * Handle action button click\n   */\n  onActionClick(item: ListItem): void {\n    this.actionClick.emit(item);\n  }\n\n  /**\n   * A click on a link row: only a plain primary click reaches `linkClick`.\n   * The default (following the link) is left to the browser and the consumer.\n   */\n  protected onLinkClick(event: MouseEvent, item: ListItem): void {\n    if (event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;\n    this.linkClick.emit({ item, event });\n  }\n}\n","<!--\n  Row content is shared between the plain (legacy) row and the keyboard-\n  operable row rendered when `clickable` is set.\n-->\n<ng-template #rowContent let-item>\n  @if (itemTemplate(); as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl.template; context: { $implicit: item }\"></ng-container>\n  } @else {\n    <!-- Leading: Avatar or Icon -->\n    @if (item.avatar) {\n      <div [class]=\"avatarClasses(item)\">\n        @if (item.avatar.startsWith('http') || item.avatar.startsWith('/') || item.avatar.startsWith('data:')) {\n          <img [src]=\"item.avatar\" [alt]=\"item.label\" class=\"lc-list__avatar-img\" />\n        } @else {\n          <span class=\"lc-list__avatar-initials\">{{ item.avatar }}</span>\n        }\n      </div>\n    } @else if (item.icon) {\n      <lc-icon [name]=\"item.icon\" class=\"lc-list__icon\" size=\"sm\" [decorative]=\"true\" />\n    }\n\n    <!-- Content: Label, Subtitle, Description -->\n    <div class=\"lc-list__content\">\n      <span class=\"lc-list__label\">{{ item.label }}</span>\n      @if (item.subtitle) {\n        <span class=\"lc-list__subtitle\">{{ item.subtitle }}</span>\n      }\n      @if (item.description) {\n        <span class=\"lc-list__description\">{{ item.description }}</span>\n      }\n    </div>\n\n    <!-- Trailing: Badge, Metadata, Action -->\n    <div class=\"lc-list__trailing\">\n      @if (item.badge) {\n        <span class=\"lc-list__badge lc-list__badge--{{ item.badgeVariant || 'default' }}\">{{ item.badge }}</span>\n      }\n      @if (item.metadata) {\n        <span class=\"lc-list__metadata\">{{ item.metadata }}</span>\n      }\n      @if (item.action && !isLinkRow(item)) {\n        <!-- The action is its own control: its click must not also activate the row. -->\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- only stops the action click from also activating the row; the action is a real button -->\n        <span class=\"lc-list__action-area\" (click)=\"$event.stopPropagation()\">\n          <lc-button\n            [variant]=\"actionVariant()\"\n            [size]=\"actionSize()\"\n            [ariaLabel]=\"item.actionAriaLabel ?? ''\"\n            class=\"lc-list__action\"\n            (clicked)=\"onActionClick(item)\"\n          >\n            {{ item.action }}\n          </lc-button>\n        </span>\n      }\n    </div>\n  }\n</ng-template>\n\n<div [class]=\"listClasses()\" role=\"list\">\n  @for (item of items(); track item.id || $index) {\n    @if (isLinkRow(item)) {\n      <!-- A real link over the whole row (3.16, TD-4); the row element carries the item styles. -->\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <a [class]=\"getItemClasses(item) + ' lc-list__item--link'\" [href]=\"item.href\" (click)=\"onLinkClick($event, item)\">\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </a>\n      </div>\n    } @else if (clickable()) {\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <div\n          [class]=\"getItemClasses(item)\"\n          role=\"button\"\n          [attr.tabindex]=\"item.disabled ? -1 : 0\"\n          [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n          (click)=\"onItemClick(item)\"\n          (keydown)=\"onItemKeydown($event, item)\"\n        >\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </div>\n      </div>\n    } @else {\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -- non-clickable lists keep reporting mouse clicks (backward compatible); use clickable for keyboard rows -->\n      <div\n        [class]=\"getItemClasses(item)\"\n        role=\"listitem\"\n        [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n        (click)=\"onItemClick(item)\"\n      >\n        <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n      </div>\n    }\n  }\n</div>\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-list.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/list/list-item-template.directive.ts","../../../../libs/angular-ui-kit/src/lib/list/list.component.ts","../../../../libs/angular-ui-kit/src/lib/list/list.component.html"],"sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\nimport { ListItem } from './list.component';\n\n/**\n * Directive for providing a custom template to render each list item.\n *\n * @example\n * ```html\n * <lc-list [items]=\"runs()\" (itemClick)=\"onRunClick($event)\">\n *   <ng-template lcListItem let-item>\n *     <lc-badge [variant]=\"getStatusVariant(item.status)\">{{ item.status }}</lc-badge>\n *     <span>{{ item.symbol }}</span>\n *     <span class=\"text-sm text-neutral-500\">{{ item.date }}</span>\n *   </ng-template>\n * </lc-list>\n * ```\n */\n@Directive({\n  selector: '[lcListItem]',\n  standalone: true,\n})\nexport class ListItemTemplateDirective {\n  public readonly template = inject(TemplateRef<{ $implicit: ListItem }>);\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  computed,\n  contentChild,\n  effect,\n  isDevMode,\n  output,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\nimport { ButtonComponent, ButtonSize, ButtonVariant } from '@lifecorner/angular-ui-kit/button';\nimport { ListItemTemplateDirective } from './list-item-template.directive';\nimport type { AvatarColor } from '@lifecorner/angular-ui-kit/avatar';\n\n/**\n * List orientation type\n */\nexport type ListOrientation = 'vertical' | 'horizontal';\n\n/**\n * List visual variant\n *  - default: flat rows (original)\n *  - card: each item rendered as a mini-card with border, radius and shadow on hover\n */\nexport type ListVariant = 'default' | 'card';\n\n/**\n * List item interface\n */\nexport interface ListItem {\n  /** Item label text (primary line) */\n  label: string;\n  /** Secondary text shown below the label */\n  subtitle?: string;\n  /** Description text shown below subtitle (third line) */\n  description?: string;\n  /** Optional icon identifier */\n  icon?: string;\n  /** Avatar URL or initials (renders a circular avatar instead of icon) */\n  avatar?: string;\n  /**\n   * Background of avatar initials: `default` or a member colour `member-1` …\n   * `member-6` with white initials (as `lc-avatar`'s `color`).\n   */\n  avatarColor?: AvatarColor;\n  /** Badge text (e.g. count, status label) shown on the trailing side */\n  badge?: string;\n  /** Badge color variant */\n  badgeVariant?: 'default' | 'primary' | 'success' | 'warning' | 'error';\n  /** Metadata text shown on the trailing side (e.g. date, size) */\n  metadata?: string;\n  /** Optional action label */\n  action?: string;\n  /**\n   * Accessible name of this row's action when the visible label repeats on\n   * every row (e.g. „Entfernen“ → „iPhone · Safari entfernen“). The visible\n   * label must be part of it (WCAG 2.5.3).\n   */\n  actionAriaLabel?: string;\n  /**\n   * URL of the row link (3.16, TD-4). The row renders as an `<a>` over its\n   * full area (at least 44 px high) with real link semantics (middle click,\n   * \"open in new tab\"). Not rendered with `href`: `action` (no control inside\n   * a link; a dev warning). Not emitted: `itemClick` (see `linkClick`). With\n   * `disabled` the row is the plain disabled row, no link. A custom\n   * `lcListItem` template must not hold controls in `href` rows.\n   */\n  href?: string;\n  /** Item identifier */\n  id?: string;\n  /** Whether the item is disabled */\n  disabled?: boolean;\n  /**\n   * Whether the item is the current choice: a tinted row and, since 3.33,\n   * `aria-current=\"true\"` on the row element (the button with `clickable`,\n   * the link with `href`, the row otherwise). Pair it with a visible mark such\n   * as a badge; the tint alone is colour.\n   */\n  selected?: boolean;\n  /** Any additional data */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [key: string]: any;\n}\n\n/**\n * List item size\n */\nexport type ListSize = 'sm' | 'md' | 'lg';\n\n/**\n * A plain click (or Enter) on an `href` row (3.16, TD-4): `item` is the row,\n * `event` the click. Call `event.preventDefault()` to navigate with your\n * router instead of a full page load.\n */\nexport interface ListLinkClickEvent {\n  item: ListItem;\n  event: MouseEvent;\n}\n\n/**\n * List component for displaying structured item collections.\n *\n * Features:\n * - Vertical and horizontal layout orientations\n * - Variant styles (default, bordered, card)\n * - Optional dividers between items\n * - Icon and avatar support per item\n * - Action buttons with click events\n * - Accessible with ARIA list role; `clickable` rows are keyboard-operable\n * - `ListItem.href` rows are real links over the full row (3.16, TD-4);\n *   `linkClick` hands plain clicks to your router\n *\n * @example\n * ```html\n * <lc-list\n *   [items]=\"listItems\"\n *   orientation=\"vertical\"\n *   [showDividers]=\"true\"\n *   (itemClick)=\"handleItemClick($event)\"\n * />\n * ```\n */\n@Component({\n  selector: 'lc-list',\n  standalone: true,\n  imports: [NgTemplateOutlet, IconComponent, ButtonComponent],\n  templateUrl: './list.component.html',\n  styleUrl: './list.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ListComponent {\n  /** Custom item template provided via lcListItem directive */\n  readonly itemTemplate = contentChild(ListItemTemplateDirective);\n\n  /** Array of list items to display */\n  items = input<ListItem[]>([]);\n\n  /** Orientation of the list */\n  orientation = input<ListOrientation>('vertical');\n\n  /** Visual variant */\n  variant = input<ListVariant>('default');\n\n  /** Size of list items */\n  size = input<ListSize>('md');\n\n  /** Whether to show dividers between items */\n  showDividers = input<boolean>(false);\n\n  /**\n   * Whether rows are interactive. When set, each row is rendered as a\n   * focusable button (Enter / Space emit `itemClick`) so `itemClick` is\n   * reachable from the keyboard. Set this whenever you handle `itemClick`.\n   */\n  clickable = input<boolean>(false);\n\n  /**\n   * Clamp each item's `description` to two lines (3.2). Set `false` for\n   * reading text that must show in full (3.3, G-11).\n   * @default true\n   */\n  clampDescription = input<boolean>(true);\n\n  /**\n   * Variant of the built-in row action (`ListItem.action`).\n   * @default 'ghost'\n   */\n  actionVariant = input<ButtonVariant>('ghost');\n\n  /**\n   * Size of the built-in row action: `xs` (3.2, about 25 px) … `lg` (48.5 px,\n   * the 44 px touch target).\n   * @default 'xs'\n   */\n  actionSize = input<ButtonSize>('xs');\n\n  /** Event emitted when an item is clicked */\n  readonly itemClick = output<ListItem>();\n\n  /** Event emitted when an action button is clicked */\n  readonly actionClick = output<ListItem>();\n\n  /**\n   * A plain click (or Enter) on an `href` row: primary button, no\n   * Ctrl/Cmd/Shift/Alt (3.16, TD-4). Emitted before the browser follows the\n   * link; call `event.preventDefault()` and navigate with your router for an\n   * in-app route (`router.navigateByUrl(item.href)`). The kit never prevents\n   * the default; modifier and middle clicks are never emitted, so \"open in new\n   * tab\" keeps working.\n   */\n  readonly linkClick = output<ListLinkClickEvent>();\n\n  constructor() {\n    effect(() => {\n      if (!isDevMode()) return;\n      // `items` may be bound to undefined (tolerated since 3.2).\n      for (const item of this.items() ?? []) {\n        if (this.isLinkRow(item) && item.action) {\n          console.warn(`[lc-list] item \"${item.label}\" has href and action: the action is not rendered inside a link`);\n        }\n      }\n    });\n  }\n\n  /** Whether a row renders as a link: `href` set and not disabled. */\n  protected isLinkRow(item: ListItem): boolean {\n    return !!item.href && !item.disabled;\n  }\n\n  /**\n   * Computed CSS classes for the list\n   */\n  listClasses = computed(() => {\n    const classes = ['lc-list'];\n\n    classes.push(`lc-list--${this.orientation()}`);\n    classes.push(`lc-list--${this.variant()}`);\n    classes.push(`lc-list--${this.size()}`);\n\n    if (this.showDividers()) {\n      classes.push('lc-list--with-dividers');\n    }\n\n    if (this.clickable()) {\n      classes.push('lc-list--clickable');\n    }\n\n    if (!this.clampDescription()) {\n      classes.push('lc-list--no-clamp');\n    }\n\n    return classes.join(' ');\n  });\n\n  /**\n   * Get CSS classes for a list item\n   */\n  getItemClasses(item: ListItem): string {\n    const classes = ['lc-list__item'];\n\n    if (item.disabled) {\n      classes.push('lc-list__item--disabled');\n    }\n\n    if (item.selected) {\n      classes.push('lc-list__item--selected');\n    }\n\n    return classes.join(' ');\n  }\n\n  /** CSS classes of an item's avatar (member colour, LK-7). */\n  protected avatarClasses(item: ListItem): string {\n    const color = item.avatarColor;\n    return color && color !== 'default'\n      ? `lc-list__avatar lc-list__avatar--member lc-list__avatar--${color}`\n      : 'lc-list__avatar';\n  }\n\n  /**\n   * Handle item click\n   */\n  onItemClick(item: ListItem): void {\n    if (!item.disabled) {\n      this.itemClick.emit(item);\n    }\n  }\n\n  /**\n   * Keyboard activation of a clickable row. Only reacts to keys on the row\n   * itself: a nested control (e.g. the action button) handles its own Enter.\n   */\n  onItemKeydown(event: KeyboardEvent, item: ListItem): void {\n    if (event.target !== event.currentTarget) return;\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.onItemClick(item);\n    }\n  }\n\n  /**\n   * Handle action button click\n   */\n  onActionClick(item: ListItem): void {\n    this.actionClick.emit(item);\n  }\n\n  /**\n   * A click on a link row: only a plain primary click reaches `linkClick`.\n   * The default (following the link) is left to the browser and the consumer.\n   */\n  protected onLinkClick(event: MouseEvent, item: ListItem): void {\n    if (event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;\n    this.linkClick.emit({ item, event });\n  }\n}\n","<!--\n  Row content is shared between the plain (legacy) row and the keyboard-\n  operable row rendered when `clickable` is set.\n-->\n<ng-template #rowContent let-item>\n  @if (itemTemplate(); as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl.template; context: { $implicit: item }\"></ng-container>\n  } @else {\n    <!-- Leading: Avatar or Icon -->\n    @if (item.avatar) {\n      <div [class]=\"avatarClasses(item)\">\n        @if (item.avatar.startsWith('http') || item.avatar.startsWith('/') || item.avatar.startsWith('data:')) {\n          <img [src]=\"item.avatar\" [alt]=\"item.label\" class=\"lc-list__avatar-img\" />\n        } @else {\n          <span class=\"lc-list__avatar-initials\">{{ item.avatar }}</span>\n        }\n      </div>\n    } @else if (item.icon) {\n      <lc-icon [name]=\"item.icon\" class=\"lc-list__icon\" size=\"sm\" [decorative]=\"true\" />\n    }\n\n    <!-- Content: Label, Subtitle, Description -->\n    <div class=\"lc-list__content\">\n      <span class=\"lc-list__label\">{{ item.label }}</span>\n      @if (item.subtitle) {\n        <span class=\"lc-list__subtitle\">{{ item.subtitle }}</span>\n      }\n      @if (item.description) {\n        <span class=\"lc-list__description\">{{ item.description }}</span>\n      }\n    </div>\n\n    <!-- Trailing: Badge, Metadata, Action -->\n    <div class=\"lc-list__trailing\">\n      @if (item.badge) {\n        <span class=\"lc-list__badge lc-list__badge--{{ item.badgeVariant || 'default' }}\">{{ item.badge }}</span>\n      }\n      @if (item.metadata) {\n        <span class=\"lc-list__metadata\">{{ item.metadata }}</span>\n      }\n      @if (item.action && !isLinkRow(item)) {\n        <!-- The action is its own control: its click must not also activate the row. -->\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- only stops the action click from also activating the row; the action is a real button -->\n        <span class=\"lc-list__action-area\" (click)=\"$event.stopPropagation()\">\n          <lc-button\n            [variant]=\"actionVariant()\"\n            [size]=\"actionSize()\"\n            [ariaLabel]=\"item.actionAriaLabel ?? ''\"\n            class=\"lc-list__action\"\n            (clicked)=\"onActionClick(item)\"\n          >\n            {{ item.action }}\n          </lc-button>\n        </span>\n      }\n    </div>\n  }\n</ng-template>\n\n<div [class]=\"listClasses()\" role=\"list\">\n  @for (item of items(); track item.id || $index) {\n    @if (isLinkRow(item)) {\n      <!-- A real link over the whole row (3.16, TD-4); the row element carries the item styles. -->\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <a\n          [class]=\"getItemClasses(item) + ' lc-list__item--link'\"\n          [href]=\"item.href\"\n          [attr.aria-current]=\"item.selected ? 'true' : null\"\n          (click)=\"onLinkClick($event, item)\"\n        >\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </a>\n      </div>\n    } @else if (clickable()) {\n      <div class=\"lc-list__item-wrapper\" role=\"listitem\">\n        <div\n          [class]=\"getItemClasses(item)\"\n          role=\"button\"\n          [attr.tabindex]=\"item.disabled ? -1 : 0\"\n          [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n          [attr.aria-current]=\"item.selected ? 'true' : null\"\n          (click)=\"onItemClick(item)\"\n          (keydown)=\"onItemKeydown($event, item)\"\n        >\n          <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n        </div>\n      </div>\n    } @else {\n      <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -- non-clickable lists keep reporting mouse clicks (backward compatible); use clickable for keyboard rows -->\n      <div\n        [class]=\"getItemClasses(item)\"\n        role=\"listitem\"\n        [attr.aria-disabled]=\"item.disabled ? 'true' : null\"\n        [attr.aria-current]=\"item.selected ? 'true' : null\"\n        (click)=\"onItemClick(item)\"\n      >\n        <ng-container *ngTemplateOutlet=\"rowContent; context: { $implicit: item }\"></ng-container>\n      </div>\n    }\n  }\n</div>\n"],"mappings":"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"}

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

@@ -509,7 +509,7 @@ var LogViewerComponent = class LogViewerComponent {
 		}],
 		ngImport: i0,
 		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"],
+		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[aria-pressed=true]{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:Highlight}}.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,
@@ -558,7 +558,7 @@ i0.ɵɵngDeclareClassMetadata({
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			encapsulation: ViewEncapsulation.None,
 			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"]
+			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[aria-pressed=true]{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:Highlight}}.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","<!--\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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"}
+{"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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"}