Rename onClose to onDestroyed

index.html

@@ -558,7 +558,7 @@ npm install driver.js</pre
             li.innerHTML = `Highlighted: ${element?.textContent?.slice(0, 10) || 'None'}..<br> ${JSON.stringify(step)}..`;
             hooksEl.append(li);
           },
-          onClose: (element, step) => {
+          onDestroyed: (element, step) => {
             const li = document.createElement("li");
             // prettier-ignore
             li.innerHTML = `Closed: ${element?.textContent?.slice(0, 10) || 'None'}..<br> ${JSON.stringify(step)}..`;
@@ -601,7 +601,7 @@ npm install driver.js</pre
       document.getElementById("without-element-btn").addEventListener("click", () => {
         const driverObj = driver({
           animate: true,
-          onClose: (element, step) => {
+          onDestroyed: (element, step) => {
             console.log("Close modal", element, step);
           },
           onDeselected: (element, step) => {

src/config.ts

@@ -18,10 +18,11 @@ export type Config = {
   closeBtnText?: string;
 
   // State based callbacks, called upon state changes
+  onOverlayClick?: (element: Element | undefined, step: DriveStep) => void;
   onHighlightStarted?: (element: Element | undefined, step: DriveStep) => void;
   onHighlighted?: (element: Element | undefined, step: DriveStep) => void;
   onDeselected?: (element: Element | undefined, step: DriveStep) => void;
-  onClose?: (element: Element | undefined, step: DriveStep) => void;
+  onDestroyed?: (element: Element | undefined, step: DriveStep) => void;
 
   // Event based callbacks, called upon events
   onNextClick?: (element: Element | undefined, step: DriveStep) => void;

src/driver.ts

@@ -59,11 +59,11 @@ export function driver(options: Config = {}) {
 
     resetState();
 
-    const onClose = getConfig("onClose");
-    if (onClose && activeElement && activeStep) {
+    const onDestroyed = getConfig("onDestroyed");
+    if (onDestroyed && activeElement && activeStep) {
       const isActiveDummyElement = activeElement.id === "driver-dummy-element";
 
-      onClose(isActiveDummyElement ? undefined : activeElement, activeStep);
+      onDestroyed(isActiveDummyElement ? undefined : activeElement, activeStep);
     }
   }