@memberjunction/ng-timeline 2.122.1 → 2.123.0

package/dist/lib/types.d.ts

@@ -0,0 +1,491 @@
+/**
+ * @fileoverview Core type definitions for the MJ Timeline component.
+ *
+ * This module defines all interfaces, types, and classes used by the timeline.
+ * The types are designed to work with both MemberJunction BaseEntity objects
+ * and plain JavaScript objects, making the component usable in any Angular application.
+ *
+ * @module @memberjunction/ng-timeline/types
+ */
+/**
+ * Orientation options for the timeline display.
+ * - `vertical`: Events displayed top-to-bottom (default)
+ * - `horizontal`: Events displayed left-to-right with horizontal scrolling
+ */
+export type TimelineOrientation = 'vertical' | 'horizontal';
+/**
+ * Layout options for vertical timeline.
+ * - `single`: All events on one side of the axis
+ * - `alternating`: Events alternate between left and right sides
+ */
+export type TimelineLayout = 'single' | 'alternating';
+/**
+ * Sort order for timeline events.
+ * - `asc`: Oldest events first (ascending by date)
+ * - `desc`: Newest events first (descending by date)
+ */
+export type TimelineSortOrder = 'asc' | 'desc';
+/**
+ * Grouping options for time segments.
+ * - `none`: No grouping, flat list of events
+ * - `day`: Group by day
+ * - `week`: Group by week
+ * - `month`: Group by month (default)
+ * - `quarter`: Group by quarter
+ * - `year`: Group by year
+ */
+export type TimeSegmentGrouping = 'none' | 'day' | 'week' | 'month' | 'quarter' | 'year';
+/**
+ * Button style variants for action buttons.
+ */
+export type ActionVariant = 'primary' | 'secondary' | 'danger' | 'link';
+/**
+ * Image position options within a card.
+ */
+export type ImagePosition = 'left' | 'top' | 'none';
+/**
+ * Image size presets.
+ */
+export type ImageSize = 'small' | 'medium' | 'large';
+/**
+ * Configuration for displaying a field within a timeline card.
+ * Used for both summary fields (always visible) and expanded fields (visible when expanded).
+ *
+ * @example
+ * ```typescript
+ * const field: TimelineDisplayField = {
+ *   fieldName: 'AssignedTo',
+ *   label: 'Assignee',
+ *   icon: 'fa-solid fa-user',
+ *   formatter: (value) => value?.toString().toUpperCase() ?? 'Unassigned'
+ * };
+ * ```
+ */
+export interface TimelineDisplayField {
+    /**
+     * The field name to extract from the record.
+     * For BaseEntity objects, this is passed to `.Get()`.
+     * For plain objects, this is used as a property key.
+     */
+    fieldName: string;
+    /**
+     * Display label shown before the value.
+     * If not provided, defaults to the fieldName.
+     */
+    label?: string;
+    /**
+     * Font Awesome icon class to display before the label.
+     * @example 'fa-solid fa-user'
+     */
+    icon?: string;
+    /**
+     * Format string for dates/numbers.
+     * For dates, uses Angular DatePipe format strings.
+     * For numbers, uses Angular DecimalPipe format strings.
+     */
+    format?: string;
+    /**
+     * Custom formatter function for complex value transformations.
+     * Takes precedence over the `format` property.
+     *
+     * @param value - The raw field value
+     * @returns Formatted string to display
+     */
+    formatter?: (value: unknown) => string;
+    /**
+     * If true, only shows the value without the label.
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * Additional CSS class(es) to apply to this field's container.
+     */
+    cssClass?: string;
+}
+/**
+ * Configuration for an action button displayed on a timeline card.
+ *
+ * @example
+ * ```typescript
+ * const viewAction: TimelineAction = {
+ *   id: 'view',
+ *   label: 'View Details',
+ *   icon: 'fa-solid fa-eye',
+ *   variant: 'primary',
+ *   tooltip: 'Open the full details view'
+ * };
+ * ```
+ */
+export interface TimelineAction {
+    /**
+     * Unique identifier for this action.
+     * Used in event handlers to identify which action was clicked.
+     */
+    id: string;
+    /**
+     * Display text for the button.
+     */
+    label: string;
+    /**
+     * Font Awesome icon class to display in the button.
+     * @example 'fa-solid fa-edit'
+     */
+    icon?: string;
+    /**
+     * Visual style variant for the button.
+     * - `primary`: Prominent action (filled/solid)
+     * - `secondary`: Standard action (outlined)
+     * - `danger`: Destructive action (red)
+     * - `link`: Text-only button
+     * @default 'secondary'
+     */
+    variant?: ActionVariant;
+    /**
+     * Tooltip text shown on hover.
+     */
+    tooltip?: string;
+    /**
+     * Whether the action is disabled.
+     * Disabled actions are visually muted and not clickable.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS class(es) to apply to the button.
+     */
+    cssClass?: string;
+}
+/**
+ * Configuration for how timeline cards are displayed.
+ * Can be set at the group level (applies to all events in group) or
+ * overridden per-event via `EventConfigFunction`.
+ *
+ * @example
+ * ```typescript
+ * const cardConfig: TimelineCardConfig = {
+ *   showIcon: true,
+ *   showDate: true,
+ *   dateFormat: 'MMM d, yyyy h:mm a',
+ *   collapsible: true,
+ *   defaultExpanded: false,
+ *   descriptionMaxLines: 3,
+ *   summaryFields: [
+ *     { fieldName: 'Status', icon: 'fa-solid fa-circle' },
+ *     { fieldName: 'Priority', icon: 'fa-solid fa-flag' }
+ *   ],
+ *   actions: [
+ *     { id: 'view', label: 'View', variant: 'primary' },
+ *     { id: 'edit', label: 'Edit', variant: 'secondary' }
+ *   ]
+ * };
+ * ```
+ */
+export interface TimelineCardConfig {
+    /**
+     * Whether to show the icon in the card header.
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * Whether to show the date in the card header.
+     * @default true
+     */
+    showDate?: boolean;
+    /**
+     * Whether to show the subtitle below the title.
+     * @default true
+     */
+    showSubtitle?: boolean;
+    /**
+     * Date format string (Angular DatePipe format).
+     * @default 'MMM d, yyyy'
+     * @example 'short', 'medium', 'MMM d, yyyy h:mm a'
+     */
+    dateFormat?: string;
+    /**
+     * Field name containing the image URL.
+     * If not set, no image is displayed.
+     */
+    imageField?: string;
+    /**
+     * Position of the image within the card.
+     * - `left`: Image on the left side of the header
+     * - `top`: Image above the content (full width)
+     * - `none`: No image displayed
+     * @default 'left'
+     */
+    imagePosition?: ImagePosition;
+    /**
+     * Size preset for the image.
+     * - `small`: 48x48px
+     * - `medium`: 80x80px
+     * - `large`: 120x120px
+     * @default 'small'
+     */
+    imageSize?: ImageSize;
+    /**
+     * Field name for the description/body text.
+     * If not set, uses the group's DescriptionFieldName.
+     */
+    descriptionField?: string;
+    /**
+     * Maximum number of lines to show before truncating.
+     * Set to 0 for no limit.
+     * @default 3
+     */
+    descriptionMaxLines?: number;
+    /**
+     * Whether to render HTML in the description.
+     * WARNING: Only enable if content is trusted to prevent XSS.
+     * @default false
+     */
+    allowHtmlDescription?: boolean;
+    /**
+     * Whether this card can be expanded/collapsed.
+     * @default true
+     */
+    collapsible?: boolean;
+    /**
+     * Whether the card starts in expanded state.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Fields to display only when the card is expanded.
+     * These appear in the detail section below the description.
+     */
+    expandedFields?: TimelineDisplayField[];
+    /**
+     * Fields to always display (even when collapsed).
+     * These appear as compact field:value pairs.
+     */
+    summaryFields?: TimelineDisplayField[];
+    /**
+     * Action buttons to display at the bottom of the card.
+     */
+    actions?: TimelineAction[];
+    /**
+     * If true, actions are only visible on hover/focus.
+     * @default false
+     */
+    actionsOnHover?: boolean;
+    /**
+     * Additional CSS class(es) to apply to the card container.
+     */
+    cssClass?: string;
+    /**
+     * Minimum width for the card.
+     * @example '200px', '15rem'
+     */
+    minWidth?: string;
+    /**
+     * Maximum width for the card.
+     * @default '400px'
+     */
+    maxWidth?: string;
+}
+/**
+ * Per-event display configuration returned by `EventConfigFunction`.
+ * Allows customizing individual events within a group.
+ *
+ * @example
+ * ```typescript
+ * group.EventConfigFunction = (record) => ({
+ *   icon: record.Priority === 'High' ? 'fa-solid fa-exclamation' : undefined,
+ *   color: record.Status === 'Overdue' ? '#f44336' : undefined,
+ *   cssClass: record.IsImportant ? 'important-event' : ''
+ * });
+ * ```
+ */
+export interface TimelineEventConfig {
+    /**
+     * Override the icon for this specific event.
+     * Font Awesome class string.
+     */
+    icon?: string;
+    /**
+     * Override the marker/accent color for this event.
+     * Any valid CSS color value.
+     */
+    color?: string;
+    /**
+     * Additional CSS class(es) for this event's card.
+     */
+    cssClass?: string;
+    /**
+     * Override the actions for this specific event.
+     */
+    actions?: TimelineAction[];
+    /**
+     * Override whether this specific event is collapsible.
+     */
+    collapsible?: boolean;
+    /**
+     * Override whether this specific event starts expanded.
+     */
+    defaultExpanded?: boolean;
+}
+/**
+ * Configuration for virtual scrolling behavior.
+ *
+ * @example
+ * ```typescript
+ * const scrollConfig: VirtualScrollConfig = {
+ *   enabled: true,
+ *   batchSize: 25,
+ *   loadThreshold: 300,
+ *   showLoadingIndicator: true,
+ *   loadingMessage: 'Loading more events...'
+ * };
+ * ```
+ */
+export interface VirtualScrollConfig {
+    /**
+     * Whether virtual scrolling is enabled.
+     * When disabled, all events load at once.
+     * @default true
+     */
+    enabled: boolean;
+    /**
+     * Number of events to load per batch.
+     * @default 20
+     */
+    batchSize: number;
+    /**
+     * Distance from bottom (in pixels) at which to trigger loading more.
+     * @default 200
+     */
+    loadThreshold: number;
+    /**
+     * Whether to show a loading indicator while fetching.
+     * @default true
+     */
+    showLoadingIndicator: boolean;
+    /**
+     * Custom message to display while loading.
+     * @default 'Loading more events...'
+     */
+    loadingMessage?: string;
+}
+/**
+ * Runtime state for virtual scrolling.
+ * Exposed as a public property on the component for monitoring.
+ */
+export interface VirtualScrollState {
+    /**
+     * Total number of events available (if known).
+     * May be undefined if total is unknown.
+     */
+    totalCount?: number;
+    /**
+     * Number of events currently loaded and displayed.
+     */
+    loadedCount: number;
+    /**
+     * Whether more events are available to load.
+     */
+    hasMore: boolean;
+    /**
+     * Whether a load operation is currently in progress.
+     */
+    isLoading: boolean;
+    /**
+     * Current scroll position offset.
+     */
+    scrollOffset: number;
+}
+/**
+ * Internal representation of a timeline event.
+ * Created by mapping source records to this structure.
+ *
+ * @typeParam T - The type of the source record (defaults to `any`)
+ */
+export interface MJTimelineEvent<T = any> {
+    /**
+     * Unique identifier for this event.
+     * Extracted from the source record using IdFieldName.
+     */
+    id: string;
+    /**
+     * Reference to the original source record.
+     * Can be a BaseEntity or plain object.
+     */
+    entity: T;
+    /**
+     * Event title extracted from TitleFieldName.
+     */
+    title: string;
+    /**
+     * Event date extracted from DateFieldName.
+     */
+    date: Date;
+    /**
+     * Optional subtitle extracted from SubtitleFieldName.
+     */
+    subtitle?: string;
+    /**
+     * Event description/body text.
+     */
+    description?: string;
+    /**
+     * Image URL if configured.
+     */
+    imageUrl?: string;
+    /**
+     * Display configuration for this event.
+     * Merged from group defaults and per-event overrides.
+     */
+    config: TimelineEventConfig;
+    /**
+     * Index of the parent group in the groups array.
+     */
+    groupIndex: number;
+    /**
+     * Current expansion state.
+     */
+    isExpanded: boolean;
+}
+/**
+ * Represents a collapsible time segment (e.g., "December 2025").
+ * Contains a collection of events within the time period.
+ */
+export interface TimelineSegment {
+    /**
+     * Human-readable label for the segment.
+     * @example "December 2025", "Week of Nov 25", "Q4 2025"
+     */
+    label: string;
+    /**
+     * Start date of this segment (inclusive).
+     */
+    startDate: Date;
+    /**
+     * End date of this segment (exclusive).
+     */
+    endDate: Date;
+    /**
+     * Events within this time segment.
+     */
+    events: MJTimelineEvent[];
+    /**
+     * Current expansion state of the segment.
+     */
+    isExpanded: boolean;
+    /**
+     * Total count of events (for display when collapsed).
+     */
+    eventCount: number;
+}
+/**
+ * Default card configuration applied when not overridden.
+ */
+export declare const DEFAULT_CARD_CONFIG: TimelineCardConfig;
+/**
+ * Default virtual scroll configuration.
+ */
+export declare const DEFAULT_VIRTUAL_SCROLL_CONFIG: VirtualScrollConfig;
+/**
+ * Default virtual scroll state.
+ */
+export declare const DEFAULT_VIRTUAL_SCROLL_STATE: VirtualScrollState;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/types.js

