Add animation duration

Author: vitpankin

docs/src/content/guides/configuration.mdx

@@ -22,6 +22,8 @@ type Config = {
 
   // Whether to animate the product tour. (default: true)
   animate?: boolean;
+  // Animation duration in milliseconds. (default: 400ms)
+  duration?: number;
   // Overlay color. (default: black)
   // This is useful when you have a dark background
   // and want to highlight elements with a light

src/config.ts

@@ -12,6 +12,7 @@ export type Config = {
   steps?: DriveStep[];
 
   animate?: boolean;
+  duration?: number;
   overlayColor?: string;
   overlayOpacity?: number;
   smoothScroll?: boolean;

src/highlight.ts

@@ -57,7 +57,7 @@ export function refreshActiveHighlight() {
 }
 
 function transferHighlight(toElement: Element, toStep: DriveStep) {
-  const duration = 400;
+  const duration = getConfig("duration") || 400;
   const start = Date.now();
 
   const fromStep = getState("__activeStep");