From 0ad6c1a72cbea28043e86d9ca0ad4114e2d4b138 Mon Sep 17 00:00:00 2001
From: thednp <thednp@users.noreply.github.com>
Date: Wed, 26 Oct 2016 16:16:31 +0300
Subject: [PATCH] Further code cleanup and added CONTRIBUTING.md as suggested
 by @RyanZim
 https://github.com/thednp/bootstrap.native/pull/80#issuecomment-256335650

---
 CONTRIBUTING.md          |  12 ++
 dist/bootstrap-native.js | 240 ++++++++++++++++++---------------------
 lib/affix-native.js      |  24 ++--
 lib/alert-native.js      |  14 +--
 lib/button-native.js     |  26 ++---
 lib/carousel-native.js   |  24 ++--
 lib/collapse-native.js   |  18 ++-
 lib/dropdown-native.js   |  14 +--
 lib/modal-native.js      |  20 ++--
 lib/popover-native.js    |  28 +++--
 lib/scrollspy-native.js  |  30 +++--
 lib/tab-native.js        |  18 ++-
 lib/tooltip-native.js    |  24 ++--
 13 files changed, 230 insertions(+), 262 deletions(-)
 create mode 100644 CONTRIBUTING.md

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 00000000..0eb542d1
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,12 @@
+# Issue Reporting
+Before posting a new issue/question, please check the [CLOSED](https://github.com/thednp/bootstrap.native/issues?q=is%3Aissue+is%3Aclosed) issues section, maybe your issue have already been solved or your question was already answered.
+
+Please use the [Issues](https://github.com/thednp/bootstrap.native/issues) section to post new issues related to Native Javascript for Bootstrap functionality, npm and / or node.js compatibility. 
+
+**Requirements**
+* **version** you are using, 
+* **line number** of the script where the issue happens and any **console error** you may have,
+* **step by step guide on reproducing the issue** and a **test site** are great for us to investigate and fix it.
+
+# Allowed Pull Requests
+The custom scripts/developments may not be suitable for everybody so they may get rejected. Generally the PR must explain the issue in detail, link it from issues section and must be **consistent**.
\ No newline at end of file
diff --git a/dist/bootstrap-native.js b/dist/bootstrap-native.js
index 6c797d7a..a4873dd4 100644
--- a/dist/bootstrap-native.js
+++ b/dist/bootstrap-native.js
@@ -172,21 +172,19 @@
     this.resizeEvent()
   };
   
-  // (function () {
-    // AFFIX DATA API
-    // =================
-    var Affixes = document.querySelectorAll('[data-spy="affix"]');
-    for (var a=0, afl = Affixes.length; a<afl; a++) {
-      var affix = Affixes[a], options = {};
-        options.offsetTop     = affix.getAttribute('data-offset-top');
-        options.offsetBottom  = affix.getAttribute('data-offset-bottom');
-        options.target        = affix.getAttribute('data-target');
-  
-      if ( affix && (options.offsetTop !== null || options.offsetBottom !== null || options.target !== null) ) { //don't do anything unless we have something valid to pin
-        new Affix(affix, options);
-      }
+  // AFFIX DATA API
+  // =================
+  var Affixes = document.querySelectorAll('[data-spy="affix"]');
+  for (var a=0, afl = Affixes.length; a<afl; a++) {
+    var affix = Affixes[a], options = {};
+      options.offsetTop     = affix.getAttribute('data-offset-top');
+      options.offsetBottom  = affix.getAttribute('data-offset-bottom');
+      options.target        = affix.getAttribute('data-target');
+  
+    if ( affix && (options.offsetTop !== null || options.offsetBottom !== null || options.target !== null) ) { //don't do anything unless we have something valid to pin
+      new Affix(affix, options);
     }
-  // })();
+  }
   // Native Javascript for Bootstrap 3 | Alert
   // by dnp_theme
   
@@ -214,14 +212,12 @@
     document.addEventListener('click', this.close, false); //delegate to all alerts, including those inserted later into the DOM
   };
   
-  // (function () {
-    // ALERT DATA API
-    // =================
-    var Alerts = document.querySelectorAll('[data-dismiss="alert"]');
-    for (var e=0, all = Alerts.length; e<all; e++) {
-      new Alert(Alerts[e]);
-    }
-  // })();
+  // ALERT DATA API
+  // =================
+  var Alerts = document.querySelectorAll('[data-dismiss="alert"]');
+  for (var e=0, all = Alerts.length; e<all; e++) {
+    new Alert(Alerts[e]);
+  }
   // Native Javascript for Bootstrap 3 | Button
   // by dnp_theme
   
@@ -304,7 +300,7 @@
         }
       }
     };