@@ -0,0 +1,49 @@
+/**
+ * @fileoverview Core type definitions for the MJ Timeline component.
+ *
+ * This module defines all interfaces, types, and classes used by the timeline.
+ * The types are designed to work with both MemberJunction BaseEntity objects
+ * and plain JavaScript objects, making the component usable in any Angular application.
+ *
+ * @module @memberjunction/ng-timeline/types
+ */
+// ============================================================================
+// DEFAULT CONFIGURATIONS
+// ============================================================================
+/**
+ * Default card configuration applied when not overridden.
+ */
+export const DEFAULT_CARD_CONFIG = {
+    showIcon: true,
+    showDate: true,
+    showSubtitle: true,
+    dateFormat: 'MMM d, yyyy',
+    imagePosition: 'left',
+    imageSize: 'small',
+    descriptionMaxLines: 3,
+    allowHtmlDescription: false,
+    collapsible: true,
+    defaultExpanded: false,
+    actionsOnHover: false,
+    maxWidth: '400px'
+};
+/**
+ * Default virtual scroll configuration.
+ */
+export const DEFAULT_VIRTUAL_SCROLL_CONFIG = {
+    enabled: true,
+    batchSize: 20,
+    loadThreshold: 200,
+    showLoadingIndicator: true,
+    loadingMessage: 'Loading more events...'
+};
+/**
+ * Default virtual scroll state.
+ */
+export const DEFAULT_VIRTUAL_SCROLL_STATE = {
+    loadedCount: 0,
+    hasMore: false,
+    isLoading: false,
+    scrollOffset: 0
+};
+//# sourceMappingURL=types.js.map

