2024-05-08 11:40:44 +00:00
|
|
|
/**
|
|
|
|
*
|
|
|
|
* Timeline visualizes a series of chained events.
|
|
|
|
*
|
|
|
|
* [Live Demo](https://primevue.org/timeline)
|
|
|
|
*
|
|
|
|
* @module timelinestyle
|
|
|
|
*
|
|
|
|
*/
|
2023-10-02 13:15:41 +00:00
|
|
|
import { BaseStyle } from '../../base/style';
|
|
|
|
|
2024-05-08 11:40:44 +00:00
|
|
|
export enum TimelineClasses {
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the root element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
root = 'p-timeline',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the event element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
event = 'p-timeline-event',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the event opposite element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
eventOpposite = 'p-timeline-event-opposite',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the event separator element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
eventSeparator = 'p-timeline-event-separator',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the event marker element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
eventMarker = 'p-timeline-event-marker',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the event connector element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
eventConnector = 'p-timeline-event-connector',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the event content element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
eventContent = 'p-timeline-event-content'
|
|
|
|
}
|
|
|
|
|
2023-10-02 13:15:41 +00:00
|
|
|
export interface TimelineStyle extends BaseStyle {}
|