-    
+  
     // init
     if ( /\bbtn/.test(this.btn.className) ) {
       if ( this.option && this.option !== 'reset' ) {
@@ -323,19 +319,17 @@
     }
   };
   
-  // (function () {
-    // BUTTON DATA API
-    // =================
-    var Buttons = document.querySelectorAll('[data-toggle=button]');
-    for (var b=0, btl = Buttons.length; b<btl; b++) {
-      new Button(Buttons[b]);
-    }
+  // BUTTON DATA API
+  // =================
+  var Buttons = document.querySelectorAll('[data-toggle=button]');
+  for (var b=0, btl = Buttons.length; b<btl; b++) {
+    new Button(Buttons[b]);
+  }
   
-    var ButtonGroups = document.querySelectorAll('[data-toggle=buttons]');
-    for (var g=0, bgl = ButtonGroups.length; g<bgl; g++) {
-      new Button(ButtonGroups[g]);
-    }
-  // })();
+  var ButtonGroups = document.querySelectorAll('[data-toggle=buttons]');
+  for (var g=0, bgl = ButtonGroups.length; g<bgl; g++) {
+    new Button(ButtonGroups[g]);
+  }
   // Native Javascript for Bootstrap 3 | Carousel
   // by dnp_theme
   
@@ -565,19 +559,17 @@
     this.prev && this.prev.addEventListener( "click", function(e){e.preventDefault()}, false);
   };
   
-  // (function () {
-    // CAROUSEL DATA API
-    // =================
-    var Carousels = document.querySelectorAll('[data-ride="carousel"]');
-    for (var c=0, crl = Carousels.length; c<crl; c++) {
-      var carousel = Carousels[c], options = {};
-      options.interval = carousel.getAttribute('data-interval') && carousel.getAttribute('data-interval');
-      options.pause = carousel.getAttribute('data-pause') && carousel.getAttribute('data-pause') || 'hover';
-      options.keyboard = carousel.getAttribute('data-keyboard') && carousel.getAttribute('data-keyboard') || false;
-      options.duration = carousel.getAttribute('data-duration') && carousel.getAttribute('data-duration') || false;
-      new Carousel(carousel, options)
-    }
-  // })();
+  // CAROUSEL DATA API
+  // =================
+  var Carousels = document.querySelectorAll('[data-ride="carousel"]');
+  for (var c=0, crl = Carousels.length; c<crl; c++) {
+    var carousel = Carousels[c], options = {};
+    options.interval = carousel.getAttribute('data-interval') && carousel.getAttribute('data-interval');
+    options.pause = carousel.getAttribute('data-pause') && carousel.getAttribute('data-pause') || 'hover';
+    options.keyboard = carousel.getAttribute('data-keyboard') && carousel.getAttribute('data-keyboard') || false;
+    options.duration = carousel.getAttribute('data-duration') && carousel.getAttribute('data-duration') || false;
+    new Carousel(carousel, options)
+  }
   // Native Javascript for Bootstrap 3 | Collapse
   // by dnp_theme
   
@@ -691,16 +683,14 @@
       && getClosest(this.btn, this.btn.getAttribute('data-parent'));
   };
   