package/dist/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA2kBH,+EAA+E;AAC/E,yBAAyB;AACzB,+EAA+E;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAuB;IACrD,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;IACd,YAAY,EAAE,IAAI;IAClB,UAAU,EAAE,aAAa;IACzB,aAAa,EAAE,MAAM;IACrB,SAAS,EAAE,OAAO;IAClB,mBAAmB,EAAE,CAAC;IACtB,oBAAoB,EAAE,KAAK;IAC3B,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,KAAK;IACtB,cAAc,EAAE,KAAK;IACrB,QAAQ,EAAE,OAAO;CAClB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAwB;IAChE,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,GAAG;IAClB,oBAAoB,EAAE,IAAI;IAC1B,cAAc,EAAE,wBAAwB;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAuB;IAC9D,WAAW,EAAE,CAAC;IACd,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE,CAAC;CAChB,CAAC"}

package/dist/public-api.d.ts

@@ -1,3 +1,15 @@
+/**
+ * @fileoverview Public API surface for @memberjunction/ng-timeline
+ *
+ * This module exports all public types, classes, and components for the
+ * MJ Timeline component. The component works with both MemberJunction
+ * BaseEntity objects and plain JavaScript objects.
+ *
+ * @packageDocumentation
+ */
+export * from './lib/types';
+export * from './lib/events';
+export * from './lib/timeline-group';
 export * from './lib/component/timeline.component';
 export * from './lib/module';
 //# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAIA,cAAc,oCAAoC,CAAC;AACnD,cAAc,cAAc,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,cAAc,aAAa,CAAC;AAG5B,cAAc,cAAc,CAAC;AAG7B,cAAc,sBAAsB,CAAC;AAGrC,cAAc,oCAAoC,CAAC;AACnD,cAAc,cAAc,CAAC"}

