Refactor method names

src/core/overlay.js

@@ -28,7 +28,7 @@ export default class Overlay {
    * Prepares the overlay
    * @private
    */
-  makeNode() {
+  attachNode() {
     let pageOverlay = this.document.getElementById(ID_OVERLAY);
     if (!pageOverlay) {
       pageOverlay = createNodeFromString(OVERLAY_HTML);
@@ -103,7 +103,7 @@ export default class Overlay {
       return;
     }
 
-    this.makeNode();
+    this.attachNode();
 
     window.setTimeout(() => {
       this.node.style.opacity = `${this.options.opacity}`;

src/core/popover.js

@@ -42,7 +42,7 @@ export default class Popover extends Element {
     this.window = window;
     this.document = document;
 
-    this.makeNode();
+    this.attachNode();
     this.hide();
   }
 
@@ -50,7 +50,7 @@ export default class Popover extends Element {
    * Prepares the dom element for popover
    * @private
    */
-  makeNode() {
+  attachNode() {
     let popover = this.document.getElementById(ID_POPOVER);
     if (!popover) {
       popover = createNodeFromString(POPOVER_HTML);
@@ -122,7 +122,7 @@ export default class Popover extends Element {
     this.titleNode.innerHTML = this.options.title;
     this.descriptionNode.innerHTML = this.options.description || '';
 
-    this.renderButtons();
+    this.renderFooter();
 
     // Position the popover around the given position
     switch (this.options.position) {
@@ -150,7 +150,7 @@ export default class Popover extends Element {
    * decides if to show them or not
    * @private
    */
-  renderButtons() {
+  renderFooter() {
     this.nextBtnNode.innerHTML = this.options.nextBtnText;
     this.prevBtnNode.innerHTML = this.options.prevBtnText;
     this.closeBtnNode.innerHTML = this.options.closeBtnText;

src/core/stage.js

@@ -24,7 +24,7 @@ export default class Stage extends Element {
    * Prepares the DOM element if not already there
    * @private
    */
-  makeNode() {
+  attachNode() {
     let stage = this.document.getElementById(ID_STAGE);
     if (!stage) {
       stage = createNodeFromString(STAGE_HTML);
@@ -70,7 +70,7 @@ export default class Stage extends Element {
    * @public
    */
   show(position) {
-    this.makeNode();
+    this.attachNode();
 
     this.setInitialStyle();
 

types/index.d.ts

@@ -344,7 +344,7 @@ declare module 'driver.js' {
       /**
        * Prepares the DOM element for overlay and appends to body
        */
-      private makeNode(): void;
+      private attachNode(): void;
 
       /**
        * Highlights the given Element while resetting the existing one
@@ -412,7 +412,7 @@ declare module 'driver.js' {
       /**
        * Prepares the DOM element for popover and appends to the body
        */
-      private makeNode(): void;
+      private attachNode(): void;
 
       /**
        * Hides the popover if visible
@@ -433,7 +433,7 @@ declare module 'driver.js' {
       /**
        * Renders the buttons in the footer of the popover
        */
-      private renderButtons(): void;
+      private renderFooter(): void;
 
       /**
        * Positions the popover to the left of the given element position
@@ -491,7 +491,7 @@ declare module 'driver.js' {
       /**
        * Prepares the node and appends to body if not there already
        */
-      private makeNode(): void;
+      private attachNode(): void;
 
       /**
        * Hides the stage by removing the node