-  // (function () {
-    // COLLAPSE DATA API
-    // =================
-    var Collapses = document.querySelectorAll('[data-toggle="collapse"]');
-    for (var o=0, cll = Collapses.length; o<cll; o++) {
-      var collapse = Collapses[o], options = {};
-      options.duration = collapse.getAttribute('data-duration');
-      new Collapse(collapse,options);
-    }
-  // })();
+  // COLLAPSE DATA API
+  // =================
+  var Collapses = document.querySelectorAll('[data-toggle="collapse"]');
+  for (var o=0, cll = Collapses.length; o<cll; o++) {
+    var collapse = Collapses[o], options = {};
+    options.duration = collapse.getAttribute('data-duration');
+    new Collapse(collapse,options);
+  }
   // Native Javascript for Bootstrap 3 | Dropdown
   // by dnp_theme
   
@@ -743,14 +733,12 @@
     document.addEventListener('click', this.handle, false);
   };
   
-  // (function () {
-    // DROPDOWN DATA API
-    // =================
-    var Dropdowns = document.querySelectorAll('[data-toggle=dropdown]');
-    for (var d=0, ddl = Dropdowns.length; d<ddl; d++) {
-      new Dropdown(Dropdowns[d]);
-    }
-  // })();
+  // DROPDOWN DATA API
+  // =================
+  var Dropdowns = document.querySelectorAll('[data-toggle=dropdown]');
+  for (var d=0, ddl = Dropdowns.length; d<ddl; d++) {
+    new Dropdown(Dropdowns[d]);
+  }
   // Native Javascript for Bootstrap 3 | Modal
   // by dnp_theme
   
@@ -961,17 +949,15 @@
     }
   };
   
-  // (function () {
-    // DATA API
-    var Modals = document.querySelectorAll('.modal');
-    for ( var m = 0, mdl = Modals.length; m<mdl; m++ ) {
-      var modal = Modals[m], options = {};
-      options.keyboard = modal.getAttribute('data-keyboard');
-      options.backdrop = modal.getAttribute('data-backdrop');
-      options.duration = modal.getAttribute('data-duration');
-      new Modal(modal,options)
-    }
-  // })();
+  // DATA API
+  var Modals = document.querySelectorAll('.modal');
+  for ( var m = 0, mdl = Modals.length; m<mdl; m++ ) {
+    var modal = Modals[m], options = {};
+    options.keyboard = modal.getAttribute('data-keyboard');
+    options.backdrop = modal.getAttribute('data-backdrop');
+    options.duration = modal.getAttribute('data-duration');
+    new Modal(modal,options)
+  }
   // Native Javascript for Bootstrap 3 | Popover
   // by dnp_theme
   
@@ -1146,21 +1132,19 @@
     }
   };
   
-  // (function () {
-    // POPOVER DATA API
-    // =================
-    var Popovers = document.querySelectorAll('[data-toggle=popover]');
-    for (var p=0, ppl = Popovers.length; p<ppl; p++){
-      var popover = Popovers[p], options = {};
-      options.trigger = popover.getAttribute('data-trigger'); // click / hover / focus
-      options.animation = popover.getAttribute('data-animation'); // true / false
-      options.duration = popover.getAttribute('data-duration');
-      options.placement = popover.getAttribute('data-placement');
-      options.dismiss = popover.getAttribute('data-dismiss');
-      options.delay = popover.getAttribute('data-delay');
-      new Popover(popover,options);
-    }
-  // })();
+  // POPOVER DATA API
+  // =================
+  var Popovers = document.querySelectorAll('[data-toggle=popover]');
+  for (var p=0, ppl = Popovers.length; p<ppl; p++){
+    var popover = Popovers[p], options = {};
+    options.trigger = popover.getAttribute('data-trigger'); // click / hover / focus
+    options.animation = popover.getAttribute('data-animation'); // true / false
+    options.duration = popover.getAttribute('data-duration');
+    options.placement = popover.getAttribute('data-placement');
+    options.dismiss = popover.getAttribute('data-dismiss');
+    options.delay = popover.getAttribute('data-delay');
+    new Popover(popover,options);
+  }
   // Native Javascript for Bootstrap 3 | ScrollSpy
   // by dnp_theme
   
