@weeehaoooz/talos-ui 0.1.0 → 0.1.2

package/types/weeehaoooz-talos-ui-data-display.d.ts

@@ -0,0 +1,1018 @@
+import * as _angular_core from '@angular/core';
+import { Type, TemplateRef, OnInit, PipeTransform } from '@angular/core';
+import { ButtonVariant, ButtonSize } from '@weeehaoooz/talos-ui/button';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+
+/**
+ * Supported size scales for the badge.
+ */
+type TalosBadgeSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * Anchor positions for placing the badge relative to its host element.
+ */
+type TalosBadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top' | 'bottom' | 'inline';
+/**
+ * Visual semantic variant presentation styles.
+ */
+type TalosBadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'error' | 'info' | 'neutral' | 'subtle' | 'outline';
+/**
+ * Shape styling of the badge container.
+ */
+type TalosBadgeShape = 'circle' | 'pill' | 'square';
+/**
+ * Formats badge content taking into account max threshold clamping, dot mode, and null values.
+ *
+ * @param content The raw badge content (number, string, or null/undefined)
+ * @param max The maximum numerical threshold before displaying with a '+' post-script (e.g. 99+)
+ * @param dot Whether the badge is operating in dot indicator mode
+ * @returns The formatted string to be rendered inside the badge
+ */
+declare function formatBadgeContent(content: string | number | null | undefined, max?: number | null, dot?: boolean): string;
+
+declare class TalosBadgeDirective {
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly destroyRef;
+    /**
+     * The content to display inside the badge.
+     * Can be a number, string, or null/undefined.
+     */
+    readonly content: _angular_core.InputSignal<string | number | null | undefined>;
+    /**
+     * Maximum numeric value to display before appending '+'.
+     * For example, max = 99 will display 100 as '99+'.
+     */
+    readonly max: _angular_core.InputSignal<number | null | undefined>;
+    /**
+     * Size scale of the badge.
+     * @default 'md'
+     */
+    readonly size: _angular_core.InputSignal<TalosBadgeSize>;
+    /**
+     * Anchor position of the badge relative to the host element.
+     * @default 'top-right'
+     */
+    readonly position: _angular_core.InputSignal<TalosBadgePosition>;
+    /**
+     * Visual variant/color theme of the badge.
+     * @default 'primary'
+     */
+    readonly variant: _angular_core.InputSignal<TalosBadgeVariant>;
+    /**
+     * Shape style of the badge container.
+     * @default 'circle'
+     */
+    readonly shape: _angular_core.InputSignal<TalosBadgeShape>;
+    /**
+     * Whether to display the badge as a small indicator dot without text content.
+     * @default false
+     */
+    readonly dot: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to enable an animated pulse/ripple effect for notifications.
+     * @default false
+     */
+    readonly pulse: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the badge is hidden from view.
+     * @default false
+     */
+    readonly hidden: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the badge overlaps the edge of the host component.
+     * @default true
+     */
+    readonly overlap: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible description/label for screen readers.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * Computed formatted text content for the badge.
+     */
+    readonly formattedContent: _angular_core.Signal<string>;
+    /**
+     * Whether the badge should actively render in the DOM and be visible.
+     */
+    readonly shouldRender: _angular_core.Signal<boolean>;
+    /**
+     * Computed host aria-label override when provided.
+     */
+    readonly resolvedHostAriaLabel: _angular_core.Signal<string | null>;
+    private badgeElement;
+    constructor();
+    /**
+     * Returns the native badge element for inspection or testing.
+     */
+    get nativeBadgeElement(): HTMLElement | null;
+    private updateBadgeDom;
+    private removeBadgeDom;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosBadgeDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosBadgeDirective, "[talosBadge], [talos-badge]", never, { "content": { "alias": "talosBadge"; "required": false; "isSignal": true; }; "max": { "alias": "talosBadgeMax"; "required": false; "isSignal": true; }; "size": { "alias": "talosBadgeSize"; "required": false; "isSignal": true; }; "position": { "alias": "talosBadgePosition"; "required": false; "isSignal": true; }; "variant": { "alias": "talosBadgeVariant"; "required": false; "isSignal": true; }; "shape": { "alias": "talosBadgeShape"; "required": false; "isSignal": true; }; "dot": { "alias": "talosBadgeDot"; "required": false; "isSignal": true; }; "pulse": { "alias": "talosBadgePulse"; "required": false; "isSignal": true; }; "hidden": { "alias": "talosBadgeHidden"; "required": false; "isSignal": true; }; "overlap": { "alias": "talosBadgeOverlap"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "talosBadgeAriaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TalosBadgeModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosBadgeModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosBadgeModule, never, [typeof TalosBadgeDirective], [typeof TalosBadgeDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosBadgeModule>;
+}
+
+/**
+ * Size scale for the breadcrumb navigation.
+ */
+type TalosBreadcrumbSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * Built-in separator style types for breadcrumbs.
+ */
+type TalosBreadcrumbSeparatorType = 'chevron' | 'slash' | 'arrow' | 'bullet' | 'custom';
+/**
+ * Visual background and container variant for breadcrumb trails.
+ */
+type TalosBreadcrumbVariant = 'standard' | 'contained' | 'subtle';
+/**
+ * Data model representing a single breadcrumb item.
+ */
+interface TalosBreadcrumbItem {
+    /**
+     * Unique identifier for trackBy and selection.
+     */
+    id?: string | number;
+    /**
+     * The visible label text for this breadcrumb node.
+     */
+    label: string;
+    /**
+     * Standard URL hyperlink. When provided, renders as an anchor tag.
+     */
+    href?: string;
+    /**
+     * Angular router link navigation path or commands.
+     */
+    routerLink?: string | unknown[];
+    /**
+     * Optional icon component to display alongside the label (e.g. Lucide icon).
+     */
+    icon?: Type<unknown>;
+    /**
+     * Whether this breadcrumb item is disabled and non-interactive.
+     */
+    disabled?: boolean;
+    /**
+     * Explicitly marks this breadcrumb item as the current active page.
+     * If omitted, the last item in a breadcrumb trail is automatically treated as current.
+     */
+    current?: boolean;
+    /**
+     * Accessible description/label for screen readers (aria-label).
+     */
+    ariaLabel?: string;
+    /**
+     * Target attribute when href is used (e.g., '_blank').
+     */
+    target?: string;
+    /**
+     * Native tooltip or title text.
+     */
+    title?: string;
+    /**
+     * Custom template override for rendering this specific breadcrumb item.
+     */
+    customTemplate?: TemplateRef<unknown>;
+}
+/**
+ * Event payload emitted when a breadcrumb item is clicked.
+ */
+interface TalosBreadcrumbItemClickEvent {
+    /**
+     * The clicked breadcrumb item model.
+     */
+    item: TalosBreadcrumbItem;
+    /**
+     * The index of the item within the breadcrumb trail.
+     */
+    index: number;
+    /**
+     * The originating mouse or keyboard event.
+     */
+    originalEvent: MouseEvent | KeyboardEvent;
+}
+
+/**
+ * Context passed to custom breadcrumb item template definitions.
+ */
+interface TalosBreadcrumbItemContext {
+    $implicit: TalosBreadcrumbItem;
+    index: number;
+    isFirst: boolean;
+    isLast: boolean;
+}
+/**
+ * Directive for projecting a custom separator template into `<talos-breadcrumb>`.
+ *
+ * @example
+ * ```html
+ * <talos-breadcrumb [items]="crumbs">
+ *   <ng-template talosBreadcrumbSeparator>
+ *     <span class="custom-slash">~</span>
+ *   </ng-template>
+ * </talos-breadcrumb>
+ * ```
+ */
+declare class TalosBreadcrumbSeparatorDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosBreadcrumbSeparatorDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosBreadcrumbSeparatorDirective, "[talosBreadcrumbSeparator]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Directive for custom rendering of individual breadcrumb items.
+ *
+ * @example
+ * ```html
+ * <talos-breadcrumb [items]="crumbs">
+ *   <ng-template talosBreadcrumbItemDef let-item let-isLast="isLast">
+ *     <span class="custom-node">{{ item.label }}</span>
+ *   </ng-template>
+ * </talos-breadcrumb>
+ * ```
+ */
+declare class TalosBreadcrumbItemDefDirective {
+    readonly templateRef: TemplateRef<TalosBreadcrumbItemContext>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosBreadcrumbItemDefDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosBreadcrumbItemDefDirective, "[talosBreadcrumbItemDef]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TalosBreadcrumbItemComponent {
+    /**
+     * Text label for this item. Can be provided via input or ng-content.
+     */
+    readonly label: _angular_core.InputSignal<string | null>;
+    /**
+     * Standard URL hyperlink. When provided and not disabled, renders as an interactive anchor link.
+     */
+    readonly href: _angular_core.InputSignal<string | null>;
+    /**
+     * Angular router link navigation path or command segments.
+     */
+    readonly routerLink: _angular_core.InputSignal<string | unknown[] | null>;
+    /**
+     * Optional icon component to render before the item label.
+     */
+    readonly icon: _angular_core.InputSignal<Type<unknown> | null>;
+    /**
+     * Whether this breadcrumb item is disabled.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether this item represents the current active page in the navigation hierarchy.
+     * Current items are non-interactive and decorated with aria-current="page".
+     * @default false
+     */
+    readonly current: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible description / aria-label for screen readers.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    /**
+     * Size scale inherited from the parent breadcrumb or set directly.
+     * @default 'md'
+     */
+    readonly size: _angular_core.InputSignal<TalosBreadcrumbSize>;
+    /**
+     * Target window/tab attribute when href is used (e.g. '_blank').
+     */
+    readonly target: _angular_core.InputSignal<string | null>;
+    /**
+     * Native title attribute for tooltip display.
+     */
+    readonly title: _angular_core.InputSignal<string | null>;
+    /**
+     * Emitted when this breadcrumb item is clicked or activated via keyboard.
+     */
+    readonly itemClick: _angular_core.OutputEmitterRef<MouseEvent | KeyboardEvent>;
+    /**
+     * Whether this item should render as an interactive link.
+     */
+    readonly isLink: _angular_core.Signal<boolean>;
+    protected onLinkClick(event: MouseEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosBreadcrumbItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosBreadcrumbItemComponent, "talos-breadcrumb-item, [talosBreadcrumbItem]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Processed internal node representation for rendered breadcrumbs.
+ */
+interface ProcessedBreadcrumbNode {
+    type: 'item' | 'ellipsis';
+    item?: TalosBreadcrumbItem;
+    index: number;
+    isFirst: boolean;
+    isLast: boolean;
+    isCurrent: boolean;
+    omittedCount?: number;
+}
+declare class TalosBreadcrumbComponent {
+    /**
+     * Data-driven list of breadcrumb items to render.
+     */
+    readonly items: _angular_core.InputSignal<TalosBreadcrumbItem[] | null>;
+    /**
+     * Separator style between breadcrumb items.
+     * Can be 'chevron', 'slash', 'arrow', 'bullet', or a custom string.
+     * @default 'chevron'
+     */
+    readonly separator: _angular_core.InputSignal<string>;
+    /**
+     * Size scale of the breadcrumb and its separators.
+     * @default 'md'
+     */
+    readonly size: _angular_core.InputSignal<TalosBreadcrumbSize>;
+    /**
+     * Visual variant and background container style.
+     * @default 'standard'
+     */
+    readonly variant: _angular_core.InputSignal<TalosBreadcrumbVariant>;
+    /**
+     * Maximum number of items to display before collapsing intermediate nodes into an ellipsis.
+     */
+    readonly maxItems: _angular_core.InputSignal<number | null>;
+    /**
+     * Number of items to display before the collapsed ellipsis.
+     * @default 1
+     */
+    readonly itemsBeforeCollapse: _angular_core.InputSignal<number>;
+    /**
+     * Number of items to display after the collapsed ellipsis.
+     * @default 1
+     */
+    readonly itemsAfterCollapse: _angular_core.InputSignal<number>;
+    /**
+     * Accessible description for the `<nav>` landmark.
+     * @default 'Breadcrumb'
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Emitted when an individual breadcrumb item is clicked.
+     */
+    readonly itemClick: _angular_core.OutputEmitterRef<TalosBreadcrumbItemClickEvent>;
+    /**
+     * Emitted when the user expands collapsed items via the ellipsis button.
+     */
+    readonly expand: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Optional custom separator template projected from parent.
+     */
+    readonly customSeparator: _angular_core.Signal<TalosBreadcrumbSeparatorDirective | undefined>;
+    /**
+     * Optional custom item template projected from parent.
+     */
+    readonly customItemDef: _angular_core.Signal<TalosBreadcrumbItemDefDirective | undefined>;
+    /**
+     * Track whether the user has clicked to expand collapsed crumbs.
+     */
+    readonly expandedByUser: _angular_core.WritableSignal<boolean>;
+    /**
+     * Built-in Lucide chevron icon component.
+     */
+    protected readonly chevronIcon: Type<unknown>;
+    /**
+     * Computed list of nodes for template rendering.
+     */
+    protected readonly displayNodes: _angular_core.Signal<ProcessedBreadcrumbNode[]>;
+    /**
+     * Handles click on an item node.
+     */
+    protected onItemClick(item: TalosBreadcrumbItem, index: number, originalEvent: MouseEvent | KeyboardEvent): void;
+    /**
+     * Expands the collapsed crumbs when user clicks the ellipsis button.
+     */
+    protected onEllipsisClick(event: MouseEvent | KeyboardEvent): void;
+    /**
+     * Resets the expansion state back to collapsed.
+     */
+    resetExpansion(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosBreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosBreadcrumbComponent, "talos-breadcrumb, [talosBreadcrumb]", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; "isSignal": true; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "expand": "expand"; }, ["customSeparator", "customItemDef"], ["*"], true, never>;
+}
+
+declare class TalosBreadcrumbModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosBreadcrumbModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosBreadcrumbModule, never, [typeof TalosBreadcrumbComponent, typeof TalosBreadcrumbItemComponent, typeof TalosBreadcrumbSeparatorDirective, typeof TalosBreadcrumbItemDefDirective], [typeof TalosBreadcrumbComponent, typeof TalosBreadcrumbItemComponent, typeof TalosBreadcrumbSeparatorDirective, typeof TalosBreadcrumbItemDefDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosBreadcrumbModule>;
+}
+
+/**
+ * Standard canonical workflow orchestration statuses.
+ */
+type TalosCanonicalWorkflowStatus = 'NEW' | 'PENDING' | 'IN-PROGRESS' | 'PAUSED' | 'RETRYING' | 'SKIPPED' | 'SUCCESS' | 'COMPLETED' | 'ERROR' | 'TERMINATED' | 'EXPIRED';
+/**
+ * Permissive workflow status input accepting canonical names, lowercase variants, and industry aliases.
+ */
+type TalosWorkflowStatus = TalosCanonicalWorkflowStatus | 'new' | 'created' | 'draft' | 'CREATED' | 'DRAFT' | 'pending' | 'queued' | 'scheduled' | 'waiting' | 'QUEUED' | 'SCHEDULED' | 'WAITING' | 'in-progress' | 'in_progress' | 'IN_PROGRESS' | 'running' | 'executing' | 'RUNNING' | 'EXECUTING' | 'paused' | 'suspended' | 'on_hold' | 'on-hold' | 'waiting_for_approval' | 'SUSPENDED' | 'ON_HOLD' | 'ON-HOLD' | 'WAITING_FOR_APPROVAL' | 'retrying' | 'up_for_retry' | 'up-for-retry' | 'UP_FOR_RETRY' | 'UP-FOR-RETRY' | 'skipped' | 'bypassed' | 'ignored' | 'SKIPPED' | 'BYPASSED' | 'IGNORED' | 'success' | 'succeeded' | 'passed' | 'SUCCEEDED' | 'PASSED' | 'completed' | 'finished' | 'done' | 'FINISHED' | 'DONE' | 'error' | 'failed' | 'failure' | 'FAILED' | 'FAILURE' | 'terminated' | 'cancelled' | 'canceled' | 'aborted' | 'stopped' | 'killed' | 'CANCELLED' | 'CANCELED' | 'ABORTED' | 'STOPPED' | 'KILLED' | 'expired' | 'timeout' | 'timed_out' | 'timed-out' | 'stale' | 'TIMEOUT' | 'TIMED_OUT' | 'TIMED-OUT' | 'STALE';
+/**
+ * Visual variant presentation styles.
+ */
+type TalosStatusTagVariant = 'subtle' | 'solid' | 'outline' | 'dot';
+/**
+ * Size scale for the status tag.
+ */
+type TalosStatusTagSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * Border radius shape style for the status tag.
+ */
+type TalosStatusTagShape = 'rounded' | 'pill' | 'square';
+/**
+ * Status descriptor containing default metadata.
+ */
+interface TalosStatusDescriptor {
+    readonly canonical: TalosCanonicalWorkflowStatus;
+    readonly defaultLabel: string;
+    readonly defaultAriaLabel: string;
+    readonly cssModifier: string;
+    readonly shouldAnimateIcon?: boolean;
+}
+/**
+ * Normalizes any recognized status string or alias into its canonical status.
+ */
+declare function normalizeWorkflowStatus(status: string | null | undefined): TalosCanonicalWorkflowStatus;
+/**
+ * Status descriptors map with default metadata.
+ */
+declare const TALOS_STATUS_DESCRIPTORS: Record<TalosCanonicalWorkflowStatus, TalosStatusDescriptor>;
+
+declare class TalosStatusTagComponent {
+    private readonly elementRef;
+    /**
+     * The workflow status to display. Supports all canonical names, lowercase variants, and common aliases.
+     */
+    readonly status: _angular_core.InputSignal<string>;
+    /**
+     * Optional custom label text. If not provided or empty, defaults to standard status label.
+     */
+    readonly label: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * Visual presentation style.
+     * @default 'subtle'
+     */
+    readonly variant: _angular_core.InputSignal<TalosStatusTagVariant>;
+    /**
+     * Size scale.
+     * @default 'md'
+     */
+    readonly size: _angular_core.InputSignal<TalosStatusTagSize>;
+    /**
+     * Border radius shape.
+     * @default 'rounded'
+     */
+    readonly shape: _angular_core.InputSignal<TalosStatusTagShape>;
+    /**
+     * Whether to render the status icon / indicator symbol.
+     * @default true
+     */
+    readonly showIcon: _angular_core.InputSignal<boolean>;
+    /**
+     * Optional custom icon component override.
+     */
+    readonly icon: _angular_core.InputSignal<Type<unknown> | null>;
+    /**
+     * Whether to render only the symbol/icon without label text.
+     * @default false
+     */
+    readonly iconOnly: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to enable pulsing animation for active/waiting states.
+     * @default false
+     */
+    readonly pulse: _angular_core.InputSignal<boolean>;
+    /**
+     * Optional accessible ARIA label override.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * Normalized canonical workflow status.
+     */
+    readonly canonicalStatus: _angular_core.Signal<TalosCanonicalWorkflowStatus>;
+    /**
+     * Descriptor containing default metadata for current canonical status.
+     */
+    readonly descriptor: _angular_core.Signal<TalosStatusDescriptor>;
+    /**
+     * Resolved label to display when no custom content is projected.
+     */
+    readonly resolvedLabel: _angular_core.Signal<string>;
+    /**
+     * Resolved accessibility label for screen readers.
+     */
+    readonly resolvedAriaLabel: _angular_core.Signal<string>;
+    /**
+     * Pixel size for the Lucide icon based on status tag size.
+     */
+    readonly iconSize: _angular_core.Signal<number>;
+    /**
+     * Resolved default Lucide icon component for the current canonical status.
+     */
+    readonly defaultIconComponent: _angular_core.Signal<Type<unknown>>;
+    /**
+     * Active icon component to render (custom icon if provided, otherwise default semantic icon).
+     */
+    readonly activeIconComponent: _angular_core.Signal<Type<unknown>>;
+    /**
+     * Whether the icon should have active spin/rotation animation (e.g. IN-PROGRESS, RETRYING).
+     */
+    readonly shouldAnimateIcon: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosStatusTagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosStatusTagComponent, "talos-status-tag, [talosStatusTag]", never, { "status": { "alias": "status"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "pulse": { "alias": "pulse"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class TalosStatusTagModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosStatusTagModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosStatusTagModule, never, [typeof TalosStatusTagComponent], [typeof TalosStatusTagComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosStatusTagModule>;
+}
+
+type TalosGridDensity = 'compact' | 'comfortable' | 'spacious';
+type TalosGridSortType = 'string' | 'number' | 'date';
+type TalosGridSortDirection = 'asc' | 'desc' | null;
+interface TalosGridSortState {
+    field: string;
+    direction: TalosGridSortDirection;
+    sortType?: TalosGridSortType;
+}
+type TalosGridFilterMode = 'set' | 'condition';
+type TalosGridOperator = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'between' | 'blank' | 'notBlank' | 'contains' | 'startsWith' | 'endsWith';
+interface TalosGridColumnFilter {
+    field: string;
+    mode: TalosGridFilterMode;
+    /** Mode A: array of allowed string values */
+    selectedValues?: string[];
+    /** Mode B: comparison operator */
+    operator?: TalosGridOperator;
+    /** Mode B: primary comparison value */
+    value?: any;
+    /** Mode B: secondary value for between operator */
+    secondValue?: any;
+}
+type TalosGridColType = 'text' | 'number' | 'date' | 'status' | 'actions' | 'custom';
+interface TalosGridStatusConfig<T = any> {
+    statusMap?: (val: any, row: T) => TalosWorkflowStatus | TalosCanonicalWorkflowStatus;
+    variant?: TalosStatusTagVariant;
+    size?: TalosStatusTagSize;
+    shape?: TalosStatusTagShape;
+    showIcon?: boolean;
+}
+interface TalosGridActionDef<T = any> {
+    id: string;
+    label?: string;
+    icon?: Type<unknown>;
+    iconOnly?: boolean;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    tooltip?: string | ((row: T) => string);
+    disabled?: boolean | ((row: T) => boolean);
+    hidden?: boolean | ((row: T) => boolean);
+    onClick?: (row: T, index: number, event: MouseEvent) => void;
+}
+interface TalosGridColDef<T = any> {
+    field: string;
+    header: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    sortable?: boolean;
+    sortType?: TalosGridSortType;
+    filterable?: boolean;
+    filterMode?: TalosGridFilterMode;
+    filterType?: string;
+    type?: TalosGridColType;
+    align?: 'left' | 'center' | 'right';
+    formatter?: (value: any, row: T) => string;
+    cellTemplate?: TemplateRef<any>;
+    statusConfig?: TalosGridStatusConfig<T>;
+    actionsConfig?: TalosGridActionDef<T>[];
+    resizable?: boolean;
+}
+interface TalosGridPaginationState {
+    pageIndex: number;
+    pageSize: number;
+    totalItems: number;
+}
+interface TalosGridActionClickEvent<T = any> {
+    actionId: string;
+    row: T;
+    index: number;
+}
+interface TalosGridColumnResizeEvent<T = any> {
+    column: TalosGridColDef<T>;
+    width: number;
+}
+
+declare class TalosGridStatusCellComponent {
+    readonly row: _angular_core.InputSignal<any>;
+    readonly column: _angular_core.InputSignal<TalosGridColDef<any>>;
+    readonly rawValue: _angular_core.InputSignal<any>;
+    protected readonly value: _angular_core.Signal<any>;
+    protected readonly status: _angular_core.Signal<"success" | "error" | "NEW" | "PENDING" | "IN-PROGRESS" | "PAUSED" | "RETRYING" | "SKIPPED" | "SUCCESS" | "COMPLETED" | "ERROR" | "TERMINATED" | "EXPIRED" | "new" | "created" | "draft" | "CREATED" | "DRAFT" | "pending" | "queued" | "scheduled" | "waiting" | "QUEUED" | "SCHEDULED" | "WAITING" | "in-progress" | "in_progress" | "IN_PROGRESS" | "running" | "executing" | "RUNNING" | "EXECUTING" | "paused" | "suspended" | "on_hold" | "on-hold" | "waiting_for_approval" | "SUSPENDED" | "ON_HOLD" | "ON-HOLD" | "WAITING_FOR_APPROVAL" | "retrying" | "up_for_retry" | "up-for-retry" | "UP_FOR_RETRY" | "UP-FOR-RETRY" | "skipped" | "bypassed" | "ignored" | "BYPASSED" | "IGNORED" | "succeeded" | "passed" | "SUCCEEDED" | "PASSED" | "completed" | "finished" | "done" | "FINISHED" | "DONE" | "failed" | "failure" | "FAILED" | "FAILURE" | "terminated" | "cancelled" | "canceled" | "aborted" | "stopped" | "killed" | "CANCELLED" | "CANCELED" | "ABORTED" | "STOPPED" | "KILLED" | "expired" | "timeout" | "timed_out" | "timed-out" | "stale" | "TIMEOUT" | "TIMED_OUT" | "TIMED-OUT" | "STALE">;
+    protected readonly label: _angular_core.Signal<string>;
+    protected readonly variant: _angular_core.Signal<TalosStatusTagVariant>;
+    protected readonly size: _angular_core.Signal<TalosStatusTagSize>;
+    protected readonly shape: _angular_core.Signal<TalosStatusTagShape>;
+    protected readonly showIcon: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosGridStatusCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosGridStatusCellComponent, "talos-grid-status-cell", never, { "row": { "alias": "row"; "required": true; "isSignal": true; }; "column": { "alias": "column"; "required": true; "isSignal": true; }; "rawValue": { "alias": "rawValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TalosGridActionsCellComponent {
+    readonly row: _angular_core.InputSignal<any>;
+    readonly rowIndex: _angular_core.InputSignal<number>;
+    readonly actions: _angular_core.InputSignal<TalosGridActionDef<any>[]>;
+    readonly actionClick: _angular_core.OutputEmitterRef<TalosGridActionClickEvent<any>>;
+    protected visibleActions(): TalosGridActionDef[];
+    protected isActionDisabled(action: TalosGridActionDef): boolean;
+    protected getActionTooltip(action: TalosGridActionDef): string;
+    protected onActionClick(action: TalosGridActionDef, event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosGridActionsCellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosGridActionsCellComponent, "talos-grid-actions-cell", never, { "row": { "alias": "row"; "required": true; "isSignal": true; }; "rowIndex": { "alias": "rowIndex"; "required": true; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+declare class TalosGridFilterDialogComponent implements OnInit {
+    readonly column: _angular_core.InputSignal<TalosGridColDef<any>>;
+    readonly distinctValues: _angular_core.InputSignal<string[]>;
+    readonly currentFilter: _angular_core.InputSignal<TalosGridColumnFilter | undefined>;
+    readonly align: _angular_core.InputSignal<"left" | "right">;
+    readonly filterApplied: _angular_core.OutputEmitterRef<TalosGridColumnFilter>;
+    readonly filterCleared: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    protected readonly searchIcon: Type<unknown>;
+    protected readonly xIcon: Type<unknown>;
+    readonly filterMode: _angular_core.Signal<TalosGridFilterMode>;
+    readonly searchTerm: _angular_core.WritableSignal<string>;
+    readonly selectedSet: _angular_core.WritableSignal<Set<string>>;
+    readonly selectedOperator: _angular_core.WritableSignal<TalosGridOperator>;
+    readonly filterVal: _angular_core.WritableSignal<string>;
+    readonly filterVal2: _angular_core.WritableSignal<string>;
+    readonly operatorOptions: _angular_core.Signal<{
+        value: string;
+        label: string;
+    }[]>;
+    ngOnInit(): void;
+    initFromCurrentFilter(): void;
+    isDateField(): boolean;
+    isNumberField(): boolean;
+    onDateFilterValChange(val: unknown): void;
+    onDateFilterVal2Change(val: unknown): void;
+    readonly visibleDistinctValues: _angular_core.Signal<string[]>;
+    isAllSelected(): boolean;
+    isIndeterminate(): boolean;
+    toggleSelectAll(checkedOrEvent: boolean | Event): void;
+    isValSelected(val: string): boolean;
+    toggleVal(val: string, checkedOrEvent: boolean | Event): void;
+    onSearchEnter(): void;
+    applyFilter(): void;
+    applySetFilter(): void;
+    applyConditionFilter(): void;
+    clearFilter(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosGridFilterDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosGridFilterDialogComponent, "talos-grid-filter-dialog", never, { "column": { "alias": "column"; "required": true; "isSignal": true; }; "distinctValues": { "alias": "distinctValues"; "required": false; "isSignal": true; }; "currentFilter": { "alias": "currentFilter"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, { "filterApplied": "filterApplied"; "filterCleared": "filterCleared"; "closed": "closed"; }, never, never, true, never>;
+}
+
+declare class TalosGridCellFormatPipe implements PipeTransform {
+    private readonly fieldPartsCache;
+    transform<T = any>(row: T, col: TalosGridColDef<T>): string;
+    private extractFieldValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosGridCellFormatPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<TalosGridCellFormatPipe, "talosGridCellFormat", true>;
+}
+
+declare class TalosDataGridComponent<T = any> {
+    readonly data: _angular_core.InputSignal<T[]>;
+    readonly columns: _angular_core.InputSignal<TalosGridColDef<T>[]>;
+    readonly density: _angular_core.InputSignal<TalosGridDensity>;
+    readonly filterable: _angular_core.InputSignal<boolean>;
+    readonly pagination: _angular_core.InputSignal<boolean>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
+    readonly pageIndex: _angular_core.InputSignal<number>;
+    readonly totalItems: _angular_core.InputSignal<number | null>;
+    readonly trackBy: _angular_core.InputSignal<((index: number, item: T) => any) | null>;
+    readonly striped: _angular_core.InputSignal<boolean>;
+    readonly bordered: _angular_core.InputSignal<boolean>;
+    readonly hoverable: _angular_core.InputSignal<boolean>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly clientSort: _angular_core.InputSignal<boolean>;
+    readonly clientPagination: _angular_core.InputSignal<boolean>;
+    readonly clientFilter: _angular_core.InputSignal<boolean>;
+    readonly resizable: _angular_core.InputSignal<boolean>;
+    readonly rowKey: _angular_core.InputSignal<string | keyof T | null>;
+    readonly minHeight: _angular_core.InputSignal<string | number | null>;
+    readonly height: _angular_core.InputSignal<string | number | null>;
+    protected readonly normalizedMinHeight: _angular_core.Signal<string | null>;
+    protected readonly normalizedHeight: _angular_core.Signal<string | null>;
+    readonly sortChange: _angular_core.OutputEmitterRef<TalosGridSortState>;
+    readonly filterChange: _angular_core.OutputEmitterRef<TalosGridColumnFilter[]>;
+    readonly pageChange: _angular_core.OutputEmitterRef<TalosGridPaginationState>;
+    readonly rowClick: _angular_core.OutputEmitterRef<{
+        row: T;
+        index: number;
+    }>;
+    readonly actionClick: _angular_core.OutputEmitterRef<TalosGridActionClickEvent<T>>;
+    readonly columnResize: _angular_core.OutputEmitterRef<TalosGridColumnResizeEvent<T>>;
+    protected readonly arrowUpIcon: Type<unknown>;
+    protected readonly arrowDownIcon: Type<unknown>;
+    protected readonly arrowUpDownIcon: Type<unknown>;
+    protected readonly chevronLeftIcon: Type<unknown>;
+    protected readonly chevronRightIcon: Type<unknown>;
+    protected readonly chevronsLeftIcon: Type<unknown>;
+    protected readonly chevronsRightIcon: Type<unknown>;
+    protected readonly xIcon: Type<unknown>;
+    protected readonly inboxIcon: Type<unknown>;
+    protected readonly loaderIcon: Type<unknown>;
+    protected readonly filterIcon: Type<unknown>;
+    readonly internalSortState: _angular_core.WritableSignal<TalosGridSortState>;
+    readonly internalFilterStates: _angular_core.WritableSignal<Map<string, TalosGridColumnFilter>>;
+    readonly internalPageIndex: _angular_core.WritableSignal<number>;
+    readonly internalPageSize: _angular_core.WritableSignal<number>;
+    readonly activeFilterCol: _angular_core.WritableSignal<string | null>;
+    readonly columnWidths: _angular_core.WritableSignal<Record<string, number>>;
+    readonly resizingColumn: _angular_core.WritableSignal<string | null>;
+    readonly isResizing: _angular_core.Signal<boolean>;
+    readonly hasResizableColumns: _angular_core.Signal<boolean>;
+    readonly overlayPositions: ConnectedPosition[];
+    constructor();
+    protected readonly activeFiltersList: _angular_core.Signal<TalosGridColumnFilter[]>;
+    protected readonly hasActiveFilters: _angular_core.Signal<boolean>;
+    readonly activeColumnDistinctValues: _angular_core.Signal<string[]>;
+    readonly filteredData: _angular_core.Signal<T[]>;
+    readonly sortedData: _angular_core.Signal<T[]>;
+    readonly pagedData: _angular_core.Signal<T[]>;
+    readonly totalCount: _angular_core.Signal<number>;
+    readonly totalPages: _angular_core.Signal<number>;
+    readonly startRecord: _angular_core.Signal<number>;
+    readonly endRecord: _angular_core.Signal<number>;
+    get hasRowClickListeners(): boolean;
+    trackByRow(index: number, row: T): any;
+    isSortable(col: TalosGridColDef<T>): boolean;
+    isSorted(col: TalosGridColDef<T>): boolean;
+    getSortDirection(col: TalosGridColDef<T>): TalosGridSortDirection;
+    getAriaSort(col: TalosGridColDef<T>): 'ascending' | 'descending' | 'none' | null;
+    onHeaderClick(col: TalosGridColDef<T>): void;
+    isResizable(col: TalosGridColDef<T>): boolean;
+    isColumnResizing(field: string): boolean;
+    getColumnWidth(col: TalosGridColDef<T>): string | undefined;
+    getColumnMinWidth(col: TalosGridColDef<T>): string | undefined;
+    setColumnWidth(field: string, width: number): void;
+    resetColumnWidths(): void;
+    onResizeStart(col: TalosGridColDef<T>, event: MouseEvent | TouchEvent, thEl: HTMLElement): void;
+    onResizeDoubleClick(col: TalosGridColDef<T>, event: MouseEvent): void;
+    onResizeKeydown(col: TalosGridColDef<T>, event: KeyboardEvent, thEl: HTMLElement): void;
+    isFilterable(col: TalosGridColDef<T>): boolean;
+    isFilterDialogOpen(field: string): boolean;
+    toggleFilterDialog(field: string, event: MouseEvent): void;
+    closeFilterDialog(): void;
+    onOverlayOutsideClick(event: MouseEvent, field: string): void;
+    getDistinctValues(col: TalosGridColDef<T>): string[];
+    getFilter(field: string): TalosGridColumnFilter | undefined;
+    hasFilter(field: string): boolean;
+    onFilterApplied(filter: TalosGridColumnFilter): void;
+    onFilterCleared(field: string): void;
+    clearAllFilters(): void;
+    private matchesFilter;
+    private normalizeDateToYMD;
+    setPage(pageIndex: number): void;
+    onPageSizeChange(newSizeOrEvent: number | Event): void;
+    getCellValue(row: T, col: TalosGridColDef<T>): any;
+    formatCellValue(row: T, col: TalosGridColDef<T>): string;
+    onRowClick(row: T, index: number): void;
+    private readonly fieldPartsCache;
+    private extractFieldValue;
+    private inferSortType;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosDataGridComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosDataGridComponent<any>, "talos-data-grid", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "clientSort": { "alias": "clientSort"; "required": false; "isSignal": true; }; "clientPagination": { "alias": "clientPagination"; "required": false; "isSignal": true; }; "clientFilter": { "alias": "clientFilter"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "filterChange": "filterChange"; "pageChange": "pageChange"; "rowClick": "rowClick"; "actionClick": "actionClick"; "columnResize": "columnResize"; }, never, never, true, never>;
+}
+
+declare class TalosDataGridModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosDataGridModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosDataGridModule, never, [typeof TalosDataGridComponent, typeof TalosGridStatusCellComponent, typeof TalosGridActionsCellComponent, typeof TalosGridFilterDialogComponent, typeof TalosGridCellFormatPipe], [typeof TalosDataGridComponent, typeof TalosGridStatusCellComponent, typeof TalosGridActionsCellComponent, typeof TalosGridFilterDialogComponent, typeof TalosGridCellFormatPipe]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosDataGridModule>;
+}
+
+type TalosTimelineOrientation = 'vertical' | 'horizontal';
+type TalosTimelineAlign = 'left' | 'right' | 'alternate';
+type TalosTimelineMode = 'standard' | 'dense' | 'card';
+type TalosTimelineItemStatus = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'pending' | 'in-progress' | 'completed' | 'cancelled';
+type TalosTimelineDotVariant = 'solid' | 'subtle' | 'outline' | 'dot' | 'icon';
+type TalosTimelineDotSize = 'xs' | 'sm' | 'md' | 'lg';
+type TalosTimelineLineStyle = 'solid' | 'dashed' | 'dotted';
+/**
+ * Actor info for audit log entries
+ */
+interface TalosTimelineActor {
+    name: string;
+    avatar?: string;
+    role?: string;
+    email?: string;
+    ip?: string;
+}
+/**
+ * Property change diff item for audit trail
+ */
+interface TalosTimelineDiff {
+    field: string;
+    previousValue?: unknown;
+    newValue?: unknown;
+    type?: 'added' | 'modified' | 'removed';
+}
+/**
+ * Comprehensive item model for data-driven timelines
+ */
+interface TalosTimelineItem {
+    id?: string | number;
+    title: string;
+    description?: string;
+    timestamp?: string | Date;
+    relativeTime?: string;
+    status?: TalosTimelineItemStatus;
+    dotVariant?: TalosTimelineDotVariant;
+    dotSize?: TalosTimelineDotSize;
+    dotColor?: string;
+    icon?: Type<unknown>;
+    loading?: boolean;
+    active?: boolean;
+    lineStyle?: TalosTimelineLineStyle;
+    actor?: TalosTimelineActor;
+    tags?: string[];
+    diffs?: TalosTimelineDiff[];
+    metadata?: Record<string, unknown>;
+    expanded?: boolean;
+    customTemplate?: TemplateRef<unknown>;
+}
+
+declare class TalosTimelineDotDirective {
+    readonly templateRef: TemplateRef<any> | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineDotDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosTimelineDotDirective, "[talosTimelineDot], ng-template[talosTimelineDot]", never, {}, {}, never, never, true, never>;
+}
+declare class TalosTimelineTitleDirective {
+    readonly templateRef: TemplateRef<any> | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineTitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosTimelineTitleDirective, "[talosTimelineTitle], ng-template[talosTimelineTitle]", never, {}, {}, never, never, true, never>;
+}
+declare class TalosTimelineTimeDirective {
+    readonly templateRef: TemplateRef<any> | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineTimeDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosTimelineTimeDirective, "[talosTimelineTime], ng-template[talosTimelineTime]", never, {}, {}, never, never, true, never>;
+}
+declare class TalosTimelineContentDirective {
+    readonly templateRef: TemplateRef<any> | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosTimelineContentDirective, "[talosTimelineContent], ng-template[talosTimelineContent]", never, {}, {}, never, never, true, never>;
+}
+declare class TalosTimelineExtraDirective {
+    readonly templateRef: TemplateRef<any> | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineExtraDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TalosTimelineExtraDirective, "[talosTimelineExtra], ng-template[talosTimelineExtra]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TalosTimelineComponent {
+    readonly orientation: _angular_core.InputSignal<TalosTimelineOrientation>;
+    readonly align: _angular_core.InputSignal<TalosTimelineAlign>;
+    readonly mode: _angular_core.InputSignal<TalosTimelineMode>;
+    readonly reverse: _angular_core.InputSignal<boolean>;
+    readonly lineStyle: _angular_core.InputSignal<TalosTimelineLineStyle>;
+    readonly items: _angular_core.InputSignal<TalosTimelineItem[] | null>;
+    readonly itemClick: _angular_core.OutputEmitterRef<TalosTimelineItem>;
+    protected readonly processedItems: _angular_core.Signal<TalosTimelineItem[]>;
+    protected getItemPosition(index: number): 'left' | 'right';
+    protected onDataDrivenItemClick(item: TalosTimelineItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosTimelineComponent, "talos-timeline, [talosTimeline]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "lineStyle": { "alias": "lineStyle"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
+}
+
+declare class TalosTimelineItemComponent {
+    readonly status: _angular_core.InputSignal<TalosTimelineItemStatus>;
+    readonly dotVariant: _angular_core.InputSignal<TalosTimelineDotVariant>;
+    readonly dotSize: _angular_core.InputSignal<TalosTimelineDotSize>;
+    readonly dotColor: _angular_core.InputSignal<string | null>;
+    readonly icon: _angular_core.InputSignal<Type<unknown> | null>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly active: _angular_core.InputSignal<boolean>;
+    readonly lineStyle: _angular_core.InputSignal<TalosTimelineLineStyle>;
+    readonly timestamp: _angular_core.InputSignal<string | Date | null>;
+    readonly relativeTime: _angular_core.InputSignal<string | null>;
+    readonly title: _angular_core.InputSignal<string | null>;
+    readonly description: _angular_core.InputSignal<string | null>;
+    readonly actor: _angular_core.InputSignal<TalosTimelineActor | null>;
+    readonly tags: _angular_core.InputSignal<string[] | null>;
+    readonly diffs: _angular_core.InputSignal<TalosTimelineDiff[] | null>;
+    readonly metadata: _angular_core.InputSignal<Record<string, unknown> | null>;
+    readonly expandable: _angular_core.InputSignal<boolean>;
+    readonly expanded: _angular_core.InputSignal<boolean>;
+    readonly position: _angular_core.InputSignal<"left" | "right">;
+    readonly isLast: _angular_core.InputSignal<boolean>;
+    readonly itemClick: _angular_core.OutputEmitterRef<void>;
+    readonly toggleExpand: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly customDot?: TalosTimelineDotDirective;
+    protected readonly customTitle?: TalosTimelineTitleDirective;
+    protected readonly customTime?: TalosTimelineTimeDirective;
+    protected readonly customContent?: TalosTimelineContentDirective;
+    protected readonly customExtra?: TalosTimelineExtraDirective;
+    protected readonly isExpanded: _angular_core.WritableSignal<boolean>;
+    protected readonly hasExpandableDetails: _angular_core.Signal<boolean | null>;
+    protected readonly effectiveIcon: _angular_core.Signal<Type<unknown> | null>;
+    protected isStatus(expected: string): boolean;
+    protected toggleAccordion(): void;
+    protected onItemClicked(): void;
+    protected isDateObject(val: unknown): val is Date;
+    protected formatJsonValue(val: unknown): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosTimelineItemComponent, "talos-timeline-item, [talosTimelineItem]", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "dotVariant": { "alias": "dotVariant"; "required": false; "isSignal": true; }; "dotSize": { "alias": "dotSize"; "required": false; "isSignal": true; }; "dotColor": { "alias": "dotColor"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "lineStyle": { "alias": "lineStyle"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "relativeTime": { "alias": "relativeTime"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "actor": { "alias": "actor"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "diffs": { "alias": "diffs"; "required": false; "isSignal": true; }; "metadata": { "alias": "metadata"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "isLast": { "alias": "isLast"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "toggleExpand": "toggleExpand"; }, ["customDot", "customTitle", "customTime", "customContent", "customExtra"], ["*"], true, never>;
+}
+
+declare class TalosTimelineModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTimelineModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosTimelineModule, never, [typeof TalosTimelineComponent, typeof TalosTimelineItemComponent, typeof TalosTimelineDotDirective, typeof TalosTimelineTitleDirective, typeof TalosTimelineTimeDirective, typeof TalosTimelineContentDirective, typeof TalosTimelineExtraDirective], [typeof TalosTimelineComponent, typeof TalosTimelineItemComponent, typeof TalosTimelineDotDirective, typeof TalosTimelineTitleDirective, typeof TalosTimelineTimeDirective, typeof TalosTimelineContentDirective, typeof TalosTimelineExtraDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosTimelineModule>;
+}
+
+/**
+ * Types and interfaces for TalosTrendIndicatorComponent
+ */
+type TrendDirection = 'up' | 'down' | 'flat' | 'auto';
+type TrendPolarity = 'normal' | 'inverse' | 'neutral';
+type TrendVariant = 'badge' | 'subtle' | 'text' | 'bordered' | 'solid';
+type TrendSize = 'xs' | 'sm' | 'md' | 'lg';
+type TrendLayout = 'horizontal' | 'vertical';
+type TrendIconType = 'arrow-diagonal' | 'arrow-vertical' | 'chevron' | 'triangle';
+type TrendStatus = 'auto' | 'positive' | 'negative' | 'neutral';
+type TrendFormat = 'percentage' | 'currency' | 'number' | 'points' | 'custom';
+interface TrendCalculationResult {
+    delta: number;
+    deltaPercentage: number;
+    direction: 'up' | 'down' | 'flat';
+    status: 'positive' | 'negative' | 'neutral';
+    formattedText: string;
+}
+
+declare class TalosTrendIndicatorComponent {
+    /** Explicit value to display (e.g. 14.2, -5.3, "+12%") */
+    readonly value: _angular_core.InputSignal<string | number | null>;
+    /** Current value for automatic delta calculation */
+    readonly current: _angular_core.InputSignal<number | null>;
+    /** Previous value for automatic delta calculation */
+    readonly previous: _angular_core.InputSignal<number | null>;
+    /** Explicit direction override or 'auto' */
+    readonly direction: _angular_core.InputSignal<TrendDirection>;
+    /** Explicit status override or 'auto' */
+    readonly status: _angular_core.InputSignal<TrendStatus>;
+    /** Polarity: normal (+ is good), inverse (+ is bad), neutral */
+    readonly polarity: _angular_core.InputSignal<TrendPolarity>;
+    /** Visual variant */
+    readonly variant: _angular_core.InputSignal<TrendVariant>;
+    /** Layout orientation: horizontal or vertical */
+    readonly layout: _angular_core.InputSignal<TrendLayout>;
+    /** Icon shape / style */
+    readonly iconType: _angular_core.InputSignal<TrendIconType>;
+    /** Size preset */
+    readonly size: _angular_core.InputSignal<TrendSize>;
+    /** Value formatting mode */
+    readonly format: _angular_core.InputSignal<TrendFormat>;
+    /** Prefix string before number */
+    readonly prefix: _angular_core.InputSignal<string>;
+    /** Suffix string after number (e.g. '%', 'pts') */
+    readonly suffix: _angular_core.InputSignal<string>;
+    /** Number of decimal places */
+    readonly decimals: _angular_core.InputSignal<number>;
+    /** Whether to show '+' / '-' sign */
+    readonly showSign: _angular_core.InputSignal<boolean>;
+    /** Whether to show arrow icon */
+    readonly showIcon: _angular_core.InputSignal<boolean>;
+    /** Show only the icon without text */
+    readonly iconOnly: _angular_core.InputSignal<boolean>;
+    /** Secondary comparison label (e.g. 'vs last month') */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Currency symbol when format is 'currency' */
+    readonly currencySymbol: _angular_core.InputSignal<string>;
+    /** Custom formatter function */
+    readonly valueFormatter: _angular_core.InputSignal<((calc: TrendCalculationResult) => string) | null>;
+    /** Accessible label */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    /** Calculation result */
+    readonly calculation: _angular_core.Signal<TrendCalculationResult>;
+    readonly computedStatus: _angular_core.Signal<"neutral" | "positive" | "negative">;
+    readonly computedDirection: _angular_core.Signal<"flat" | "up" | "down">;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly computedAriaLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTrendIndicatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TalosTrendIndicatorComponent, "talos-trend-indicator", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "previous": { "alias": "previous"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "polarity": { "alias": "polarity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "iconType": { "alias": "iconType"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "showSign": { "alias": "showSign"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; "isSignal": true; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TalosTrendIndicatorModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TalosTrendIndicatorModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TalosTrendIndicatorModule, never, [typeof TalosTrendIndicatorComponent], [typeof TalosTrendIndicatorComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TalosTrendIndicatorModule>;
+}
+
+export { TALOS_STATUS_DESCRIPTORS, TalosBadgeDirective, TalosBadgeModule, TalosBreadcrumbComponent, TalosBreadcrumbItemComponent, TalosBreadcrumbItemDefDirective, TalosBreadcrumbModule, TalosBreadcrumbSeparatorDirective, TalosDataGridComponent, TalosDataGridModule, TalosGridActionsCellComponent, TalosGridCellFormatPipe, TalosGridFilterDialogComponent, TalosGridStatusCellComponent, TalosStatusTagComponent, TalosStatusTagModule, TalosTimelineComponent, TalosTimelineContentDirective, TalosTimelineDotDirective, TalosTimelineExtraDirective, TalosTimelineItemComponent, TalosTimelineModule, TalosTimelineTimeDirective, TalosTimelineTitleDirective, TalosTrendIndicatorComponent, TalosTrendIndicatorModule, formatBadgeContent, normalizeWorkflowStatus };
+export type { ProcessedBreadcrumbNode, TalosBadgePosition, TalosBadgeShape, TalosBadgeSize, TalosBadgeVariant, TalosBreadcrumbItem, TalosBreadcrumbItemClickEvent, TalosBreadcrumbItemContext, TalosBreadcrumbSeparatorType, TalosBreadcrumbSize, TalosBreadcrumbVariant, TalosCanonicalWorkflowStatus, TalosGridActionClickEvent, TalosGridActionDef, TalosGridColDef, TalosGridColType, TalosGridColumnFilter, TalosGridColumnResizeEvent, TalosGridDensity, TalosGridFilterMode, TalosGridOperator, TalosGridPaginationState, TalosGridSortDirection, TalosGridSortState, TalosGridSortType, TalosGridStatusConfig, TalosStatusDescriptor, TalosStatusTagShape, TalosStatusTagSize, TalosStatusTagVariant, TalosTimelineActor, TalosTimelineAlign, TalosTimelineDiff, TalosTimelineDotSize, TalosTimelineDotVariant, TalosTimelineItem, TalosTimelineItemStatus, TalosTimelineLineStyle, TalosTimelineMode, TalosTimelineOrientation, TalosWorkflowStatus, TrendCalculationResult, TrendDirection, TrendFormat, TrendIconType, TrendLayout, TrendPolarity, TrendSize, TrendStatus, TrendVariant };
+//# sourceMappingURL=weeehaoooz-talos-ui-data-display.d.ts.map