@weeehaoooz/talos-ui 0.1.0 → 0.1.2

package/fesm2022/weeehaoooz-talos-ui-data-display-timeline.mjs

@@ -1,312 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, TemplateRef, Directive, input, output, linkedSignal, computed, ContentChild, Component, NgModule } from '@angular/core';
-import { NgTemplateOutlet, NgComponentOutlet, DatePipe, KeyValuePipe } from '@angular/common';
-import { LucideLoader2, LucideClock, LucideInfo, LucideAlertTriangle, LucideAlertCircle, LucideCheck, LucideChevronDown, LucideChevronUp, LucideUser } from '@lucide/angular';
-
-class TalosTimelineDotDirective {
-    templateRef = inject(TemplateRef, { optional: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineDotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: TalosTimelineDotDirective, isStandalone: true, selector: "[talosTimelineDot], ng-template[talosTimelineDot]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineDotDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[talosTimelineDot], ng-template[talosTimelineDot]'
-                }]
-        }] });
-class TalosTimelineTitleDirective {
-    templateRef = inject(TemplateRef, { optional: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: TalosTimelineTitleDirective, isStandalone: true, selector: "[talosTimelineTitle], ng-template[talosTimelineTitle]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineTitleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[talosTimelineTitle], ng-template[talosTimelineTitle]'
-                }]
-        }] });
-class TalosTimelineTimeDirective {
-    templateRef = inject(TemplateRef, { optional: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineTimeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: TalosTimelineTimeDirective, isStandalone: true, selector: "[talosTimelineTime], ng-template[talosTimelineTime]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineTimeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[talosTimelineTime], ng-template[talosTimelineTime]'
-                }]
-        }] });
-class TalosTimelineContentDirective {
-    templateRef = inject(TemplateRef, { optional: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: TalosTimelineContentDirective, isStandalone: true, selector: "[talosTimelineContent], ng-template[talosTimelineContent]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineContentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[talosTimelineContent], ng-template[talosTimelineContent]'
-                }]
-        }] });
-class TalosTimelineExtraDirective {
-    templateRef = inject(TemplateRef, { optional: true });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineExtraDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: TalosTimelineExtraDirective, isStandalone: true, selector: "[talosTimelineExtra], ng-template[talosTimelineExtra]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineExtraDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[talosTimelineExtra], ng-template[talosTimelineExtra]'
-                }]
-        }] });
-
-class TalosTimelineItemComponent {
-    // Inputs
-    status = input('neutral', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
-    dotVariant = input('solid', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dotVariant" }] : /* istanbul ignore next */ []));
-    dotSize = input('md', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dotSize" }] : /* istanbul ignore next */ []));
-    dotColor = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "dotColor" }] : /* istanbul ignore next */ []));
-    icon = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-    loading = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
-    active = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
-    lineStyle = input('solid', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lineStyle" }] : /* istanbul ignore next */ []));
-    timestamp = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "timestamp" }] : /* istanbul ignore next */ []));
-    relativeTime = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "relativeTime" }] : /* istanbul ignore next */ []));
-    title = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-    description = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
-    actor = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "actor" }] : /* istanbul ignore next */ []));
-    tags = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "tags" }] : /* istanbul ignore next */ []));
-    diffs = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "diffs" }] : /* istanbul ignore next */ []));
-    metadata = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "metadata" }] : /* istanbul ignore next */ []));
-    expandable = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "expandable" }] : /* istanbul ignore next */ []));
-    expanded = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
-    position = input('left', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
-    isLast = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isLast" }] : /* istanbul ignore next */ []));
-    // Outputs
-    itemClick = output();
-    toggleExpand = output();
-    // Slot Directives
-    customDot;
-    customTitle;
-    customTime;
-    customContent;
-    customExtra;
-    // Internal state for accordion / collapse linked to input
-    isExpanded = linkedSignal(() => this.expanded(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isExpanded" }] : /* istanbul ignore next */ []));
-    hasExpandableDetails = computed(() => {
-        return (this.expandable() ||
-            (this.diffs() && this.diffs().length > 0) ||
-            (this.metadata() && Object.keys(this.metadata()).length > 0));
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hasExpandableDetails" }] : /* istanbul ignore next */ []));
-    effectiveIcon = computed(() => {
-        if (this.loading()) {
-            return LucideLoader2;
-        }
-        if (this.icon()) {
-            return this.icon();
-        }
-        switch (this.status()) {
-            case 'success':
-            case 'completed':
-                return LucideCheck;
-            case 'error':
-            case 'cancelled':
-                return LucideAlertCircle;
-            case 'warning':
-                return LucideAlertTriangle;
-            case 'info':
-                return LucideInfo;
-            case 'pending':
-            case 'in-progress':
-                return LucideClock;
-            default:
-                return null;
-        }
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "effectiveIcon" }] : /* istanbul ignore next */ []));
-    isStatus(expected) {
-        return this.status() === expected;
-    }
-    toggleAccordion() {
-        this.isExpanded.update(current => !current);
-        this.toggleExpand.emit(this.isExpanded());
-    }
-    onItemClicked() {
-        this.itemClick.emit();
-    }
-    isDateObject(val) {
-        return val instanceof Date;
-    }
-    formatJsonValue(val) {
-        if (typeof val === 'string')
-            return `"${val}"`;
-        if (typeof val === 'object' && val !== null)
-            return JSON.stringify(val);
-        return String(val);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: TalosTimelineItemComponent, isStandalone: true, selector: "talos-timeline-item, [talosTimelineItem]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, dotVariant: { classPropertyName: "dotVariant", publicName: "dotVariant", isSignal: true, isRequired: false, transformFunction: null }, dotSize: { classPropertyName: "dotSize", publicName: "dotSize", isSignal: true, isRequired: false, transformFunction: null }, dotColor: { classPropertyName: "dotColor", publicName: "dotColor", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, lineStyle: { classPropertyName: "lineStyle", publicName: "lineStyle", isSignal: true, isRequired: false, transformFunction: null }, timestamp: { classPropertyName: "timestamp", publicName: "timestamp", isSignal: true, isRequired: false, transformFunction: null }, relativeTime: { classPropertyName: "relativeTime", publicName: "relativeTime", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, actor: { classPropertyName: "actor", publicName: "actor", isSignal: true, isRequired: false, transformFunction: null }, tags: { classPropertyName: "tags", publicName: "tags", isSignal: true, isRequired: false, transformFunction: null }, diffs: { classPropertyName: "diffs", publicName: "diffs", isSignal: true, isRequired: false, transformFunction: null }, metadata: { classPropertyName: "metadata", publicName: "metadata", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, isLast: { classPropertyName: "isLast", publicName: "isLast", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick", toggleExpand: "toggleExpand" }, host: { properties: { "class.talos-timeline-item--primary": "isStatus(\"primary\")", "class.talos-timeline-item--secondary": "isStatus(\"secondary\")", "class.talos-timeline-item--success": "isStatus(\"success\") || isStatus(\"completed\")", "class.talos-timeline-item--warning": "isStatus(\"warning\")", "class.talos-timeline-item--error": "isStatus(\"error\") || isStatus(\"cancelled\")", "class.talos-timeline-item--info": "isStatus(\"info\")", "class.talos-timeline-item--neutral": "isStatus(\"neutral\")", "class.talos-timeline-item--pending": "isStatus(\"pending\")", "class.talos-timeline-item--in-progress": "isStatus(\"in-progress\")", "class.talos-timeline-item--loading": "loading()", "class.talos-timeline-item--active": "active()", "class.talos-timeline-item--last": "isLast()", "class.talos-timeline-item--left": "position() === \"left\"", "class.talos-timeline-item--right": "position() === \"right\"", "class.talos-timeline-item--expanded": "isExpanded()" }, classAttribute: "talos-timeline-item" }, queries: [{ propertyName: "customDot", first: true, predicate: TalosTimelineDotDirective, descendants: true }, { propertyName: "customTitle", first: true, predicate: TalosTimelineTitleDirective, descendants: true }, { propertyName: "customTime", first: true, predicate: TalosTimelineTimeDirective, descendants: true }, { propertyName: "customContent", first: true, predicate: TalosTimelineContentDirective, descendants: true }, { propertyName: "customExtra", first: true, predicate: TalosTimelineExtraDirective, descendants: true }], ngImport: i0, template: "<!-- Left / Opposite Slot (Used for Timestamps/Actor in Alternating or Two-Sided mode) -->\n<div class=\"talos-timeline-item__opposite\" aria-hidden=\"true\">\n  @if (customTime?.templateRef) {\n    <ng-container [ngTemplateOutlet]=\"customTime!.templateRef!\" />\n  } @else if (timestamp() || relativeTime()) {\n    <div class=\"talos-timeline-item__time-stamp\">\n      @if (relativeTime()) {\n        <span class=\"talos-timeline-item__relative-time\">{{ relativeTime() }}</span>\n      }\n      @if (timestamp()) {\n        <span class=\"talos-timeline-item__absolute-time\">\n          @if (isDateObject(timestamp())) {\n            {{ timestamp() | date: 'medium' }}\n          } @else {\n            {{ timestamp() }}\n          }\n        </span>\n      }\n    </div>\n  }\n</div>\n\n<!-- Separator Column: Connector Track & Dot Marker -->\n<div class=\"talos-timeline-item__separator\">\n  <div\n    class=\"talos-timeline-item__connector talos-timeline-item__connector--top\"\n    [class.talos-timeline-item__connector--dashed]=\"lineStyle() === 'dashed'\"\n    [class.talos-timeline-item__connector--dotted]=\"lineStyle() === 'dotted'\"\n  ></div>\n\n  <div\n    class=\"talos-timeline-item__dot\"\n    [class.talos-timeline-item__dot--solid]=\"dotVariant() === 'solid'\"\n    [class.talos-timeline-item__dot--subtle]=\"dotVariant() === 'subtle'\"\n    [class.talos-timeline-item__dot--outline]=\"dotVariant() === 'outline'\"\n    [class.talos-timeline-item__dot--pure-dot]=\"dotVariant() === 'dot'\"\n    [class.talos-timeline-item__dot--xs]=\"dotSize() === 'xs'\"\n    [class.talos-timeline-item__dot--sm]=\"dotSize() === 'sm'\"\n    [class.talos-timeline-item__dot--md]=\"dotSize() === 'md'\"\n    [class.talos-timeline-item__dot--lg]=\"dotSize() === 'lg'\"\n    [class.talos-timeline-item__dot--loading]=\"loading()\"\n    [style.background-color]=\"dotColor()\"\n    [style.border-color]=\"dotColor()\"\n  >\n    @if (customDot?.templateRef) {\n      <ng-container [ngTemplateOutlet]=\"customDot!.templateRef!\" />\n    } @else if (effectiveIcon()) {\n      <ng-container *ngComponentOutlet=\"effectiveIcon()!\" />\n    }\n  </div>\n\n  <div\n    class=\"talos-timeline-item__connector talos-timeline-item__connector--bottom\"\n    [class.talos-timeline-item__connector--dashed]=\"lineStyle() === 'dashed'\"\n    [class.talos-timeline-item__connector--dotted]=\"lineStyle() === 'dotted'\"\n  ></div>\n</div>\n\n<!-- Main Body / Content Area -->\n<div class=\"talos-timeline-item__body\" (click)=\"onItemClicked()\">\n  <div class=\"talos-timeline-item__header\">\n    <div class=\"talos-timeline-item__title-group\">\n      <!-- Projected or Input Title -->\n      @if (customTitle?.templateRef) {\n        <ng-container [ngTemplateOutlet]=\"customTitle!.templateRef!\" />\n      } @else if (title()) {\n        <h4 class=\"talos-timeline-item__title\">{{ title() }}</h4>\n      }\n\n      <!-- Status Indicator Pill -->\n      @if (status() && status() !== 'neutral') {\n        <span class=\"talos-timeline-item__status-badge talos-timeline-item__status-badge--{{ status() }}\">\n          {{ status() }}\n        </span>\n      }\n    </div>\n\n    <!-- Header Right / Metadata (Timestamp in Left Align mode) -->\n    <div class=\"talos-timeline-item__header-meta\">\n      @if (relativeTime()) {\n        <span class=\"talos-timeline-item__header-time\">{{ relativeTime() }}</span>\n      } @else if (timestamp()) {\n        <span class=\"talos-timeline-item__header-time\">\n          @if (isDateObject(timestamp())) {\n            {{ timestamp() | date: 'short' }}\n          } @else {\n            {{ timestamp() }}\n          }\n        </span>\n      }\n\n      @if (hasExpandableDetails()) {\n        <button\n          type=\"button\"\n          class=\"talos-timeline-item__expand-btn\"\n          [attr.aria-expanded]=\"isExpanded()\"\n          aria-label=\"Toggle audit details\"\n          (click)=\"toggleAccordion(); $event.stopPropagation()\"\n        >\n          @if (isExpanded()) {\n            <svg lucideChevronUp [size]=\"14\"></svg>\n          } @else {\n            <svg lucideChevronDown [size]=\"14\"></svg>\n          }\n        </button>\n      }\n    </div>\n  </div>\n\n  <!-- Actor Info for Audit Logs -->\n  @if (actor(); as currentActor) {\n    <div class=\"talos-timeline-item__actor\">\n      <div class=\"talos-timeline-item__actor-avatar\">\n        @if (currentActor.avatar) {\n          <img [src]=\"currentActor.avatar\" [alt]=\"currentActor.name\" />\n        } @else {\n          <svg lucideUser [size]=\"12\"></svg>\n        }\n      </div>\n      <div class=\"talos-timeline-item__actor-details\">\n        <span class=\"talos-timeline-item__actor-name\">{{ currentActor.name }}</span>\n        @if (currentActor.role) {\n          <span class=\"talos-timeline-item__actor-role\">{{ currentActor.role }}</span>\n        }\n        @if (currentActor.ip) {\n          <span class=\"talos-timeline-item__actor-ip\">({{ currentActor.ip }})</span>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Description / Content Area -->\n  <div class=\"talos-timeline-item__content\">\n    @if (customContent?.templateRef) {\n      <ng-container [ngTemplateOutlet]=\"customContent!.templateRef!\" />\n    } @else if (description()) {\n      <p class=\"talos-timeline-item__description\">{{ description() }}</p>\n    }\n    <ng-content></ng-content>\n  </div>\n\n  <!-- Tags Pill Row -->\n  @if (tags() && tags()!.length > 0) {\n    <div class=\"talos-timeline-item__tags\">\n      @for (tag of tags()!; track tag) {\n        <span class=\"talos-timeline-item__tag\">{{ tag }}</span>\n      }\n    </div>\n  }\n\n  <!-- Audit Change Diffs (Expanded / Default) -->\n  @if (diffs() && diffs()!.length > 0 && isExpanded()) {\n    <div class=\"talos-timeline-item__diffs-table-wrapper\">\n      <table class=\"talos-timeline-item__diffs-table\">\n        <thead>\n          <tr>\n            <th>Field</th>\n            <th>Previous Value</th>\n            <th>New Value</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (diff of diffs()!; track diff.field) {\n            <tr class=\"talos-timeline-item__diff-row talos-timeline-item__diff-row--{{ diff.type || 'modified' }}\">\n              <td class=\"talos-timeline-item__diff-field\">{{ diff.field }}</td>\n              <td class=\"talos-timeline-item__diff-old\">\n                <code>{{ formatJsonValue(diff.previousValue) }}</code>\n              </td>\n              <td class=\"talos-timeline-item__diff-new\">\n                <code>{{ formatJsonValue(diff.newValue) }}</code>\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n\n  <!-- Expandable JSON / Metadata -->\n  @if (metadata() && isExpanded()) {\n    <div class=\"talos-timeline-item__metadata-card\">\n      <div class=\"talos-timeline-item__metadata-header\">Metadata & Payload</div>\n      <div class=\"talos-timeline-item__metadata-grid\">\n        @for (entry of metadata()! | keyvalue; track entry.key) {\n          <div class=\"talos-timeline-item__meta-item\">\n            <span class=\"talos-timeline-item__meta-key\">{{ entry.key }}:</span>\n            <span class=\"talos-timeline-item__meta-val\"><code>{{ formatJsonValue(entry.value) }}</code></span>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Extra Slot Projection -->\n  @if (customExtra?.templateRef) {\n    <div class=\"talos-timeline-item__extra\">\n      <ng-container [ngTemplateOutlet]=\"customExtra!.templateRef!\" />\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;position:relative;min-height:4.5rem;box-sizing:border-box;--timeline-line-color: var(--talos-border-color, #e2e8f0);--timeline-line-width: 2px;--timeline-dot-size: 1.5rem;--timeline-dot-color: var(--talos-text-muted, #64748b);--timeline-dot-bg: var(--talos-card-bg, #ffffff);--timeline-dot-border: var(--talos-border-color, #cbd5e1);--timeline-title-color: var(--talos-text-color, #0f172a);--timeline-desc-color: var(--talos-text-muted, #475569);--timeline-time-color: var(--talos-text-muted, #64748b)}:host(.talos-timeline-item--primary){--timeline-dot-color: var(--talos-primary-color, #2563eb);--timeline-dot-border: var(--talos-primary-color, #2563eb);--timeline-dot-bg: var(--talos-primary-color, #2563eb)}:host(.talos-timeline-item--secondary){--timeline-dot-color: #6366f1;--timeline-dot-border: #6366f1;--timeline-dot-bg: #6366f1}:host(.talos-timeline-item--success){--timeline-dot-color: var(--talos-success-color, #16a34a);--timeline-dot-border: var(--talos-success-color, #16a34a);--timeline-dot-bg: var(--talos-success-color, #16a34a)}:host(.talos-timeline-item--warning){--timeline-dot-color: var(--talos-warning-color, #d97706);--timeline-dot-border: var(--talos-warning-color, #d97706);--timeline-dot-bg: var(--talos-warning-color, #d97706)}:host(.talos-timeline-item--error){--timeline-dot-color: var(--talos-error-color, #ef4444);--timeline-dot-border: var(--talos-error-color, #ef4444);--timeline-dot-bg: var(--talos-error-color, #ef4444)}:host(.talos-timeline-item--info){--timeline-dot-color: #0284c7;--timeline-dot-border: #0284c7;--timeline-dot-bg: #0284c7}:host(.talos-timeline-item--pending),:host(.talos-timeline-item--in-progress){--timeline-dot-color: #0ea5e9;--timeline-dot-border: #0ea5e9;--timeline-dot-bg: #0ea5e9}.talos-timeline-item__opposite{display:none;flex:1;padding:0 1.25rem 1rem 0;text-align:right;box-sizing:border-box}.talos-timeline-item__opposite .talos-timeline-item__time-stamp{display:flex;flex-direction:column;gap:.125rem}.talos-timeline-item__opposite .talos-timeline-item__relative-time{font-size:.8125rem;font-weight:600;color:var(--timeline-title-color)}.talos-timeline-item__opposite .talos-timeline-item__absolute-time{font-size:.75rem;color:var(--timeline-time-color)}.talos-timeline-item__separator{display:flex;flex-direction:column;align-items:center;position:relative;min-width:2rem;margin:0 .75rem 0 0}.talos-timeline-item__connector{width:var(--timeline-line-width);background-color:var(--timeline-line-color);flex-grow:1}.talos-timeline-item__connector--top{height:.5rem;flex-grow:0}.talos-timeline-item__connector--dashed{background:none;border-left:var(--timeline-line-width) dashed var(--timeline-line-color)}.talos-timeline-item__connector--dotted{background:none;border-left:var(--timeline-line-width) dotted var(--timeline-line-color)}:host(:first-child) .talos-timeline-item__connector--top{visibility:hidden}:host(.talos-timeline-item--last) .talos-timeline-item__connector--bottom{visibility:hidden}.talos-timeline-item__dot{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;box-sizing:border-box;flex-shrink:0;z-index:1;line-height:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 4px var(--talos-card-bg, #ffffff)}.talos-timeline-item__dot>*{display:inline-flex;align-items:center;justify-content:center;line-height:0;width:auto;height:auto}.talos-timeline-item__dot svg{display:block;stroke-width:2.25;overflow:visible}.talos-timeline-item__dot--xs{width:.625rem;height:.625rem;min-width:.625rem;min-height:.625rem}.talos-timeline-item__dot--sm{width:1.375rem;height:1.375rem;min-width:1.375rem;min-height:1.375rem}.talos-timeline-item__dot--sm svg,.talos-timeline-item__dot--sm>*{width:.6875rem!important;height:.6875rem!important;max-width:.6875rem!important;max-height:.6875rem!important}.talos-timeline-item__dot--md{width:1.875rem;height:1.875rem;min-width:1.875rem;min-height:1.875rem}.talos-timeline-item__dot--md svg,.talos-timeline-item__dot--md>*{width:.8125rem!important;height:.8125rem!important;max-width:.8125rem!important;max-height:.8125rem!important}.talos-timeline-item__dot--lg{width:2.375rem;height:2.375rem;min-width:2.375rem;min-height:2.375rem}.talos-timeline-item__dot--lg svg,.talos-timeline-item__dot--lg>*{width:1rem!important;height:1rem!important;max-width:1rem!important;max-height:1rem!important}.talos-timeline-item__dot--solid{background-color:var(--timeline-dot-bg);color:#fff;border:1px solid var(--timeline-dot-border)}.talos-timeline-item__dot--subtle{background-color:var(--talos-bg-subtle, #f1f5f9);color:var(--timeline-dot-color);border:1.5px solid var(--timeline-dot-border)}.talos-timeline-item__dot--outline{background-color:var(--talos-card-bg, #ffffff);color:var(--timeline-dot-color);border:2px solid var(--timeline-dot-border)}.talos-timeline-item__dot--pure-dot{background-color:var(--timeline-dot-bg);border:2px solid var(--talos-card-bg, #ffffff);width:.75rem;height:.75rem;min-width:.75rem;min-height:.75rem}.talos-timeline-item__dot--loading{animation:talosTimelineSpin 1s linear infinite}:host(.talos-timeline-item--loading) .talos-timeline-item__dot{box-shadow:0 0 0 4px var(--talos-card-bg, #ffffff),0 0 0 6px #2563eb40;animation:talosTimelinePulse 2s cubic-bezier(.4,0,.6,1) infinite}.talos-timeline-item__body{flex:1;padding-bottom:1.5rem;min-width:0}.talos-timeline-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.talos-timeline-item__title-group{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.talos-timeline-item__title{margin:0;font-size:.9375rem;font-weight:600;color:var(--timeline-title-color);line-height:1.4}.talos-timeline-item__status-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background-color:var(--talos-bg-subtle, #f1f5f9);color:var(--talos-text-muted, #64748b);border:1px solid var(--talos-border-color, #e2e8f0)}.talos-timeline-item__status-badge--primary{background-color:#2563eb1a;color:#2563eb;border-color:#2563eb33}.talos-timeline-item__status-badge--success,.talos-timeline-item__status-badge--completed{background-color:#16a34a1a;color:#16a34a;border-color:#16a34a33}.talos-timeline-item__status-badge--warning{background-color:#d977061a;color:#d97706;border-color:#d9770633}.talos-timeline-item__status-badge--error,.talos-timeline-item__status-badge--cancelled{background-color:#ef44441a;color:#ef4444;border-color:#ef444433}.talos-timeline-item__status-badge--info,.talos-timeline-item__status-badge--pending,.talos-timeline-item__status-badge--in-progress{background-color:#0ea5e91a;color:#0284c7;border-color:#0ea5e933}.talos-timeline-item__header-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.talos-timeline-item__header-time{font-size:.75rem;color:var(--timeline-time-color);white-space:nowrap}.talos-timeline-item__expand-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--talos-border-color, #e2e8f0);border-radius:.25rem;padding:.1875rem;color:var(--talos-text-muted, #64748b);cursor:pointer;transition:all .15s ease}.talos-timeline-item__expand-btn:hover{background-color:var(--talos-bg-subtle, #f1f5f9);color:var(--talos-text-color, #0f172a);border-color:var(--talos-border-hover, #cbd5e1)}.talos-timeline-item__actor{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;margin-bottom:.375rem}.talos-timeline-item__actor-avatar{width:1.25rem;height:1.25rem;border-radius:9999px;background-color:var(--talos-bg-subtle, #e2e8f0);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--talos-text-muted, #64748b)}.talos-timeline-item__actor-avatar img{width:100%;height:100%;object-fit:cover}.talos-timeline-item__actor-details{display:flex;align-items:center;gap:.375rem;font-size:.75rem}.talos-timeline-item__actor-name{font-weight:600;color:var(--timeline-title-color)}.talos-timeline-item__actor-role{color:var(--talos-text-muted, #64748b);background-color:var(--talos-bg-subtle, #f1f5f9);padding:.0625rem .375rem;border-radius:.25rem;font-size:.6875rem}.talos-timeline-item__actor-ip{color:var(--talos-text-muted, #94a3b8);font-family:monospace;font-size:.6875rem}.talos-timeline-item__description{margin:.25rem 0 .5rem;font-size:.8125rem;line-height:1.5;color:var(--timeline-desc-color)}.talos-timeline-item__tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.375rem}.talos-timeline-item__tag{display:inline-flex;align-items:center;padding:.125rem .4375rem;font-size:.6875rem;font-weight:500;border-radius:.25rem;background-color:var(--talos-bg-subtle, #f1f5f9);color:var(--talos-text-muted, #475569);border:1px solid var(--talos-border-color, #e2e8f0)}.talos-timeline-item__diffs-table-wrapper{margin-top:.75rem;border-radius:var(--talos-border-radius, .375rem);border:1px solid var(--talos-border-color, #e2e8f0);background-color:var(--talos-card-bg, #ffffff);overflow-x:auto}.talos-timeline-item__diffs-table{width:100%;border-collapse:collapse;font-size:.75rem;text-align:left}.talos-timeline-item__diffs-table th{padding:.375rem .625rem;font-weight:600;color:var(--talos-text-muted, #64748b);background-color:var(--talos-bg-subtle, #f8fafc);border-bottom:1px solid var(--talos-border-color, #e2e8f0)}.talos-timeline-item__diffs-table td{padding:.375rem .625rem;border-bottom:1px solid var(--talos-border-color, #f1f5f9);vertical-align:top}.talos-timeline-item__diffs-table tr:last-child td{border-bottom:none}.talos-timeline-item__diffs-table code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;padding:.0625rem .25rem;border-radius:.25rem;background-color:var(--talos-bg-subtle, #f1f5f9)}.talos-timeline-item__diff-row--modified .talos-timeline-item__diff-old code{color:#b91c1c;background-color:#ef44441a;text-decoration:line-through}.talos-timeline-item__diff-row--modified .talos-timeline-item__diff-new code,.talos-timeline-item__diff-row--added .talos-timeline-item__diff-new code{color:#15803d;background-color:#22c55e1a}.talos-timeline-item__diff-row--removed .talos-timeline-item__diff-old code{color:#b91c1c;background-color:#ef44441a;text-decoration:line-through}.talos-timeline-item__metadata-card{margin-top:.75rem;padding:.625rem .75rem;border-radius:var(--talos-border-radius, .375rem);border:1px solid var(--talos-border-color, #e2e8f0);background-color:var(--talos-bg-subtle, #f8fafc);font-size:.75rem}.talos-timeline-item__metadata-header{font-weight:600;color:var(--talos-text-muted, #64748b);margin-bottom:.375rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em}.talos-timeline-item__metadata-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.375rem .75rem}.talos-timeline-item__meta-item{display:flex;align-items:center;gap:.375rem}.talos-timeline-item__meta-key{font-weight:500;color:var(--talos-text-muted, #64748b)}.talos-timeline-item__meta-val code{font-family:monospace;font-size:.75rem;color:var(--talos-text-color, #0f172a)}.talos-timeline-item__extra{margin-top:.75rem}@keyframes talosTimelineSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes talosTimelinePulse{0%,to{box-shadow:0 0 0 4px var(--talos-card-bg, #ffffff),0 0 0 6px #2563eb40}50%{box-shadow:0 0 0 4px var(--talos-card-bg, #ffffff),0 0 0 10px #2563eb00}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }, { kind: "component", type: LucideChevronUp, selector: "svg[lucideChevronUp]" }, { kind: "component", type: LucideUser, selector: "svg[lucideUser]" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'talos-timeline-item, [talosTimelineItem]', imports: [
-                        DatePipe,
-                        KeyValuePipe,
-                        NgTemplateOutlet,
-                        NgComponentOutlet,
-                        LucideChevronDown,
-                        LucideChevronUp,
-                        LucideUser
-                    ], host: {
-                        'class': 'talos-timeline-item',
-                        '[class.talos-timeline-item--primary]': 'isStatus("primary")',
-                        '[class.talos-timeline-item--secondary]': 'isStatus("secondary")',
-                        '[class.talos-timeline-item--success]': 'isStatus("success") || isStatus("completed")',
-                        '[class.talos-timeline-item--warning]': 'isStatus("warning")',
-                        '[class.talos-timeline-item--error]': 'isStatus("error") || isStatus("cancelled")',
-                        '[class.talos-timeline-item--info]': 'isStatus("info")',
-                        '[class.talos-timeline-item--neutral]': 'isStatus("neutral")',
-                        '[class.talos-timeline-item--pending]': 'isStatus("pending")',
-                        '[class.talos-timeline-item--in-progress]': 'isStatus("in-progress")',
-                        '[class.talos-timeline-item--loading]': 'loading()',
-                        '[class.talos-timeline-item--active]': 'active()',
-                        '[class.talos-timeline-item--last]': 'isLast()',
-                        '[class.talos-timeline-item--left]': 'position() === "left"',
-                        '[class.talos-timeline-item--right]': 'position() === "right"',
-                        '[class.talos-timeline-item--expanded]': 'isExpanded()'
-                    }, template: "<!-- Left / Opposite Slot (Used for Timestamps/Actor in Alternating or Two-Sided mode) -->\n<div class=\"talos-timeline-item__opposite\" aria-hidden=\"true\">\n  @if (customTime?.templateRef) {\n    <ng-container [ngTemplateOutlet]=\"customTime!.templateRef!\" />\n  } @else if (timestamp() || relativeTime()) {\n    <div class=\"talos-timeline-item__time-stamp\">\n      @if (relativeTime()) {\n        <span class=\"talos-timeline-item__relative-time\">{{ relativeTime() }}</span>\n      }\n      @if (timestamp()) {\n        <span class=\"talos-timeline-item__absolute-time\">\n          @if (isDateObject(timestamp())) {\n            {{ timestamp() | date: 'medium' }}\n          } @else {\n            {{ timestamp() }}\n          }\n        </span>\n      }\n    </div>\n  }\n</div>\n\n<!-- Separator Column: Connector Track & Dot Marker -->\n<div class=\"talos-timeline-item__separator\">\n  <div\n    class=\"talos-timeline-item__connector talos-timeline-item__connector--top\"\n    [class.talos-timeline-item__connector--dashed]=\"lineStyle() === 'dashed'\"\n    [class.talos-timeline-item__connector--dotted]=\"lineStyle() === 'dotted'\"\n  ></div>\n\n  <div\n    class=\"talos-timeline-item__dot\"\n    [class.talos-timeline-item__dot--solid]=\"dotVariant() === 'solid'\"\n    [class.talos-timeline-item__dot--subtle]=\"dotVariant() === 'subtle'\"\n    [class.talos-timeline-item__dot--outline]=\"dotVariant() === 'outline'\"\n    [class.talos-timeline-item__dot--pure-dot]=\"dotVariant() === 'dot'\"\n    [class.talos-timeline-item__dot--xs]=\"dotSize() === 'xs'\"\n    [class.talos-timeline-item__dot--sm]=\"dotSize() === 'sm'\"\n    [class.talos-timeline-item__dot--md]=\"dotSize() === 'md'\"\n    [class.talos-timeline-item__dot--lg]=\"dotSize() === 'lg'\"\n    [class.talos-timeline-item__dot--loading]=\"loading()\"\n    [style.background-color]=\"dotColor()\"\n    [style.border-color]=\"dotColor()\"\n  >\n    @if (customDot?.templateRef) {\n      <ng-container [ngTemplateOutlet]=\"customDot!.templateRef!\" />\n    } @else if (effectiveIcon()) {\n      <ng-container *ngComponentOutlet=\"effectiveIcon()!\" />\n    }\n  </div>\n\n  <div\n    class=\"talos-timeline-item__connector talos-timeline-item__connector--bottom\"\n    [class.talos-timeline-item__connector--dashed]=\"lineStyle() === 'dashed'\"\n    [class.talos-timeline-item__connector--dotted]=\"lineStyle() === 'dotted'\"\n  ></div>\n</div>\n\n<!-- Main Body / Content Area -->\n<div class=\"talos-timeline-item__body\" (click)=\"onItemClicked()\">\n  <div class=\"talos-timeline-item__header\">\n    <div class=\"talos-timeline-item__title-group\">\n      <!-- Projected or Input Title -->\n      @if (customTitle?.templateRef) {\n        <ng-container [ngTemplateOutlet]=\"customTitle!.templateRef!\" />\n      } @else if (title()) {\n        <h4 class=\"talos-timeline-item__title\">{{ title() }}</h4>\n      }\n\n      <!-- Status Indicator Pill -->\n      @if (status() && status() !== 'neutral') {\n        <span class=\"talos-timeline-item__status-badge talos-timeline-item__status-badge--{{ status() }}\">\n          {{ status() }}\n        </span>\n      }\n    </div>\n\n    <!-- Header Right / Metadata (Timestamp in Left Align mode) -->\n    <div class=\"talos-timeline-item__header-meta\">\n      @if (relativeTime()) {\n        <span class=\"talos-timeline-item__header-time\">{{ relativeTime() }}</span>\n      } @else if (timestamp()) {\n        <span class=\"talos-timeline-item__header-time\">\n          @if (isDateObject(timestamp())) {\n            {{ timestamp() | date: 'short' }}\n          } @else {\n            {{ timestamp() }}\n          }\n        </span>\n      }\n\n      @if (hasExpandableDetails()) {\n        <button\n          type=\"button\"\n          class=\"talos-timeline-item__expand-btn\"\n          [attr.aria-expanded]=\"isExpanded()\"\n          aria-label=\"Toggle audit details\"\n          (click)=\"toggleAccordion(); $event.stopPropagation()\"\n        >\n          @if (isExpanded()) {\n            <svg lucideChevronUp [size]=\"14\"></svg>\n          } @else {\n            <svg lucideChevronDown [size]=\"14\"></svg>\n          }\n        </button>\n      }\n    </div>\n  </div>\n\n  <!-- Actor Info for Audit Logs -->\n  @if (actor(); as currentActor) {\n    <div class=\"talos-timeline-item__actor\">\n      <div class=\"talos-timeline-item__actor-avatar\">\n        @if (currentActor.avatar) {\n          <img [src]=\"currentActor.avatar\" [alt]=\"currentActor.name\" />\n        } @else {\n          <svg lucideUser [size]=\"12\"></svg>\n        }\n      </div>\n      <div class=\"talos-timeline-item__actor-details\">\n        <span class=\"talos-timeline-item__actor-name\">{{ currentActor.name }}</span>\n        @if (currentActor.role) {\n          <span class=\"talos-timeline-item__actor-role\">{{ currentActor.role }}</span>\n        }\n        @if (currentActor.ip) {\n          <span class=\"talos-timeline-item__actor-ip\">({{ currentActor.ip }})</span>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Description / Content Area -->\n  <div class=\"talos-timeline-item__content\">\n    @if (customContent?.templateRef) {\n      <ng-container [ngTemplateOutlet]=\"customContent!.templateRef!\" />\n    } @else if (description()) {\n      <p class=\"talos-timeline-item__description\">{{ description() }}</p>\n    }\n    <ng-content></ng-content>\n  </div>\n\n  <!-- Tags Pill Row -->\n  @if (tags() && tags()!.length > 0) {\n    <div class=\"talos-timeline-item__tags\">\n      @for (tag of tags()!; track tag) {\n        <span class=\"talos-timeline-item__tag\">{{ tag }}</span>\n      }\n    </div>\n  }\n\n  <!-- Audit Change Diffs (Expanded / Default) -->\n  @if (diffs() && diffs()!.length > 0 && isExpanded()) {\n    <div class=\"talos-timeline-item__diffs-table-wrapper\">\n      <table class=\"talos-timeline-item__diffs-table\">\n        <thead>\n          <tr>\n            <th>Field</th>\n            <th>Previous Value</th>\n            <th>New Value</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (diff of diffs()!; track diff.field) {\n            <tr class=\"talos-timeline-item__diff-row talos-timeline-item__diff-row--{{ diff.type || 'modified' }}\">\n              <td class=\"talos-timeline-item__diff-field\">{{ diff.field }}</td>\n              <td class=\"talos-timeline-item__diff-old\">\n                <code>{{ formatJsonValue(diff.previousValue) }}</code>\n              </td>\n              <td class=\"talos-timeline-item__diff-new\">\n                <code>{{ formatJsonValue(diff.newValue) }}</code>\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n\n  <!-- Expandable JSON / Metadata -->\n  @if (metadata() && isExpanded()) {\n    <div class=\"talos-timeline-item__metadata-card\">\n      <div class=\"talos-timeline-item__metadata-header\">Metadata & Payload</div>\n      <div class=\"talos-timeline-item__metadata-grid\">\n        @for (entry of metadata()! | keyvalue; track entry.key) {\n          <div class=\"talos-timeline-item__meta-item\">\n            <span class=\"talos-timeline-item__meta-key\">{{ entry.key }}:</span>\n            <span class=\"talos-timeline-item__meta-val\"><code>{{ formatJsonValue(entry.value) }}</code></span>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Extra Slot Projection -->\n  @if (customExtra?.templateRef) {\n    <div class=\"talos-timeline-item__extra\">\n      <ng-container [ngTemplateOutlet]=\"customExtra!.templateRef!\" />\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;position:relative;min-height:4.5rem;box-sizing:border-box;--timeline-line-color: var(--talos-border-color, #e2e8f0);--timeline-line-width: 2px;--timeline-dot-size: 1.5rem;--timeline-dot-color: var(--talos-text-muted, #64748b);--timeline-dot-bg: var(--talos-card-bg, #ffffff);--timeline-dot-border: var(--talos-border-color, #cbd5e1);--timeline-title-color: var(--talos-text-color, #0f172a);--timeline-desc-color: var(--talos-text-muted, #475569);--timeline-time-color: var(--talos-text-muted, #64748b)}:host(.talos-timeline-item--primary){--timeline-dot-color: var(--talos-primary-color, #2563eb);--timeline-dot-border: var(--talos-primary-color, #2563eb);--timeline-dot-bg: var(--talos-primary-color, #2563eb)}:host(.talos-timeline-item--secondary){--timeline-dot-color: #6366f1;--timeline-dot-border: #6366f1;--timeline-dot-bg: #6366f1}:host(.talos-timeline-item--success){--timeline-dot-color: var(--talos-success-color, #16a34a);--timeline-dot-border: var(--talos-success-color, #16a34a);--timeline-dot-bg: var(--talos-success-color, #16a34a)}:host(.talos-timeline-item--warning){--timeline-dot-color: var(--talos-warning-color, #d97706);--timeline-dot-border: var(--talos-warning-color, #d97706);--timeline-dot-bg: var(--talos-warning-color, #d97706)}:host(.talos-timeline-item--error){--timeline-dot-color: var(--talos-error-color, #ef4444);--timeline-dot-border: var(--talos-error-color, #ef4444);--timeline-dot-bg: var(--talos-error-color, #ef4444)}:host(.talos-timeline-item--info){--timeline-dot-color: #0284c7;--timeline-dot-border: #0284c7;--timeline-dot-bg: #0284c7}:host(.talos-timeline-item--pending),:host(.talos-timeline-item--in-progress){--timeline-dot-color: #0ea5e9;--timeline-dot-border: #0ea5e9;--timeline-dot-bg: #0ea5e9}.talos-timeline-item__opposite{display:none;flex:1;padding:0 1.25rem 1rem 0;text-align:right;box-sizing:border-box}.talos-timeline-item__opposite .talos-timeline-item__time-stamp{display:flex;flex-direction:column;gap:.125rem}.talos-timeline-item__opposite .talos-timeline-item__relative-time{font-size:.8125rem;font-weight:600;color:var(--timeline-title-color)}.talos-timeline-item__opposite .talos-timeline-item__absolute-time{font-size:.75rem;color:var(--timeline-time-color)}.talos-timeline-item__separator{display:flex;flex-direction:column;align-items:center;position:relative;min-width:2rem;margin:0 .75rem 0 0}.talos-timeline-item__connector{width:var(--timeline-line-width);background-color:var(--timeline-line-color);flex-grow:1}.talos-timeline-item__connector--top{height:.5rem;flex-grow:0}.talos-timeline-item__connector--dashed{background:none;border-left:var(--timeline-line-width) dashed var(--timeline-line-color)}.talos-timeline-item__connector--dotted{background:none;border-left:var(--timeline-line-width) dotted var(--timeline-line-color)}:host(:first-child) .talos-timeline-item__connector--top{visibility:hidden}:host(.talos-timeline-item--last) .talos-timeline-item__connector--bottom{visibility:hidden}.talos-timeline-item__dot{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;box-sizing:border-box;flex-shrink:0;z-index:1;line-height:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 4px var(--talos-card-bg, #ffffff)}.talos-timeline-item__dot>*{display:inline-flex;align-items:center;justify-content:center;line-height:0;width:auto;height:auto}.talos-timeline-item__dot svg{display:block;stroke-width:2.25;overflow:visible}.talos-timeline-item__dot--xs{width:.625rem;height:.625rem;min-width:.625rem;min-height:.625rem}.talos-timeline-item__dot--sm{width:1.375rem;height:1.375rem;min-width:1.375rem;min-height:1.375rem}.talos-timeline-item__dot--sm svg,.talos-timeline-item__dot--sm>*{width:.6875rem!important;height:.6875rem!important;max-width:.6875rem!important;max-height:.6875rem!important}.talos-timeline-item__dot--md{width:1.875rem;height:1.875rem;min-width:1.875rem;min-height:1.875rem}.talos-timeline-item__dot--md svg,.talos-timeline-item__dot--md>*{width:.8125rem!important;height:.8125rem!important;max-width:.8125rem!important;max-height:.8125rem!important}.talos-timeline-item__dot--lg{width:2.375rem;height:2.375rem;min-width:2.375rem;min-height:2.375rem}.talos-timeline-item__dot--lg svg,.talos-timeline-item__dot--lg>*{width:1rem!important;height:1rem!important;max-width:1rem!important;max-height:1rem!important}.talos-timeline-item__dot--solid{background-color:var(--timeline-dot-bg);color:#fff;border:1px solid var(--timeline-dot-border)}.talos-timeline-item__dot--subtle{background-color:var(--talos-bg-subtle, #f1f5f9);color:var(--timeline-dot-color);border:1.5px solid var(--timeline-dot-border)}.talos-timeline-item__dot--outline{background-color:var(--talos-card-bg, #ffffff);color:var(--timeline-dot-color);border:2px solid var(--timeline-dot-border)}.talos-timeline-item__dot--pure-dot{background-color:var(--timeline-dot-bg);border:2px solid var(--talos-card-bg, #ffffff);width:.75rem;height:.75rem;min-width:.75rem;min-height:.75rem}.talos-timeline-item__dot--loading{animation:talosTimelineSpin 1s linear infinite}:host(.talos-timeline-item--loading) .talos-timeline-item__dot{box-shadow:0 0 0 4px var(--talos-card-bg, #ffffff),0 0 0 6px #2563eb40;animation:talosTimelinePulse 2s cubic-bezier(.4,0,.6,1) infinite}.talos-timeline-item__body{flex:1;padding-bottom:1.5rem;min-width:0}.talos-timeline-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.talos-timeline-item__title-group{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.talos-timeline-item__title{margin:0;font-size:.9375rem;font-weight:600;color:var(--timeline-title-color);line-height:1.4}.talos-timeline-item__status-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background-color:var(--talos-bg-subtle, #f1f5f9);color:var(--talos-text-muted, #64748b);border:1px solid var(--talos-border-color, #e2e8f0)}.talos-timeline-item__status-badge--primary{background-color:#2563eb1a;color:#2563eb;border-color:#2563eb33}.talos-timeline-item__status-badge--success,.talos-timeline-item__status-badge--completed{background-color:#16a34a1a;color:#16a34a;border-color:#16a34a33}.talos-timeline-item__status-badge--warning{background-color:#d977061a;color:#d97706;border-color:#d9770633}.talos-timeline-item__status-badge--error,.talos-timeline-item__status-badge--cancelled{background-color:#ef44441a;color:#ef4444;border-color:#ef444433}.talos-timeline-item__status-badge--info,.talos-timeline-item__status-badge--pending,.talos-timeline-item__status-badge--in-progress{background-color:#0ea5e91a;color:#0284c7;border-color:#0ea5e933}.talos-timeline-item__header-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.talos-timeline-item__header-time{font-size:.75rem;color:var(--timeline-time-color);white-space:nowrap}.talos-timeline-item__expand-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--talos-border-color, #e2e8f0);border-radius:.25rem;padding:.1875rem;color:var(--talos-text-muted, #64748b);cursor:pointer;transition:all .15s ease}.talos-timeline-item__expand-btn:hover{background-color:var(--talos-bg-subtle, #f1f5f9);color:var(--talos-text-color, #0f172a);border-color:var(--talos-border-hover, #cbd5e1)}.talos-timeline-item__actor{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;margin-bottom:.375rem}.talos-timeline-item__actor-avatar{width:1.25rem;height:1.25rem;border-radius:9999px;background-color:var(--talos-bg-subtle, #e2e8f0);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--talos-text-muted, #64748b)}.talos-timeline-item__actor-avatar img{width:100%;height:100%;object-fit:cover}.talos-timeline-item__actor-details{display:flex;align-items:center;gap:.375rem;font-size:.75rem}.talos-timeline-item__actor-name{font-weight:600;color:var(--timeline-title-color)}.talos-timeline-item__actor-role{color:var(--talos-text-muted, #64748b);background-color:var(--talos-bg-subtle, #f1f5f9);padding:.0625rem .375rem;border-radius:.25rem;font-size:.6875rem}.talos-timeline-item__actor-ip{color:var(--talos-text-muted, #94a3b8);font-family:monospace;font-size:.6875rem}.talos-timeline-item__description{margin:.25rem 0 .5rem;font-size:.8125rem;line-height:1.5;color:var(--timeline-desc-color)}.talos-timeline-item__tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.375rem}.talos-timeline-item__tag{display:inline-flex;align-items:center;padding:.125rem .4375rem;font-size:.6875rem;font-weight:500;border-radius:.25rem;background-color:var(--talos-bg-subtle, #f1f5f9);color:var(--talos-text-muted, #475569);border:1px solid var(--talos-border-color, #e2e8f0)}.talos-timeline-item__diffs-table-wrapper{margin-top:.75rem;border-radius:var(--talos-border-radius, .375rem);border:1px solid var(--talos-border-color, #e2e8f0);background-color:var(--talos-card-bg, #ffffff);overflow-x:auto}.talos-timeline-item__diffs-table{width:100%;border-collapse:collapse;font-size:.75rem;text-align:left}.talos-timeline-item__diffs-table th{padding:.375rem .625rem;font-weight:600;color:var(--talos-text-muted, #64748b);background-color:var(--talos-bg-subtle, #f8fafc);border-bottom:1px solid var(--talos-border-color, #e2e8f0)}.talos-timeline-item__diffs-table td{padding:.375rem .625rem;border-bottom:1px solid var(--talos-border-color, #f1f5f9);vertical-align:top}.talos-timeline-item__diffs-table tr:last-child td{border-bottom:none}.talos-timeline-item__diffs-table code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;padding:.0625rem .25rem;border-radius:.25rem;background-color:var(--talos-bg-subtle, #f1f5f9)}.talos-timeline-item__diff-row--modified .talos-timeline-item__diff-old code{color:#b91c1c;background-color:#ef44441a;text-decoration:line-through}.talos-timeline-item__diff-row--modified .talos-timeline-item__diff-new code,.talos-timeline-item__diff-row--added .talos-timeline-item__diff-new code{color:#15803d;background-color:#22c55e1a}.talos-timeline-item__diff-row--removed .talos-timeline-item__diff-old code{color:#b91c1c;background-color:#ef44441a;text-decoration:line-through}.talos-timeline-item__metadata-card{margin-top:.75rem;padding:.625rem .75rem;border-radius:var(--talos-border-radius, .375rem);border:1px solid var(--talos-border-color, #e2e8f0);background-color:var(--talos-bg-subtle, #f8fafc);font-size:.75rem}.talos-timeline-item__metadata-header{font-weight:600;color:var(--talos-text-muted, #64748b);margin-bottom:.375rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em}.talos-timeline-item__metadata-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.375rem .75rem}.talos-timeline-item__meta-item{display:flex;align-items:center;gap:.375rem}.talos-timeline-item__meta-key{font-weight:500;color:var(--talos-text-muted, #64748b)}.talos-timeline-item__meta-val code{font-family:monospace;font-size:.75rem;color:var(--talos-text-color, #0f172a)}.talos-timeline-item__extra{margin-top:.75rem}@keyframes talosTimelineSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes talosTimelinePulse{0%,to{box-shadow:0 0 0 4px var(--talos-card-bg, #ffffff),0 0 0 6px #2563eb40}50%{box-shadow:0 0 0 4px var(--talos-card-bg, #ffffff),0 0 0 10px #2563eb00}}\n"] }]
-        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], dotVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "dotVariant", required: false }] }], dotSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "dotSize", required: false }] }], dotColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "dotColor", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], lineStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineStyle", required: false }] }], timestamp: [{ type: i0.Input, args: [{ isSignal: true, alias: "timestamp", required: false }] }], relativeTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "relativeTime", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], actor: [{ type: i0.Input, args: [{ isSignal: true, alias: "actor", required: false }] }], tags: [{ type: i0.Input, args: [{ isSignal: true, alias: "tags", required: false }] }], diffs: [{ type: i0.Input, args: [{ isSignal: true, alias: "diffs", required: false }] }], metadata: [{ type: i0.Input, args: [{ isSignal: true, alias: "metadata", required: false }] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], isLast: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLast", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], toggleExpand: [{ type: i0.Output, args: ["toggleExpand"] }], customDot: [{
-                type: ContentChild,
-                args: [TalosTimelineDotDirective]
-            }], customTitle: [{
-                type: ContentChild,
-                args: [TalosTimelineTitleDirective]
-            }], customTime: [{
-                type: ContentChild,
-                args: [TalosTimelineTimeDirective]
-            }], customContent: [{
-                type: ContentChild,
-                args: [TalosTimelineContentDirective]
-            }], customExtra: [{
-                type: ContentChild,
-                args: [TalosTimelineExtraDirective]
-            }] } });
-
-class TalosTimelineComponent {
-    // Inputs
-    orientation = input('vertical', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
-    align = input('left', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
-    mode = input('standard', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
-    reverse = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "reverse" }] : /* istanbul ignore next */ []));
-    lineStyle = input('solid', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "lineStyle" }] : /* istanbul ignore next */ []));
-    items = input(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
-    // Outputs
-    itemClick = output();
-    // Processed items for data-driven rendering
-    processedItems = computed(() => {
-        const raw = this.items();
-        if (!raw || raw.length === 0)
-            return [];
-        const list = [...raw];
-        if (this.reverse()) {
-            list.reverse();
-        }
-        return list;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "processedItems" }] : /* istanbul ignore next */ []));
-    getItemPosition(index) {
-        if (this.align() === 'alternate') {
-            return index % 2 === 0 ? 'left' : 'right';
-        }
-        return this.align() === 'right' ? 'right' : 'left';
-    }
-    onDataDrivenItemClick(item) {
-        this.itemClick.emit(item);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: TalosTimelineComponent, isStandalone: true, selector: "talos-timeline, [talosTimeline]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: true, isRequired: false, transformFunction: null }, lineStyle: { classPropertyName: "lineStyle", publicName: "lineStyle", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, host: { attributes: { "role": "list" }, properties: { "class.talos-timeline--vertical": "orientation() === \"vertical\"", "class.talos-timeline--horizontal": "orientation() === \"horizontal\"", "class.talos-timeline--left": "align() === \"left\"", "class.talos-timeline--right": "align() === \"right\"", "class.talos-timeline--alternate": "align() === \"alternate\"", "class.talos-timeline--standard": "mode() === \"standard\"", "class.talos-timeline--dense": "mode() === \"dense\"", "class.talos-timeline--card": "mode() === \"card\"" }, classAttribute: "talos-timeline" }, ngImport: i0, template: "@if (items() && items()!.length > 0) {\n  @for (item of processedItems(); track item.id || $index; let idx = $index; let isLast = $last) {\n    <talos-timeline-item\n      [title]=\"item.title\"\n      [description]=\"item.description || null\"\n      [timestamp]=\"item.timestamp || null\"\n      [relativeTime]=\"item.relativeTime || null\"\n      [status]=\"item.status || 'neutral'\"\n      [dotVariant]=\"item.dotVariant || 'solid'\"\n      [dotSize]=\"item.dotSize || 'md'\"\n      [dotColor]=\"item.dotColor || null\"\n      [icon]=\"item.icon || null\"\n      [loading]=\"item.loading || false\"\n      [active]=\"item.active || false\"\n      [lineStyle]=\"item.lineStyle || lineStyle()\"\n      [actor]=\"item.actor || null\"\n      [tags]=\"item.tags || null\"\n      [diffs]=\"item.diffs || null\"\n      [metadata]=\"item.metadata || null\"\n      [expanded]=\"item.expanded || false\"\n      [expandable]=\"!!(item.diffs?.length || item.metadata)\"\n      [position]=\"getItemPosition(idx)\"\n      [isLast]=\"isLast\"\n      (itemClick)=\"onDataDrivenItemClick(item)\"\n    />\n  }\n} @else {\n  <ng-content></ng-content>\n}\n", styles: [":host{display:flex;box-sizing:border-box;width:100%}:host(.talos-timeline--vertical){flex-direction:column;position:relative}:host(.talos-timeline--horizontal){flex-direction:row;overflow-x:auto;padding-bottom:1rem}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item{flex-direction:column;min-height:auto;min-width:180px;flex:1}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__separator,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__separator{flex-direction:row;min-width:auto;height:2rem;margin:0;width:100%}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__connector,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__connector{height:var(--timeline-line-width, 2px);width:auto;flex-grow:1}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__connector--top,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__connector--top{width:1rem;flex-grow:0}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__body,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__body{padding-top:.75rem;padding-bottom:0;text-align:center}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__header,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__header{flex-direction:column;align-items:center;text-align:center}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__title-group,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__title-group{justify-content:center}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__actor,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__actor{justify-content:center}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item .talos-timeline-item__opposite,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item .talos-timeline-item__opposite{display:block}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right{flex-direction:row-reverse}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__opposite,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__opposite{text-align:left;padding:0 0 1rem 1.25rem}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__body,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__body{text-align:right}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__header,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__header{flex-direction:row-reverse}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__title-group,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__title-group{justify-content:flex-end}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__actor,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__actor{justify-content:flex-end}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__tags,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__tags{justify-content:flex-end}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__separator,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__separator{margin:0 0 0 .75rem}:host(.talos-timeline--right) ::ng-deep talos-timeline-item,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item{flex-direction:row-reverse}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__separator,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__separator{margin:0 0 0 .75rem}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__body,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__body{text-align:right}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__header,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__header{flex-direction:row-reverse}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__title-group,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__title-group{justify-content:flex-end}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__actor,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__actor{justify-content:flex-end}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__tags,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__tags{justify-content:flex-end}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item{min-height:2.75rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__body,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__body{padding-bottom:.75rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__title,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__title{font-size:.8125rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__description,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__description{font-size:.75rem;margin:.125rem 0 .25rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__separator,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__separator{min-width:1.5rem;margin-right:.5rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__dot,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__dot{width:1rem;height:1rem;min-width:1rem;min-height:1rem;font-size:.625rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__dot svg,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__dot svg{width:.625rem;height:.625rem}:host(.talos-timeline--card) ::ng-deep talos-timeline-item .talos-timeline-item__body,:host(.talos-timeline--card) ::ng-deep .talos-timeline-item .talos-timeline-item__body{padding:1rem 1.125rem;margin-bottom:1rem;background-color:var(--talos-card-bg, #ffffff);border:1px solid var(--talos-border-color, #e2e8f0);border-radius:var(--talos-border-radius, .5rem);box-shadow:0 1px 3px #0000000a,0 1px 2px -1px #0000000a;transition:all .2s ease}:host(.talos-timeline--card) ::ng-deep talos-timeline-item .talos-timeline-item__body:hover,:host(.talos-timeline--card) ::ng-deep .talos-timeline-item .talos-timeline-item__body:hover{border-color:var(--talos-border-hover, #cbd5e1);box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a}\n"], dependencies: [{ kind: "component", type: TalosTimelineItemComponent, selector: "talos-timeline-item, [talosTimelineItem]", inputs: ["status", "dotVariant", "dotSize", "dotColor", "icon", "loading", "active", "lineStyle", "timestamp", "relativeTime", "title", "description", "actor", "tags", "diffs", "metadata", "expandable", "expanded", "position", "isLast"], outputs: ["itemClick", "toggleExpand"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'talos-timeline, [talosTimeline]', imports: [TalosTimelineItemComponent], host: {
-                        'class': 'talos-timeline',
-                        '[class.talos-timeline--vertical]': 'orientation() === "vertical"',
-                        '[class.talos-timeline--horizontal]': 'orientation() === "horizontal"',
-                        '[class.talos-timeline--left]': 'align() === "left"',
-                        '[class.talos-timeline--right]': 'align() === "right"',
-                        '[class.talos-timeline--alternate]': 'align() === "alternate"',
-                        '[class.talos-timeline--standard]': 'mode() === "standard"',
-                        '[class.talos-timeline--dense]': 'mode() === "dense"',
-                        '[class.talos-timeline--card]': 'mode() === "card"',
-                        'role': 'list'
-                    }, template: "@if (items() && items()!.length > 0) {\n  @for (item of processedItems(); track item.id || $index; let idx = $index; let isLast = $last) {\n    <talos-timeline-item\n      [title]=\"item.title\"\n      [description]=\"item.description || null\"\n      [timestamp]=\"item.timestamp || null\"\n      [relativeTime]=\"item.relativeTime || null\"\n      [status]=\"item.status || 'neutral'\"\n      [dotVariant]=\"item.dotVariant || 'solid'\"\n      [dotSize]=\"item.dotSize || 'md'\"\n      [dotColor]=\"item.dotColor || null\"\n      [icon]=\"item.icon || null\"\n      [loading]=\"item.loading || false\"\n      [active]=\"item.active || false\"\n      [lineStyle]=\"item.lineStyle || lineStyle()\"\n      [actor]=\"item.actor || null\"\n      [tags]=\"item.tags || null\"\n      [diffs]=\"item.diffs || null\"\n      [metadata]=\"item.metadata || null\"\n      [expanded]=\"item.expanded || false\"\n      [expandable]=\"!!(item.diffs?.length || item.metadata)\"\n      [position]=\"getItemPosition(idx)\"\n      [isLast]=\"isLast\"\n      (itemClick)=\"onDataDrivenItemClick(item)\"\n    />\n  }\n} @else {\n  <ng-content></ng-content>\n}\n", styles: [":host{display:flex;box-sizing:border-box;width:100%}:host(.talos-timeline--vertical){flex-direction:column;position:relative}:host(.talos-timeline--horizontal){flex-direction:row;overflow-x:auto;padding-bottom:1rem}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item{flex-direction:column;min-height:auto;min-width:180px;flex:1}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__separator,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__separator{flex-direction:row;min-width:auto;height:2rem;margin:0;width:100%}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__connector,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__connector{height:var(--timeline-line-width, 2px);width:auto;flex-grow:1}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__connector--top,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__connector--top{width:1rem;flex-grow:0}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__body,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__body{padding-top:.75rem;padding-bottom:0;text-align:center}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__header,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__header{flex-direction:column;align-items:center;text-align:center}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__title-group,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__title-group{justify-content:center}:host(.talos-timeline--horizontal) ::ng-deep talos-timeline-item .talos-timeline-item__actor,:host(.talos-timeline--horizontal) ::ng-deep .talos-timeline-item .talos-timeline-item__actor{justify-content:center}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item .talos-timeline-item__opposite,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item .talos-timeline-item__opposite{display:block}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right{flex-direction:row-reverse}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__opposite,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__opposite{text-align:left;padding:0 0 1rem 1.25rem}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__body,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__body{text-align:right}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__header,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__header{flex-direction:row-reverse}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__title-group,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__title-group{justify-content:flex-end}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__actor,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__actor{justify-content:flex-end}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__tags,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__tags{justify-content:flex-end}:host(.talos-timeline--alternate) ::ng-deep talos-timeline-item.talos-timeline-item--right .talos-timeline-item__separator,:host(.talos-timeline--alternate) ::ng-deep .talos-timeline-item.talos-timeline-item--right .talos-timeline-item__separator{margin:0 0 0 .75rem}:host(.talos-timeline--right) ::ng-deep talos-timeline-item,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item{flex-direction:row-reverse}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__separator,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__separator{margin:0 0 0 .75rem}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__body,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__body{text-align:right}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__header,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__header{flex-direction:row-reverse}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__title-group,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__title-group{justify-content:flex-end}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__actor,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__actor{justify-content:flex-end}:host(.talos-timeline--right) ::ng-deep talos-timeline-item .talos-timeline-item__tags,:host(.talos-timeline--right) ::ng-deep .talos-timeline-item .talos-timeline-item__tags{justify-content:flex-end}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item{min-height:2.75rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__body,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__body{padding-bottom:.75rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__title,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__title{font-size:.8125rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__description,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__description{font-size:.75rem;margin:.125rem 0 .25rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__separator,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__separator{min-width:1.5rem;margin-right:.5rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__dot,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__dot{width:1rem;height:1rem;min-width:1rem;min-height:1rem;font-size:.625rem}:host(.talos-timeline--dense) ::ng-deep talos-timeline-item .talos-timeline-item__dot svg,:host(.talos-timeline--dense) ::ng-deep .talos-timeline-item .talos-timeline-item__dot svg{width:.625rem;height:.625rem}:host(.talos-timeline--card) ::ng-deep talos-timeline-item .talos-timeline-item__body,:host(.talos-timeline--card) ::ng-deep .talos-timeline-item .talos-timeline-item__body{padding:1rem 1.125rem;margin-bottom:1rem;background-color:var(--talos-card-bg, #ffffff);border:1px solid var(--talos-border-color, #e2e8f0);border-radius:var(--talos-border-radius, .5rem);box-shadow:0 1px 3px #0000000a,0 1px 2px -1px #0000000a;transition:all .2s ease}:host(.talos-timeline--card) ::ng-deep talos-timeline-item .talos-timeline-item__body:hover,:host(.talos-timeline--card) ::ng-deep .talos-timeline-item .talos-timeline-item__body:hover{border-color:var(--talos-border-hover, #cbd5e1);box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a}\n"] }]
-        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], reverse: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverse", required: false }] }], lineStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineStyle", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
-
-const TIMELINE_COMPONENTS = [
-    TalosTimelineComponent,
-    TalosTimelineItemComponent,
-    TalosTimelineDotDirective,
-    TalosTimelineTitleDirective,
-    TalosTimelineTimeDirective,
-    TalosTimelineContentDirective,
-    TalosTimelineExtraDirective
-];
-class TalosTimelineModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineModule, imports: [TalosTimelineComponent,
-            TalosTimelineItemComponent,
-            TalosTimelineDotDirective,
-            TalosTimelineTitleDirective,
-            TalosTimelineTimeDirective,
-            TalosTimelineContentDirective,
-            TalosTimelineExtraDirective], exports: [TalosTimelineComponent,
-            TalosTimelineItemComponent,
-            TalosTimelineDotDirective,
-            TalosTimelineTitleDirective,
-            TalosTimelineTimeDirective,
-            TalosTimelineContentDirective,
-            TalosTimelineExtraDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineModule, imports: [TalosTimelineComponent,
-            TalosTimelineItemComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosTimelineModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: TIMELINE_COMPONENTS,
-                    exports: TIMELINE_COMPONENTS
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TalosTimelineComponent, TalosTimelineContentDirective, TalosTimelineDotDirective, TalosTimelineExtraDirective, TalosTimelineItemComponent, TalosTimelineModule, TalosTimelineTimeDirective, TalosTimelineTitleDirective };
-//# sourceMappingURL=weeehaoooz-talos-ui-data-display-timeline.mjs.map

package/fesm2022/weeehaoooz-talos-ui-data-display-timeline.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"weeehaoooz-talos-ui-data-display-timeline.mjs","sources":["../../../projects/talos-ui/data-display/timeline/timeline.directives.ts","../../../projects/talos-ui/data-display/timeline/timeline-item.component.ts","../../../projects/talos-ui/data-display/timeline/timeline-item.component.html","../../../projects/talos-ui/data-display/timeline/timeline.component.ts","../../../projects/talos-ui/data-display/timeline/timeline.component.html","../../../projects/talos-ui/data-display/timeline/timeline.module.ts","../../../projects/talos-ui/data-display/timeline/weeehaoooz-talos-ui-data-display-timeline.ts"],"sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\n@Directive({\n  selector: '[talosTimelineDot], ng-template[talosTimelineDot]'\n})\nexport class TalosTimelineDotDirective {\n  readonly templateRef = inject(TemplateRef, { optional: true });\n}\n\n@Directive({\n  selector: '[talosTimelineTitle], ng-template[talosTimelineTitle]'\n})\nexport class TalosTimelineTitleDirective {\n  readonly templateRef = inject(TemplateRef, { optional: true });\n}\n\n@Directive({\n  selector: '[talosTimelineTime], ng-template[talosTimelineTime]'\n})\nexport class TalosTimelineTimeDirective {\n  readonly templateRef = inject(TemplateRef, { optional: true });\n}\n\n@Directive({\n  selector: '[talosTimelineContent], ng-template[talosTimelineContent]'\n})\nexport class TalosTimelineContentDirective {\n  readonly templateRef = inject(TemplateRef, { optional: true });\n}\n\n@Directive({\n  selector: '[talosTimelineExtra], ng-template[talosTimelineExtra]'\n})\nexport class TalosTimelineExtraDirective {\n  readonly templateRef = inject(TemplateRef, { optional: true });\n}\n","import {\n  Component,\n  ContentChild,\n  Type,\n  computed,\n  input,\n  linkedSignal,\n  output\n} from '@angular/core';\nimport { DatePipe, KeyValuePipe, NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport {\n  LucideChevronDown,\n  LucideChevronUp,\n  LucideLoader2,\n  LucideClock,\n  LucideCheck,\n  LucideAlertCircle,\n  LucideInfo,\n  LucideUser,\n  LucideAlertTriangle\n} from '@lucide/angular';\nimport {\n  TalosTimelineActor,\n  TalosTimelineDiff,\n  TalosTimelineDotSize,\n  TalosTimelineDotVariant,\n  TalosTimelineItemStatus,\n  TalosTimelineLineStyle\n} from './timeline.types';\nimport {\n  TalosTimelineContentDirective,\n  TalosTimelineDotDirective,\n  TalosTimelineExtraDirective,\n  TalosTimelineTimeDirective,\n  TalosTimelineTitleDirective\n} from './timeline.directives';\n\n@Component({\n  selector: 'talos-timeline-item, [talosTimelineItem]',\n  imports: [\n    DatePipe,\n    KeyValuePipe,\n    NgTemplateOutlet,\n    NgComponentOutlet,\n    LucideChevronDown,\n    LucideChevronUp,\n    LucideUser\n  ],\n  templateUrl: './timeline-item.component.html',\n  styleUrl: './timeline-item.component.scss',\n  host: {\n    'class': 'talos-timeline-item',\n    '[class.talos-timeline-item--primary]': 'isStatus(\"primary\")',\n    '[class.talos-timeline-item--secondary]': 'isStatus(\"secondary\")',\n    '[class.talos-timeline-item--success]': 'isStatus(\"success\") || isStatus(\"completed\")',\n    '[class.talos-timeline-item--warning]': 'isStatus(\"warning\")',\n    '[class.talos-timeline-item--error]': 'isStatus(\"error\") || isStatus(\"cancelled\")',\n    '[class.talos-timeline-item--info]': 'isStatus(\"info\")',\n    '[class.talos-timeline-item--neutral]': 'isStatus(\"neutral\")',\n    '[class.talos-timeline-item--pending]': 'isStatus(\"pending\")',\n    '[class.talos-timeline-item--in-progress]': 'isStatus(\"in-progress\")',\n    '[class.talos-timeline-item--loading]': 'loading()',\n    '[class.talos-timeline-item--active]': 'active()',\n    '[class.talos-timeline-item--last]': 'isLast()',\n    '[class.talos-timeline-item--left]': 'position() === \"left\"',\n    '[class.talos-timeline-item--right]': 'position() === \"right\"',\n    '[class.talos-timeline-item--expanded]': 'isExpanded()'\n  }\n})\nexport class TalosTimelineItemComponent {\n  // Inputs\n  readonly status = input<TalosTimelineItemStatus>('neutral');\n  readonly dotVariant = input<TalosTimelineDotVariant>('solid');\n  readonly dotSize = input<TalosTimelineDotSize>('md');\n  readonly dotColor = input<string | null>(null);\n  readonly icon = input<Type<unknown> | null>(null);\n  readonly loading = input<boolean>(false);\n  readonly active = input<boolean>(false);\n  readonly lineStyle = input<TalosTimelineLineStyle>('solid');\n  readonly timestamp = input<string | Date | null>(null);\n  readonly relativeTime = input<string | null>(null);\n  readonly title = input<string | null>(null);\n  readonly description = input<string | null>(null);\n  readonly actor = input<TalosTimelineActor | null>(null);\n  readonly tags = input<string[] | null>(null);\n  readonly diffs = input<TalosTimelineDiff[] | null>(null);\n  readonly metadata = input<Record<string, unknown> | null>(null);\n  readonly expandable = input<boolean>(false);\n  readonly expanded = input<boolean>(false);\n  readonly position = input<'left' | 'right'>('left');\n  readonly isLast = input<boolean>(false);\n\n  // Outputs\n  readonly itemClick = output<void>();\n  readonly toggleExpand = output<boolean>();\n\n  // Slot Directives\n  @ContentChild(TalosTimelineDotDirective) protected readonly customDot?: TalosTimelineDotDirective;\n  @ContentChild(TalosTimelineTitleDirective) protected readonly customTitle?: TalosTimelineTitleDirective;\n  @ContentChild(TalosTimelineTimeDirective) protected readonly customTime?: TalosTimelineTimeDirective;\n  @ContentChild(TalosTimelineContentDirective) protected readonly customContent?: TalosTimelineContentDirective;\n  @ContentChild(TalosTimelineExtraDirective) protected readonly customExtra?: TalosTimelineExtraDirective;\n\n  // Internal state for accordion / collapse linked to input\n  protected readonly isExpanded = linkedSignal(() => this.expanded());\n\n  protected readonly hasExpandableDetails = computed(() => {\n    return (\n      this.expandable() ||\n      (this.diffs() && this.diffs()!.length > 0) ||\n      (this.metadata() && Object.keys(this.metadata()!).length > 0)\n    );\n  });\n\n  protected readonly effectiveIcon = computed<Type<unknown> | null>(() => {\n    if (this.loading()) {\n      return LucideLoader2;\n    }\n    if (this.icon()) {\n      return this.icon();\n    }\n    switch (this.status()) {\n      case 'success':\n      case 'completed':\n        return LucideCheck;\n      case 'error':\n      case 'cancelled':\n        return LucideAlertCircle;\n      case 'warning':\n        return LucideAlertTriangle;\n      case 'info':\n        return LucideInfo;\n      case 'pending':\n      case 'in-progress':\n        return LucideClock;\n      default:\n        return null;\n    }\n  });\n\n  protected isStatus(expected: string): boolean {\n    return this.status() === expected;\n  }\n\n  protected toggleAccordion(): void {\n    this.isExpanded.update(current => !current);\n    this.toggleExpand.emit(this.isExpanded());\n  }\n\n  protected onItemClicked(): void {\n    this.itemClick.emit();\n  }\n\n  protected isDateObject(val: unknown): val is Date {\n    return val instanceof Date;\n  }\n\n  protected formatJsonValue(val: unknown): string {\n    if (typeof val === 'string') return `\"${val}\"`;\n    if (typeof val === 'object' && val !== null) return JSON.stringify(val);\n    return String(val);\n  }\n}\n","<!-- Left / Opposite Slot (Used for Timestamps/Actor in Alternating or Two-Sided mode) -->\n<div class=\"talos-timeline-item__opposite\" aria-hidden=\"true\">\n  @if (customTime?.templateRef) {\n    <ng-container [ngTemplateOutlet]=\"customTime!.templateRef!\" />\n  } @else if (timestamp() || relativeTime()) {\n    <div class=\"talos-timeline-item__time-stamp\">\n      @if (relativeTime()) {\n        <span class=\"talos-timeline-item__relative-time\">{{ relativeTime() }}</span>\n      }\n      @if (timestamp()) {\n        <span class=\"talos-timeline-item__absolute-time\">\n          @if (isDateObject(timestamp())) {\n            {{ timestamp() | date: 'medium' }}\n          } @else {\n            {{ timestamp() }}\n          }\n        </span>\n      }\n    </div>\n  }\n</div>\n\n<!-- Separator Column: Connector Track & Dot Marker -->\n<div class=\"talos-timeline-item__separator\">\n  <div\n    class=\"talos-timeline-item__connector talos-timeline-item__connector--top\"\n    [class.talos-timeline-item__connector--dashed]=\"lineStyle() === 'dashed'\"\n    [class.talos-timeline-item__connector--dotted]=\"lineStyle() === 'dotted'\"\n  ></div>\n\n  <div\n    class=\"talos-timeline-item__dot\"\n    [class.talos-timeline-item__dot--solid]=\"dotVariant() === 'solid'\"\n    [class.talos-timeline-item__dot--subtle]=\"dotVariant() === 'subtle'\"\n    [class.talos-timeline-item__dot--outline]=\"dotVariant() === 'outline'\"\n    [class.talos-timeline-item__dot--pure-dot]=\"dotVariant() === 'dot'\"\n    [class.talos-timeline-item__dot--xs]=\"dotSize() === 'xs'\"\n    [class.talos-timeline-item__dot--sm]=\"dotSize() === 'sm'\"\n    [class.talos-timeline-item__dot--md]=\"dotSize() === 'md'\"\n    [class.talos-timeline-item__dot--lg]=\"dotSize() === 'lg'\"\n    [class.talos-timeline-item__dot--loading]=\"loading()\"\n    [style.background-color]=\"dotColor()\"\n    [style.border-color]=\"dotColor()\"\n  >\n    @if (customDot?.templateRef) {\n      <ng-container [ngTemplateOutlet]=\"customDot!.templateRef!\" />\n    } @else if (effectiveIcon()) {\n      <ng-container *ngComponentOutlet=\"effectiveIcon()!\" />\n    }\n  </div>\n\n  <div\n    class=\"talos-timeline-item__connector talos-timeline-item__connector--bottom\"\n    [class.talos-timeline-item__connector--dashed]=\"lineStyle() === 'dashed'\"\n    [class.talos-timeline-item__connector--dotted]=\"lineStyle() === 'dotted'\"\n  ></div>\n</div>\n\n<!-- Main Body / Content Area -->\n<div class=\"talos-timeline-item__body\" (click)=\"onItemClicked()\">\n  <div class=\"talos-timeline-item__header\">\n    <div class=\"talos-timeline-item__title-group\">\n      <!-- Projected or Input Title -->\n      @if (customTitle?.templateRef) {\n        <ng-container [ngTemplateOutlet]=\"customTitle!.templateRef!\" />\n      } @else if (title()) {\n        <h4 class=\"talos-timeline-item__title\">{{ title() }}</h4>\n      }\n\n      <!-- Status Indicator Pill -->\n      @if (status() && status() !== 'neutral') {\n        <span class=\"talos-timeline-item__status-badge talos-timeline-item__status-badge--{{ status() }}\">\n          {{ status() }}\n        </span>\n      }\n    </div>\n\n    <!-- Header Right / Metadata (Timestamp in Left Align mode) -->\n    <div class=\"talos-timeline-item__header-meta\">\n      @if (relativeTime()) {\n        <span class=\"talos-timeline-item__header-time\">{{ relativeTime() }}</span>\n      } @else if (timestamp()) {\n        <span class=\"talos-timeline-item__header-time\">\n          @if (isDateObject(timestamp())) {\n            {{ timestamp() | date: 'short' }}\n          } @else {\n            {{ timestamp() }}\n          }\n        </span>\n      }\n\n      @if (hasExpandableDetails()) {\n        <button\n          type=\"button\"\n          class=\"talos-timeline-item__expand-btn\"\n          [attr.aria-expanded]=\"isExpanded()\"\n          aria-label=\"Toggle audit details\"\n          (click)=\"toggleAccordion(); $event.stopPropagation()\"\n        >\n          @if (isExpanded()) {\n            <svg lucideChevronUp [size]=\"14\"></svg>\n          } @else {\n            <svg lucideChevronDown [size]=\"14\"></svg>\n          }\n        </button>\n      }\n    </div>\n  </div>\n\n  <!-- Actor Info for Audit Logs -->\n  @if (actor(); as currentActor) {\n    <div class=\"talos-timeline-item__actor\">\n      <div class=\"talos-timeline-item__actor-avatar\">\n        @if (currentActor.avatar) {\n          <img [src]=\"currentActor.avatar\" [alt]=\"currentActor.name\" />\n        } @else {\n          <svg lucideUser [size]=\"12\"></svg>\n        }\n      </div>\n      <div class=\"talos-timeline-item__actor-details\">\n        <span class=\"talos-timeline-item__actor-name\">{{ currentActor.name }}</span>\n        @if (currentActor.role) {\n          <span class=\"talos-timeline-item__actor-role\">{{ currentActor.role }}</span>\n        }\n        @if (currentActor.ip) {\n          <span class=\"talos-timeline-item__actor-ip\">({{ currentActor.ip }})</span>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Description / Content Area -->\n  <div class=\"talos-timeline-item__content\">\n    @if (customContent?.templateRef) {\n      <ng-container [ngTemplateOutlet]=\"customContent!.templateRef!\" />\n    } @else if (description()) {\n      <p class=\"talos-timeline-item__description\">{{ description() }}</p>\n    }\n    <ng-content></ng-content>\n  </div>\n\n  <!-- Tags Pill Row -->\n  @if (tags() && tags()!.length > 0) {\n    <div class=\"talos-timeline-item__tags\">\n      @for (tag of tags()!; track tag) {\n        <span class=\"talos-timeline-item__tag\">{{ tag }}</span>\n      }\n    </div>\n  }\n\n  <!-- Audit Change Diffs (Expanded / Default) -->\n  @if (diffs() && diffs()!.length > 0 && isExpanded()) {\n    <div class=\"talos-timeline-item__diffs-table-wrapper\">\n      <table class=\"talos-timeline-item__diffs-table\">\n        <thead>\n          <tr>\n            <th>Field</th>\n            <th>Previous Value</th>\n            <th>New Value</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (diff of diffs()!; track diff.field) {\n            <tr class=\"talos-timeline-item__diff-row talos-timeline-item__diff-row--{{ diff.type || 'modified' }}\">\n              <td class=\"talos-timeline-item__diff-field\">{{ diff.field }}</td>\n              <td class=\"talos-timeline-item__diff-old\">\n                <code>{{ formatJsonValue(diff.previousValue) }}</code>\n              </td>\n              <td class=\"talos-timeline-item__diff-new\">\n                <code>{{ formatJsonValue(diff.newValue) }}</code>\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n\n  <!-- Expandable JSON / Metadata -->\n  @if (metadata() && isExpanded()) {\n    <div class=\"talos-timeline-item__metadata-card\">\n      <div class=\"talos-timeline-item__metadata-header\">Metadata & Payload</div>\n      <div class=\"talos-timeline-item__metadata-grid\">\n        @for (entry of metadata()! | keyvalue; track entry.key) {\n          <div class=\"talos-timeline-item__meta-item\">\n            <span class=\"talos-timeline-item__meta-key\">{{ entry.key }}:</span>\n            <span class=\"talos-timeline-item__meta-val\"><code>{{ formatJsonValue(entry.value) }}</code></span>\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Extra Slot Projection -->\n  @if (customExtra?.templateRef) {\n    <div class=\"talos-timeline-item__extra\">\n      <ng-container [ngTemplateOutlet]=\"customExtra!.templateRef!\" />\n    </div>\n  }\n</div>\n","import {\n  Component,\n  computed,\n  input,\n  output\n} from '@angular/core';\nimport {\n  TalosTimelineAlign,\n  TalosTimelineItem,\n  TalosTimelineLineStyle,\n  TalosTimelineMode,\n  TalosTimelineOrientation\n} from './timeline.types';\nimport { TalosTimelineItemComponent } from './timeline-item.component';\n\n@Component({\n  selector: 'talos-timeline, [talosTimeline]',\n  imports: [TalosTimelineItemComponent],\n  templateUrl: './timeline.component.html',\n  styleUrl: './timeline.component.scss',\n  host: {\n    'class': 'talos-timeline',\n    '[class.talos-timeline--vertical]': 'orientation() === \"vertical\"',\n    '[class.talos-timeline--horizontal]': 'orientation() === \"horizontal\"',\n    '[class.talos-timeline--left]': 'align() === \"left\"',\n    '[class.talos-timeline--right]': 'align() === \"right\"',\n    '[class.talos-timeline--alternate]': 'align() === \"alternate\"',\n    '[class.talos-timeline--standard]': 'mode() === \"standard\"',\n    '[class.talos-timeline--dense]': 'mode() === \"dense\"',\n    '[class.talos-timeline--card]': 'mode() === \"card\"',\n    'role': 'list'\n  }\n})\nexport class TalosTimelineComponent {\n  // Inputs\n  readonly orientation = input<TalosTimelineOrientation>('vertical');\n  readonly align = input<TalosTimelineAlign>('left');\n  readonly mode = input<TalosTimelineMode>('standard');\n  readonly reverse = input<boolean>(false);\n  readonly lineStyle = input<TalosTimelineLineStyle>('solid');\n  readonly items = input<TalosTimelineItem[] | null>(null);\n\n  // Outputs\n  readonly itemClick = output<TalosTimelineItem>();\n\n  // Processed items for data-driven rendering\n  protected readonly processedItems = computed(() => {\n    const raw = this.items();\n    if (!raw || raw.length === 0) return [];\n    const list = [...raw];\n    if (this.reverse()) {\n      list.reverse();\n    }\n    return list;\n  });\n\n  protected getItemPosition(index: number): 'left' | 'right' {\n    if (this.align() === 'alternate') {\n      return index % 2 === 0 ? 'left' : 'right';\n    }\n    return this.align() === 'right' ? 'right' : 'left';\n  }\n\n  protected onDataDrivenItemClick(item: TalosTimelineItem): void {\n    this.itemClick.emit(item);\n  }\n}\n","@if (items() && items()!.length > 0) {\n  @for (item of processedItems(); track item.id || $index; let idx = $index; let isLast = $last) {\n    <talos-timeline-item\n      [title]=\"item.title\"\n      [description]=\"item.description || null\"\n      [timestamp]=\"item.timestamp || null\"\n      [relativeTime]=\"item.relativeTime || null\"\n      [status]=\"item.status || 'neutral'\"\n      [dotVariant]=\"item.dotVariant || 'solid'\"\n      [dotSize]=\"item.dotSize || 'md'\"\n      [dotColor]=\"item.dotColor || null\"\n      [icon]=\"item.icon || null\"\n      [loading]=\"item.loading || false\"\n      [active]=\"item.active || false\"\n      [lineStyle]=\"item.lineStyle || lineStyle()\"\n      [actor]=\"item.actor || null\"\n      [tags]=\"item.tags || null\"\n      [diffs]=\"item.diffs || null\"\n      [metadata]=\"item.metadata || null\"\n      [expanded]=\"item.expanded || false\"\n      [expandable]=\"!!(item.diffs?.length || item.metadata)\"\n      [position]=\"getItemPosition(idx)\"\n      [isLast]=\"isLast\"\n      (itemClick)=\"onDataDrivenItemClick(item)\"\n    />\n  }\n} @else {\n  <ng-content></ng-content>\n}\n","import { NgModule } from '@angular/core';\nimport { TalosTimelineComponent } from './timeline.component';\nimport { TalosTimelineItemComponent } from './timeline-item.component';\nimport {\n  TalosTimelineContentDirective,\n  TalosTimelineDotDirective,\n  TalosTimelineExtraDirective,\n  TalosTimelineTimeDirective,\n  TalosTimelineTitleDirective\n} from './timeline.directives';\n\nconst TIMELINE_COMPONENTS = [\n  TalosTimelineComponent,\n  TalosTimelineItemComponent,\n  TalosTimelineDotDirective,\n  TalosTimelineTitleDirective,\n  TalosTimelineTimeDirective,\n  TalosTimelineContentDirective,\n  TalosTimelineExtraDirective\n];\n\n@NgModule({\n  imports: TIMELINE_COMPONENTS,\n  exports: TIMELINE_COMPONENTS\n})\nexport class TalosTimelineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}