@@ -1284,24 +1268,22 @@
     }
   };
   
-  // (function () {
-    //SCROLLSPY DATA API
-    //=============
-    var scrollSpyes = document.querySelectorAll('[data-spy="scroll"]'); // mostly is the document.body or a large container with many elements having id="not-null-id"
-    for (var s=0, ssl = scrollSpyes.length; s<ssl; s++) {
-      var spy = scrollSpyes[s], options = {};
-      options.target = spy.getAttribute('data-target') || null;  // this must be a .nav component with id="not-null"
-      if ( options.target !== null ) {
-        var menu = options.target === 'object' ?  options.target : document.querySelector(options.target),
-          spyTriggers = menu.querySelectorAll('a');
-        for (var tr=0, stl = spyTriggers.length; tr<stl; tr++) {
-          var spyTrigger = spyTriggers[tr];
-          if ( spyTrigger.href && spyTrigger.getAttribute('href') !== '#' )
-          new ScrollSpy(spy, spyTrigger, options);
-        }
+  //SCROLLSPY DATA API
+  //=============
+  var scrollSpyes = document.querySelectorAll('[data-spy="scroll"]'); // mostly is the document.body or a large container with many elements having id="not-null-id"
+  for (var s=0, ssl = scrollSpyes.length; s<ssl; s++) {
+    var spy = scrollSpyes[s], options = {};
+    options.target = spy.getAttribute('data-target') || null;  // this must be a .nav component with id="not-null"
+    if ( options.target !== null ) {
+      var menu = options.target === 'object' ?  options.target : document.querySelector(options.target),
+        spyTriggers = menu.querySelectorAll('a');
+      for (var tr=0, stl = spyTriggers.length; tr<stl; tr++) {
+        var spyTrigger = spyTriggers[tr];
+        if ( spyTrigger.href && spyTrigger.getAttribute('href') !== '#' )
+        new ScrollSpy(spy, spyTrigger, options);
       }
     }
-  // })();
+  }
   // Native Javascript for Bootstrap 3 | Tab
   // by dnp_theme
   
@@ -1378,16 +1360,14 @@
     this.tab.addEventListener('click', this.handle, false);
   };
   
-  // (function () {
-    // TAB DATA API
-    // =================
-    var Tabs = document.querySelectorAll("[data-toggle='tab'], [data-toggle='pill']");
-    for ( var tb = 0, tbl = Tabs.length; tb<tbl; tb++ ) {
-      var tab = Tabs[tb], options = {};
-      options.duration = tab.getAttribute('data-duration') && tab.getAttribute('data-duration') || false;
-      new Tab(tab,options);
-    }
-  // })();
+  // TAB DATA API
+  // =================
+  var Tabs = document.querySelectorAll("[data-toggle='tab'], [data-toggle='pill']");
+  for ( var tb = 0, tbl = Tabs.length; tb<tbl; tb++ ) {
+    var tab = Tabs[tb], options = {};
+    options.duration = tab.getAttribute('data-duration') && tab.getAttribute('data-duration') || false;
+    new Tab(tab,options);
+  }
   // Native Javascript for Bootstrap 3 | Tooltip
   // by dnp_theme
   
@@ -1508,19 +1488,17 @@
     this.link.removeAttribute('title');
   };
   
