Configuration

    
{
  controllerConfig: TourControllerConfig,  // Configuration for the tour controller
  tourConfig: PopoverBuilderConfig         // Configuration for the popovers
}
  

    
{
  steps: stepComponent[]  // Array of step configurations
}
  

    
{
  target: string,            // CSS selector for the target element
  title: string,             // Title of the step
  content: string,           // Content/description for the step
  placement?: string,        // Optional: Popover placement ('top', 'bottom', 'left', 'right')
  showArrow?: boolean,       // Optional: Whether to show an arrow pointing to the target
  showButtons?: boolean,     // Optional: Whether to show navigation buttons
  onNext?: () => void,       // Optional: Callback function when moving to next step
  onPrevious?: () => void,   // Optional: Callback function when moving to previous step
  onComplete?: () => void    // Optional: Callback function when completing the tour
}
  

    
{
  overlayConfig: OverlayBuilderConfig; // Configuration for the overlay
  progressBar: boolean;                // Show progress bar
  progressBarSteps: number;            // Number of steps in the progress bar
  nextBtnText: string;                 // Text for the next button
  prevBtnText: string;                 // Text for the previous button
  position: TPopoverPosition;          // Position of the popover
  offsetX: number;                     // Horizontal offset for the popover
  offsetY: number;                     // Vertical offset for the popover
  isArrowVisible: boolean;             // Show arrow on the popover
  isCloseBtnVisible: boolean;          // Show close button on the popover
}
  

    
{
  fontFamily: string;
  fontSize: string;
  textColor: string;
  popoverBgColor: string;
  popoverPadding: string;
  popoverBorderRadius: string;
  popoverBoxShadow: string;
  popoverBtnPadding: string;
  overlayColor: string;
  overlayOpacity: number;
  overlayRadius: string;
  overlayPadding: string;
  overlayStrokeWidth: number;
  ovelayStrokeColor: string;
  primaryBtnBgColor: string;
  primaryBtnColor: string;
  secondaryBtnColor: string;
  secondaryBtnBgColor: string;
  baseZIndex: number;
  overlayZIndex: number;
  arrowColor: string;
}