Add onClose hook

index.html

@@ -419,6 +419,9 @@ npm install driver.js</pre
       document.getElementById("without-element-btn").addEventListener("click", () => {
         const driverObj = driver({
           animate: true,
+          onClose: (element, step) => {
+            console.log("Close modal", element, step);
+          },
           onDeselected: (element, step) => {
             console.log("Deselected element", element, step);
           },

src/config.ts

@@ -15,6 +15,8 @@ export type Config = {
   onHighlighted?: (element: Element | undefined, step: DriveStep) => void;
 
   onDeselected?: (element: Element | undefined, step: DriveStep) => void;
+
+  onClose?: (element: Element | undefined, step: DriveStep) => void;
 };
 
 let currentConfig: Config = {};

src/driver.ts

@@ -46,6 +46,9 @@ export function driver(options: Config = {}) {
   }
 
   function destroy() {
+    const activeElement = getState("activeElement");
+    const activeStep = getState("activeStep");
+
     document.body.classList.remove("driver-active", "driver-fade", "driver-simple");
 
     destroyEvents();
@@ -55,6 +58,13 @@ export function driver(options: Config = {}) {
     destroyEmitter();
 
     resetState();
+
+    const onClose = getConfig("onClose");
+    if (onClose && activeElement && activeStep) {
+      const isActiveDummyElement = activeElement.id === "driver-dummy-element";
+
+      onClose(isActiveDummyElement ? undefined : activeElement, activeStep);
+    }
   }
 
   return {