-  // (function () {
-    // TOOLTIP DATA API
-    // =================
-    var Tooltips = document.querySelectorAll('[data-toggle=tooltip]');
-    for (var t=0, tpl = Tooltips.length; t<tpl; t++){
-      var tooltip = Tooltips[t], options = {};
-      options.animation = tooltip.getAttribute('data-animation');
-      options.placement = tooltip.getAttribute('data-placement');
-      options.duration = tooltip.getAttribute('data-duration');
-      options.delay = tooltip.getAttribute('data-delay');
-      new Tooltip(tooltip,options);
-    }
-  // })();
+  // TOOLTIP DATA API
+  // =================
+  var Tooltips = document.querySelectorAll('[data-toggle=tooltip]');
+  for (var t=0, tpl = Tooltips.length; t<tpl; t++){
+    var tooltip = Tooltips[t], options = {};
+    options.animation = tooltip.getAttribute('data-animation');
+    options.placement = tooltip.getAttribute('data-placement');
+    options.duration = tooltip.getAttribute('data-duration');
+    options.delay = tooltip.getAttribute('data-delay');
+    new Tooltip(tooltip,options);
+  }
   
   return {
     Affix: Affix,
diff --git a/lib/affix-native.js b/lib/affix-native.js
index b4124609..343ce3b4 100644
--- a/lib/affix-native.js
+++ b/lib/affix-native.js
@@ -106,18 +106,16 @@ var Affix = function(element,options) {
   this.resizeEvent()
 };
 
-// (function () {
-  // AFFIX DATA API
-  // =================
-  var Affixes = document.querySelectorAll('[data-spy="affix"]');
-  for (var a=0, afl = Affixes.length; a<afl; a++) {
-    var affix = Affixes[a], options = {};
-      options.offsetTop     = affix.getAttribute('data-offset-top');
-      options.offsetBottom  = affix.getAttribute('data-offset-bottom');
-      options.target        = affix.getAttribute('data-target');
+// AFFIX DATA API
+// =================
+var Affixes = document.querySelectorAll('[data-spy="affix"]');
+for (var a=0, afl = Affixes.length; a<afl; a++) {
+  var affix = Affixes[a], options = {};
+    options.offsetTop     = affix.getAttribute('data-offset-top');
+    options.offsetBottom  = affix.getAttribute('data-offset-bottom');
+    options.target        = affix.getAttribute('data-target');
 
-    if ( affix && (options.offsetTop !== null || options.offsetBottom !== null || options.target !== null) ) { //don't do anything unless we have something valid to pin
-      new Affix(affix, options);
-    }
+  if ( affix && (options.offsetTop !== null || options.offsetBottom !== null || options.target !== null) ) { //don't do anything unless we have something valid to pin
+    new Affix(affix, options);
   }
-// })();
+}
diff --git a/lib/alert-native.js b/lib/alert-native.js
index cc1313b7..ee41598d 100644
--- a/lib/alert-native.js
+++ b/lib/alert-native.js
@@ -25,11 +25,9 @@ var Alert = function( element ) {
   document.addEventListener('click', this.close, false); //delegate to all alerts, including those inserted later into the DOM
 };
 
-// (function () {
-  // ALERT DATA API
-  // =================
-  var Alerts = document.querySelectorAll('[data-dismiss="alert"]');
-  for (var e=0, all = Alerts.length; e<all; e++) {
-    new Alert(Alerts[e]);
-  }
-// })();
+// ALERT DATA API
+// =================
+var Alerts = document.querySelectorAll('[data-dismiss="alert"]');
+for (var e=0, all = Alerts.length; e<all; e++) {
+  new Alert(Alerts[e]);
+}
diff --git a/lib/button-native.js b/lib/button-native.js
index 6e989194..7d419892 100644
--- a/lib/button-native.js
+++ b/lib/button-native.js
@@ -80,7 +80,7 @@ var Button = function( element, option ) {
       }
     }
   };
