active classname

usablica · Jun 15, 2024 · 8fed9d4 · 8fed9d4
1 parent 92d6da0
commit 8fed9d4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/packages/tour/classNames.ts b/src/packages/tour/classNames.ts
@@ -19,3 +19,4 @@ export const dontShowAgainClassName = "introjs-dontShowAgain";
 export const hiddenButtonClassName = "introjs-hidden";
 export const disabledButtonClassName = "introjs-disabled";
 export const fullButtonClassName = "introjs-fullbutton";
+export const activeClassName = "active";
diff --git a/src/packages/tour/showElement.ts b/src/packages/tour/showElement.ts
@@ -12,6 +12,7 @@ import createElement from "../../util/createElement";
 import setStyle from "../../util/setStyle";
 import appendChild from "../../util/appendChild";
 import {
+  activeClassName,
   arrowClassName,
   bulletsClassName,
   disabledButtonClassName,
@@ -110,7 +111,7 @@ function _createBullets(tour: Tour, step: TourStep): HTMLElement {
     anchorLink.onclick = anchorClick;
 
     if (i === step.step - 1) {
-      addClass(anchorLink, "active");
+      addClass(anchorLink, activeClassName);
     }
 
     setAnchorAsButton(anchorLink);
@@ -150,7 +151,7 @@ function _updateBullets(
 ) {
   if (showBullets) {
     const oldRefActiveBullet = queryElement(
-      `.${bulletsClassName} li > a.active`,
+      `.${bulletsClassName} li > a.${activeClassName}`,
       oldReferenceLayer
     );
 
@@ -161,7 +162,7 @@ function _updateBullets(
 
     if (oldRefActiveBullet && oldRefBulletStepNumber) {
       oldRefActiveBullet.className = "";
-      addClass(oldRefBulletStepNumber, "active");
+      addClass(oldRefBulletStepNumber, activeClassName);
     }
   }
 }