package/dist/public-api.js

@@ -1,6 +1,19 @@
-/*
- * Public API Surface
+/**
+ * @fileoverview Public API surface for @memberjunction/ng-timeline
+ *
+ * This module exports all public types, classes, and components for the
+ * MJ Timeline component. The component works with both MemberJunction
+ * BaseEntity objects and plain JavaScript objects.
+ *
+ * @packageDocumentation
  */
+// Core types and interfaces
+export * from './lib/types';
+// Event interfaces (BeforeX/AfterX pattern)
+export * from './lib/events';
+// TimelineGroup class
+export * from './lib/timeline-group';
+// Component and Module
 export * from './lib/component/timeline.component';
 export * from './lib/module';
 //# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,oCAAoC,CAAC;AACnD,cAAc,cAAc,CAAC"}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,4BAA4B;AAC5B,cAAc,aAAa,CAAC;AAE5B,4CAA4C;AAC5C,cAAc,cAAc,CAAC;AAE7B,sBAAsB;AACtB,cAAc,sBAAsB,CAAC;AAErC,uBAAuB;AACvB,cAAc,oCAAoC,CAAC;AACnD,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@memberjunction/ng-timeline",
-  "version": "2.122.1",
-  "description": "MemberJunction: Timeline Display UI component",
+  "version": "2.123.0",
+  "description": "MemberJunction: Responsive timeline component for Angular. Works with MemberJunction entities or plain JavaScript objects. No external dependencies.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
   "files": [
@@ -11,8 +11,15 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "ngc"
   },