-  
+
   // init
   if ( /\bbtn/.test(this.btn.className) ) {
     if ( this.option && this.option !== 'reset' ) {
@@ -99,16 +99,14 @@ var Button = function( element, option ) {
   }
 };
 
-// (function () {
-  // BUTTON DATA API
-  // =================
-  var Buttons = document.querySelectorAll('[data-toggle=button]');
-  for (var b=0, btl = Buttons.length; b<btl; b++) {
-    new Button(Buttons[b]);
-  }
-
-  var ButtonGroups = document.querySelectorAll('[data-toggle=buttons]');
-  for (var g=0, bgl = ButtonGroups.length; g<bgl; g++) {
-    new Button(ButtonGroups[g]);
-  }
-// })();
+// BUTTON DATA API
+// =================
+var Buttons = document.querySelectorAll('[data-toggle=button]');
+for (var b=0, btl = Buttons.length; b<btl; b++) {
+  new Button(Buttons[b]);
+}
+
+var ButtonGroups = document.querySelectorAll('[data-toggle=buttons]');
+for (var g=0, bgl = ButtonGroups.length; g<bgl; g++) {
+  new Button(ButtonGroups[g]);
+}
diff --git a/lib/carousel-native.js b/lib/carousel-native.js
index f8907000..2708e213 100644
--- a/lib/carousel-native.js
+++ b/lib/carousel-native.js
@@ -227,16 +227,14 @@ var Carousel = function( element, options ) {
   this.prev && this.prev.addEventListener( "click", function(e){e.preventDefault()}, false);
 };
 
-// (function () {
-  // CAROUSEL DATA API
-  // =================
-  var Carousels = document.querySelectorAll('[data-ride="carousel"]');
-  for (var c=0, crl = Carousels.length; c<crl; c++) {
-    var carousel = Carousels[c], options = {};
-    options.interval = carousel.getAttribute('data-interval') && carousel.getAttribute('data-interval');
-    options.pause = carousel.getAttribute('data-pause') && carousel.getAttribute('data-pause') || 'hover';
-    options.keyboard = carousel.getAttribute('data-keyboard') && carousel.getAttribute('data-keyboard') || false;
-    options.duration = carousel.getAttribute('data-duration') && carousel.getAttribute('data-duration') || false;
-    new Carousel(carousel, options)
-  }
-// })();
+// CAROUSEL DATA API
+// =================
+var Carousels = document.querySelectorAll('[data-ride="carousel"]');
+for (var c=0, crl = Carousels.length; c<crl; c++) {
+  var carousel = Carousels[c], options = {};
+  options.interval = carousel.getAttribute('data-interval') && carousel.getAttribute('data-interval');
+  options.pause = carousel.getAttribute('data-pause') && carousel.getAttribute('data-pause') || 'hover';
+  options.keyboard = carousel.getAttribute('data-keyboard') && carousel.getAttribute('data-keyboard') || false;
+  options.duration = carousel.getAttribute('data-duration') && carousel.getAttribute('data-duration') || false;
+  new Carousel(carousel, options)
+}
diff --git a/lib/collapse-native.js b/lib/collapse-native.js
index 6cd6915f..97c58c6f 100644
--- a/lib/collapse-native.js
+++ b/lib/collapse-native.js
@@ -111,13 +111,11 @@ var Collapse = function( element, options ) {
     && getClosest(this.btn, this.btn.getAttribute('data-parent'));
 };
 
-// (function () {
-  // COLLAPSE DATA API
-  // =================
-  var Collapses = document.querySelectorAll('[data-toggle="collapse"]');
-  for (var o=0, cll = Collapses.length; o<cll; o++) {
-    var collapse = Collapses[o], options = {};
-    options.duration = collapse.getAttribute('data-duration');
-    new Collapse(collapse,options);
-  }
-// })();
+// COLLAPSE DATA API
+// =================
+var Collapses = document.querySelectorAll('[data-toggle="collapse"]');
+for (var o=0, cll = Collapses.length; o<cll; o++) {
+  var collapse = Collapses[o], options = {};
+  options.duration = collapse.getAttribute('data-duration');
+  new Collapse(collapse,options);
+}
diff --git a/lib/dropdown-native.js b/lib/dropdown-native.js
index 42a13eae..c1652b88 100644
--- a/lib/dropdown-native.js
+++ b/lib/dropdown-native.js
@@ -40,11 +40,9 @@ var Dropdown = function( element) {
   document.addEventListener('click', this.handle, false);
 };
 
-// (function () {
-  // DROPDOWN DATA API
-  // =================
-  var Dropdowns = document.querySelectorAll('[data-toggle=dropdown]');
-  for (var d=0, ddl = Dropdowns.length; d<ddl; d++) {
-    new Dropdown(Dropdowns[d]);
-  }
-// })();
+// DROPDOWN DATA API
+// =================
+var Dropdowns = document.querySelectorAll('[data-toggle=dropdown]');
+for (var d=0, ddl = Dropdowns.length; d<ddl; d++) {
+  new Dropdown(Dropdowns[d]);
+}
diff --git a/lib/modal-native.js b/lib/modal-native.js
index be5c42b6..2fcddcc1 100644
--- a/lib/modal-native.js
+++ b/lib/modal-native.js
@@ -208,14 +208,12 @@ var Modal = function(element, options) { // element is the is the modal
   }
 };
 
-// (function () {
-  // DATA API
-  var Modals = document.querySelectorAll('.modal');
-  for ( var m = 0, mdl = Modals.length; m<mdl; m++ ) {
-    var modal = Modals[m], options = {};
-    options.keyboard = modal.getAttribute('data-keyboard');
-    options.backdrop = modal.getAttribute('data-backdrop');
-    options.duration = modal.getAttribute('data-duration');
-    new Modal(modal,options)
-  }
-// })();
+// DATA API
+var Modals = document.querySelectorAll('.modal');
+for ( var m = 0, mdl = Modals.length; m<mdl; m++ ) {
+  var modal = Modals[m], options = {};
+  options.keyboard = modal.getAttribute('data-keyboard');
+  options.backdrop = modal.getAttribute('data-backdrop');
+  options.duration = modal.getAttribute('data-duration');
+  new Modal(modal,options)
+}
diff --git a/lib/popover-native.js b/lib/popover-native.js
index abfb7e01..bd11ecb5 100644
--- a/lib/popover-native.js
+++ b/lib/popover-native.js
@@ -172,18 +172,16 @@ var Popover = function( element,options ) {
   }
 };
 
-// (function () {
-  // POPOVER DATA API
-  // =================
-  var Popovers = document.querySelectorAll('[data-toggle=popover]');
-  for (var p=0, ppl = Popovers.length; p<ppl; p++){
-    var popover = Popovers[p], options = {};
-    options.trigger = popover.getAttribute('data-trigger'); // click / hover / focus
-    options.animation = popover.getAttribute('data-animation'); // true / false
-    options.duration = popover.getAttribute('data-duration');
-    options.placement = popover.getAttribute('data-placement');
-    options.dismiss = popover.getAttribute('data-dismiss');
-    options.delay = popover.getAttribute('data-delay');
-    new Popover(popover,options);
-  }
-// })();
+// POPOVER DATA API
+// =================
+var Popovers = document.querySelectorAll('[data-toggle=popover]');
+for (var p=0, ppl = Popovers.length; p<ppl; p++){
+  var popover = Popovers[p], options = {};
+  options.trigger = popover.getAttribute('data-trigger'); // click / hover / focus
+  options.animation = popover.getAttribute('data-animation'); // true / false
+  options.duration = popover.getAttribute('data-duration');
+  options.placement = popover.getAttribute('data-placement');
+  options.dismiss = popover.getAttribute('data-dismiss');
+  options.delay = popover.getAttribute('data-delay');
+  new Popover(popover,options);
+}
diff --git a/lib/scrollspy-native.js b/lib/scrollspy-native.js
index d70a9d14..80dfd1fd 100644
--- a/lib/scrollspy-native.js
+++ b/lib/scrollspy-native.js
@@ -121,21 +121,19 @@ var ScrollSpy = function(element,item,options) {
   }
 };
 