-  "keywords": [],
-  "author": "",
+  "keywords": [
+    "angular",
+    "timeline",
+    "memberjunction",
+    "component",
+    "responsive",
+    "chronological"
+  ],
+  "author": "MemberJunction",
   "license": "ISC",
   "devDependencies": {
     "@angular/compiler": "18.0.2",
@@ -20,21 +27,16 @@
   },
   "peerDependencies": {
     "@angular/common": "18.0.2",
-    "@angular/core": "18.0.2",
-    "@angular/forms": "18.0.2",
-    "@angular/router": "18.0.2"
+    "@angular/core": "18.0.2"
+  },
+  "peerDependenciesMeta": {
+    "@memberjunction/core": {
+      "optional": true
+    }
   },
   "dependencies": {
-    "@memberjunction/core-entities": "2.122.1",
-    "@memberjunction/global": "2.122.1",
-    "@memberjunction/core": "2.122.1",
-    "@memberjunction/ng-container-directives": "2.122.1",
-    "@memberjunction/ng-entity-form-dialog": "2.122.1",
-    "@memberjunction/ng-shared": "2.122.1",
-    "@progress/kendo-angular-buttons": "16.2.0",
-    "@progress/kendo-angular-layout": "16.2.0",
-    "@progress/kendo-angular-indicators": "16.2.0",
-    "@progress/kendo-angular-scheduler": "16.2.0",
+    "@memberjunction/core": "2.123.0",
+    "rxjs": "~7.8.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,