-// (function () {
-  //SCROLLSPY DATA API
-  //=============
-  var scrollSpyes = document.querySelectorAll('[data-spy="scroll"]'); // mostly is the document.body or a large container with many elements having id="not-null-id"
-  for (var s=0, ssl = scrollSpyes.length; s<ssl; s++) {
-    var spy = scrollSpyes[s], options = {};
-    options.target = spy.getAttribute('data-target') || null;  // this must be a .nav component with id="not-null"
-    if ( options.target !== null ) {
-      var menu = options.target === 'object' ?  options.target : document.querySelector(options.target),
-        spyTriggers = menu.querySelectorAll('a');
-      for (var tr=0, stl = spyTriggers.length; tr<stl; tr++) {
-        var spyTrigger = spyTriggers[tr];
-        if ( spyTrigger.href && spyTrigger.getAttribute('href') !== '#' )
-        new ScrollSpy(spy, spyTrigger, options);
-      }
+//SCROLLSPY DATA API
+//=============
+var scrollSpyes = document.querySelectorAll('[data-spy="scroll"]'); // mostly is the document.body or a large container with many elements having id="not-null-id"
+for (var s=0, ssl = scrollSpyes.length; s<ssl; s++) {
+  var spy = scrollSpyes[s], options = {};
+  options.target = spy.getAttribute('data-target') || null;  // this must be a .nav component with id="not-null"
+  if ( options.target !== null ) {
+    var menu = options.target === 'object' ?  options.target : document.querySelector(options.target),
+      spyTriggers = menu.querySelectorAll('a');
+    for (var tr=0, stl = spyTriggers.length; tr<stl; tr++) {
+      var spyTrigger = spyTriggers[tr];
+      if ( spyTrigger.href && spyTrigger.getAttribute('href') !== '#' )
+      new ScrollSpy(spy, spyTrigger, options);
     }
   }
-// })();
+}
diff --git a/lib/tab-native.js b/lib/tab-native.js
index 0ff170f0..ea63254b 100644
--- a/lib/tab-native.js
+++ b/lib/tab-native.js
@@ -74,13 +74,11 @@ var Tab = function( element,options ) {
   this.tab.addEventListener('click', this.handle, false);
 };
 
-// (function () {
-  // TAB DATA API
-  // =================
-  var Tabs = document.querySelectorAll("[data-toggle='tab'], [data-toggle='pill']");
-  for ( var tb = 0, tbl = Tabs.length; tb<tbl; tb++ ) {
-    var tab = Tabs[tb], options = {};
-    options.duration = tab.getAttribute('data-duration') && tab.getAttribute('data-duration') || false;
-    new Tab(tab,options);
-  }
-// })();
+// TAB DATA API
+// =================
+var Tabs = document.querySelectorAll("[data-toggle='tab'], [data-toggle='pill']");
+for ( var tb = 0, tbl = Tabs.length; tb<tbl; tb++ ) {
+  var tab = Tabs[tb], options = {};
+  options.duration = tab.getAttribute('data-duration') && tab.getAttribute('data-duration') || false;
+  new Tab(tab,options);
+}
diff --git a/lib/tooltip-native.js b/lib/tooltip-native.js
index 16a1b3a6..af22a995 100644
--- a/lib/tooltip-native.js
+++ b/lib/tooltip-native.js
@@ -118,16 +118,14 @@ var Tooltip = function( element,options ) {
   this.link.removeAttribute('title');
 };
 
-// (function () {
-  // TOOLTIP DATA API
-  // =================
-  var Tooltips = document.querySelectorAll('[data-toggle=tooltip]');
-  for (var t=0, tpl = Tooltips.length; t<tpl; t++){
-    var tooltip = Tooltips[t], options = {};
-    options.animation = tooltip.getAttribute('data-animation');
-    options.placement = tooltip.getAttribute('data-placement');
-    options.duration = tooltip.getAttribute('data-duration');
-    options.delay = tooltip.getAttribute('data-delay');
-    new Tooltip(tooltip,options);
-  }
-// })();
+// TOOLTIP DATA API
+// =================
+var Tooltips = document.querySelectorAll('[data-toggle=tooltip]');
+for (var t=0, tpl = Tooltips.length; t<tpl; t++){
+  var tooltip = Tooltips[t], options = {};
+  options.animation = tooltip.getAttribute('data-animation');
+  options.placement = tooltip.getAttribute('data-placement');
+  options.duration = tooltip.getAttribute('data-duration');
+  options.delay = tooltip.getAttribute('data-delay');
+  new Tooltip(tooltip,options);
+}