From 69f67ccf7ee3ae35dacfb36c658565ccc8b8f517 Mon Sep 17 00:00:00 2001
From: thednp <thednp@users.noreply.github.com>
Date: Tue, 31 Jan 2017 18:15:43 +0200
Subject: [PATCH] Changes: * Improved `queryElement()` utility
 https://github.com/thednp/bootstrap.native/issues/102#issuecomment-275953060
 * all components allow multiple initializations but only one specific
 component event handlers attached * Modal now allows targeting `<div
 class="modal">` like the original, now the modal can be fully independent of
 a triggering elementID * Documentation updates on Modal

---
 assets/js/scripts.js         |  38 ++++----
 dist/bootstrap-native.js     | 168 +++++++++++++++++------------------
 dist/bootstrap-native.min.js |   4 +-
 index.html                   |  92 ++++++++++++-------
 lib/affix-native.js          |   8 +-
 lib/alert-native.js          |   4 +-
 lib/button-native.js         |   8 +-
 lib/carousel-native.js       |  24 ++---
 lib/collapse-native.js       |  11 +--
 lib/dropdown-native.js       |   4 +-
 lib/modal-native.js          |  38 ++++----
 lib/popover-native.js        |   6 +-
 lib/scrollspy-native.js      |  12 +--
 lib/tab-native.js            |  11 ++-
 lib/tooltip-native.js        |   4 +-
 lib/utils.js                 |  36 +++-----
 16 files changed, 242 insertions(+), 226 deletions(-)

diff --git a/assets/js/scripts.js b/assets/js/scripts.js
index aa112053..78733cf7 100644
--- a/assets/js/scripts.js
+++ b/assets/js/scripts.js
@@ -1,6 +1,6 @@
 // Modal initialized with JavaScript
-var modalFrame = document.getElementById('myModalJS'); // we need a blank modal to fill up and target our object function
-var btnModal = document.getElementById('modalTriggerJS');
+var myModalJS = document.getElementById('myModalJS'); // we need a blank modal to fill up and target our object function
+var btnModal = document.getElementById('openModalViaJS');
 var firstModalContent = '<div class="modal-header">'
 		+'<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>'
 		+'<h4 class="modal-title" id="myModalJSLabel">Modal title</h4>'
@@ -13,24 +13,27 @@ var firstModalContent = '<div class="modal-header">'
 		+'<button type="button" class="btn btn-primary">Save changes</button>'
 		+'</div>';
 
-// init first trigger
-var modalInitJS = new Modal(btnModal, {
+// init the modal
+var modalInitJS = new Modal(myModalJS, {
 	content: firstModalContent,
 	backdrop: 'static'
 });
 
-// grab second trigger
-var btnModal2 = document.getElementById('modalTriggerJS2');
+btnModal.addEventListener('click',function(e){
+	modalInitJS.show();
+},false);
+
+// another button
+var btnModal2 = document.getElementById('openModalViaJS2');
 var externalModalContent = {
 	title: 'Some title coming from space, a custom variable',
 	content: 'This example also uses the specific modal events like <code>show.bs.modal</code>, so please open your console and check the logs. This is also a variable here, efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.',
 };
 
-// init second trigger
-var modalInitJS2 = new Modal(btnModal2, {backdrop: 'static'});
+// set new content for the modal and show it
 btnModal2.addEventListener('click', function() {
 	//template content for modal example 2
-	modalInitJS2.setContent('<div class="modal-header">'
+	modalInitJS.setContent('<div class="modal-header">'
 		+'<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>'
 		+'<h4 class="modal-title" id="myModalJSLabel">'+externalModalContent.title+'</h4>'
 		+'</div>'
@@ -41,9 +44,10 @@ btnModal2.addEventListener('click', function() {
 		+'<button type="button" class="btn btn-danger">Delete</button>'
 		+'<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>'
 		+'</div>');
+	modalInitJS.show();
 }, false);
 
-// a reset content
+// another button to be used to reset modal content
 var btnModalNotTrigger = document.getElementById('modalNotTriggerJS');
 btnModalNotTrigger.addEventListener('click', function(e) {
 	e.preventDefault();
@@ -52,18 +56,16 @@ btnModalNotTrigger.addEventListener('click', function(e) {
 }, false);
 
 // NEW added events to Modal
-modalFrame.addEventListener('show.bs.modal', function(e) {
-	var related = null;
-	related = ', relatedTarget: '+ (e.relatedTarget ?  e.relatedTarget.tagName + '.'+e.relatedTarget.className.replace(/\s/g,'.') : 'null');
+myModalJS.addEventListener('show.bs.modal', function(e) {
+	var related = ', relatedTarget: '+ (e.relatedTarget ?  e.relatedTarget.tagName + '.'+e.relatedTarget.className.replace(/\s/g,'.') : 'null');
 	console.log( 'The "show.bs.modal" event fired for #' + e.target.id + related ); 
 }, false);
-modalFrame.addEventListener('shown.bs.modal', function(e) {
-	var related = null;
-	related = ', relatedTarget: '+ (e.relatedTarget ?  e.relatedTarget.tagName + '.'+e.relatedTarget.className.replace(/\s/g,'.') : 'null');
+myModalJS.addEventListener('shown.bs.modal', function(e) {
+	var related = ', relatedTarget: '+ (e.relatedTarget ?  e.relatedTarget.tagName + '.'+e.relatedTarget.className.replace(/\s/g,'.') : 'null');
 	console.log( 'The "shown.bs.modal" event fired for #' + e.target.id + related ); 
 }, false);
-modalFrame.addEventListener('hide.bs.modal', function(e) { console.log( 'The "hide.bs.modal" event fired for #' + e.target.id ); }, false);
-modalFrame.addEventListener('hidden.bs.modal', function(e) { console.log( 'The "hidden.bs.modal" event fired for #' + e.target.id ); }, false);
+myModalJS.addEventListener('hide.bs.modal', function(e) { console.log( 'The "hide.bs.modal" event fired for #' + e.target.id ); }, false);
+myModalJS.addEventListener('hidden.bs.modal', function(e) { console.log( 'The "hidden.bs.modal" event fired for #' + e.target.id ); }, false);
 
 // updating modal while visible
 var modalUpdate = document.getElementById('modalUpdate'), // the trigger
diff --git a/dist/bootstrap-native.js b/dist/bootstrap-native.js
index 15969f18..a849ede1 100644
--- a/dist/bootstrap-native.js
+++ b/dist/bootstrap-native.js
@@ -1,4 +1,4 @@
-// Native Javascript for Bootstrap 3 v2.0.1 | © dnp_theme | MIT-License
+// Native Javascript for Bootstrap 3 v2.0.2 | © dnp_theme | MIT-License
 (function (root, factory) {
   if (typeof define === 'function' && define.amd) {
     // AMD support:
@@ -27,7 +27,7 @@
   ----------------------------------------------------------------*/
   
   // globals
-  var global = typeof global !== 'undefined' ? global : this||window,
+  var globalObject = typeof global !== 'undefined' ? global : this||window,
     doc = document.documentElement, body = document.body,
     
     // IE browser detect
@@ -153,10 +153,9 @@
       var selectionMethod = isIE === 8 ? querySelectorAll : getElementsByCLASSNAME;      
       return nodeListToArray(element[selectionMethod]( isIE === 8 ? '.' + classNAME.replace(/\s(?=[a-z])/g,'.') : classNAME ));
     },
-    queryElement = function (selector, parent) { // selector utility since 1.2.0
+    queryElement = function (selector, parent) {
       var lookUp = parent ? parent : document;
-      return typeof selector === 'object' ? selector : 
-        (/^#/.test(selector) ? document.getElementById(selector.replace('#', '')) : lookUp.querySelector(selector));
+      return typeof selector === 'object' ? selector : lookUp.querySelector(selector);
     },
     getClosest = function (element, selector) { //element is the element and selector is for the closest parent element to find
     // source http://gomakethings.com/climbing-up-and-down-the-dom-tree-with-vanilla-javascript/
@@ -189,11 +188,7 @@
     AllDOMElements = document[getElementsByTagName]('*'),
   
     /* Init DATA API
-    *  -------------
-    *  component : Dropdown
-    *  constructor : Dropdown() constructor
-    *  dataAttribute : data-toggle 
-    */
+    --------------*/
     initializeDataAPI = function( component, constructor, dataAttribute, collection ){
       var lookUp = collection && collection[length] ? collection : AllDOMElements;
       for (var i=0; i < lookUp[length]; i++) {
@@ -204,22 +199,11 @@
         }
       }
     },
-    /* BULK initialization
-    *  -------------------
-    * you can uncomment the below to trigger a global re-initialization 
-    * at any time you can either go for your own HTMLCollection / Array object
-    * or use with no argument to use the above AllDOMElements collection */
-    // components = [stringAffix, stringAlert, stringButton, stringCarousel, stringCollapse, stringDropdown, stringModal, stringPopover, stringScrollSpy, stringTab, stringToolTip],
-    // componentsSelectors = [dataSpy, dataDismiss, dataToggle, dataRide, dataToggle, dataToggle, dataToggle, dataToggle, dataSpy, dataToggle, dataToggle],
-    // bulkInitializeDataAPI = function(collection){
-    //   for (var i=0; i<components[length]; i++){
-    //     initializeDataAPI( components[i], global[components[i]], componentsSelectors[i], collection );
-    //   }
-    // },
   
     // tab / collapse stuff
     getOuterHeight = function (child) {
-      var style = child && (child.currentStyle || global.getComputedStyle(child)), // the getComputedStyle polyfill would do this for us, but we want to make sure it does
+      // the getComputedStyle polyfill would do this for us, but we want to make sure it does
+      var style = child && (child.currentStyle || globalObject.getComputedStyle(child)), 
         btp = /px/.test(style.borderTopWidth) ? Math.round(style.borderTopWidth.replace('px','')) : 0,
         btb = /px/.test(style.borderBottomWidth) ? Math.round(style.borderBottomWidth.replace('px','')) : 0,
         mtp = /px/.test(style.marginTop)  ? Math.round(style.marginTop.replace('px',''))    : 0,
@@ -238,13 +222,13 @@
     isElementInViewport = function(element) { // check if this.tooltip is in viewport
       var rect = element[getBoundingClientRect]();
       return ( rect[top] >= 0 && rect[left] >= 0 &&
-        rect[bottom] <= (global[innerHeight] || doc[clientHeight]) &&
-        rect[right] <= (global[innerWidth] || doc[clientWidth]) )
+        rect[bottom] <= (globalObject[innerHeight] || doc[clientHeight]) &&
+        rect[right] <= (globalObject[innerWidth] || doc[clientWidth]) )
     },
     getScroll = function() { // also Affix and ScrollSpy uses it
       return {
-        y : global.pageYOffset || doc[scrollTop],
-        x : global.pageXOffset || doc[scrollLeft]
+        y : globalObject.pageYOffset || doc[scrollTop],
+        x : globalObject.pageXOffset || doc[scrollLeft]
       }
     },
     styleTip = function(link,element,position,container) { // both popovers and tooltips
@@ -390,11 +374,11 @@
     };
   
     // init
-    if ( !(stringAffix in element ) ) {
-      on( global, scrollEvent, this[update] );
-      on( global, resizeEvent, function() { setTimeout(function(){ self[update](); }, resizeDelay); });
-      element[stringAffix] = this;
+    if ( !(stringAffix in element ) ) { // prevent adding event handlers twice
+      on( globalObject, scrollEvent, this[update] );
+      on( globalObject, resizeEvent, function() { setTimeout(function(){ self[update](); }, resizeDelay); });
     }
+    element[stringAffix] = this;
   
     this[update]();
   };
@@ -444,10 +428,10 @@
     };
   
     // init
-    if ( !(stringAlert in element ) ) {
+    if ( !(stringAlert in element ) ) { // prevent adding event handlers twice
       on(element, clickEvent, clickHandler);
-      element[stringAlert] = this;
     }
+    element[stringAlert] = this;
   };
   
   // ALERT DATA API
@@ -555,17 +539,17 @@
       };
   
     // init
-    if ( hasClass(element,'btn') ) { // when Button text is used we don't register the initialization in the BootstrapNative object
+    if ( hasClass(element,'btn') ) { // when Button text is used we execute it as an instance method
       if ( option !== null ) {
         if ( option !== reset ) { setState(); } 
         else { resetState(); }
       }
     }
-    if ( hasClass(element,'btn-group') ) { // register in the BootstrapNative object
-      if ( !( stringButton in element ) ) {
+    if ( hasClass(element,'btn-group') ) {
+      if ( !( stringButton in element ) ) { // prevent adding event handlers twice
         on( element, clickEvent, toggle );
-        element[stringButton] = this;
       }
+      element[stringButton] = this;
     }
   };
   
@@ -768,7 +752,7 @@
     };
   
     // init
-    if ( !(stringCarousel in element ) ) {
+    if ( !(stringCarousel in element ) ) { // prevent adding event handlers twice
   
       if ( this[pause] && this[interval] ) {
         on( element, mouseHover[0], pauseHandler );
@@ -777,20 +761,20 @@
         on( element, 'touchend', resumeHandler );
       }
     
-      rightArrow && rightArrow.addEventListener( clickEvent, controlsHandler, false);
-      leftArrow && leftArrow.addEventListener( clickEvent, controlsHandler, false);
+      rightArrow && on( rightArrow, clickEvent, controlsHandler );
+      leftArrow && on( leftArrow, clickEvent, controlsHandler );
     
-      indicator && indicator.addEventListener( clickEvent, indicatorHandler, false);
-      this[keyboard] === true && global.addEventListener( keydownEvent, keyHandler, false);
+      indicator && on( indicator, clickEvent, indicatorHandler, false);
+      this[keyboard] === true && on( globalObject, keydownEvent, keyHandler, false);
   
-      if (this.getActiveIndex()<0) {
-        slides[length] && addClass(slides[0],active);
-        indicators[length] && setActivePage(0);
-      }
-  
-      if ( this[interval] ){ this.cycle(); }
-      element[stringCarousel] = this;
     }
+    if (this.getActiveIndex()<0) {
+      slides[length] && addClass(slides[0],active);
+      indicators[length] && setActivePage(0);
+    }
+  
+    if ( this[interval] ){ this.cycle(); }
+    element[stringCarousel] = this;
   };
   
   // CAROUSEL DATA API
@@ -804,6 +788,8 @@
   // COLLAPSE DEFINITION
   // ===================
   var Collapse = function( element, options ) {
+  
+    // initialization element
     element = queryElement(element);
   
     // set options
@@ -891,13 +877,12 @@
     };
   
     // init
-    if ( !(stringCollapse in element ) ) {
-      collapse = getTarget();
-      accordion = queryElement(options.parent) || accordionData && getClosest(element, accordionData);
+    if ( !(stringCollapse in element ) ) { // prevent adding event handlers twice
       on(element, clickEvent, this.toggle);
-  
-      element[stringCollapse] = this;
     }
+    collapse = getTarget();
+    accordion = queryElement(options.parent) || accordionData && getClosest(element, accordionData);
+    element[stringCollapse] = this;
   };
   
   // COLLAPSE DATA API
@@ -970,11 +955,11 @@
     };
   
     // init
-    if ( !(stringDropdown in element) ) { // initialize, make sure it's not already initialized
+    if ( !(stringDropdown in element) ) { // prevent adding event handlers twice
       menu[setAttribute]('tabindex', '0'); // Fix onblur on Chrome | Safari
-      element[stringDropdown] = this;
       on(document, clickEvent, clickHandler);
     }
+    element[stringDropdown] = this;
   };
   
   // DROPDOWN DATA API
@@ -987,13 +972,15 @@
     
   // MODAL DEFINITION
   // ===============
-  var Modal = function(element, options) { // element is the is the modal
+  var Modal = function(element, options) { // element can be the modal/triggering button
   
-    // the triggering button element
+    // the modal (JavaScript init) / triggering button element (DATA API)
     element = queryElement(element);
   
-    // modal
-    var modal = queryElement( element[getAttribute](dataTarget)||element[getAttribute]('href') ),
+    // determine modal, triggering element 
+    var btnCheck = element[getAttribute](dataTarget)||element[getAttribute]('href'),
+      checkModal = queryElement( btnCheck ),
+      modal = hasClass(element,'modal') ? element : checkModal,
   
       // strings
       component = 'modal',
@@ -1002,6 +989,10 @@
       paddingRight = 'paddingRight'
       modalBackdropString = 'modal-backdrop';
   
+    if ( hasClass(element,'modal') ) { element = null; } // modal is now independent of it's triggering element
+  
+    if ( !modal ) { return; } // invalidate
+  
     // set options
     options = options || {};
   
@@ -1012,16 +1003,16 @@
     this[content]  = options[content]; // JavaScript only
   
     // bind, constants, event targets and other vars
-    var self = this, open = false, relatedTarget = null,
+    var self = this, open = this.open = false, relatedTarget = null,
       bodyIsOverflowing, modalIsOverflowing, scrollbarWidth, overlay,
   
       // private methods
       getWindowWidth = function() {
         var htmlRect = doc[getBoundingClientRect]();
-        return global[innerWidth] || (htmlRect[right] - Math.abs(htmlRect[left]));
+        return globalObject[innerWidth] || (htmlRect[right] - Math.abs(htmlRect[left]));
       },
       setScrollbar = function () {
-        var bodyStyle = body.currentStyle || global.getComputedStyle(body), bodyPad = parseInt((bodyStyle[paddingRight]), 10);
+        var bodyStyle = body.currentStyle || globalObject.getComputedStyle(body), bodyPad = parseInt((bodyStyle[paddingRight]), 10);
         if (bodyIsOverflowing) { body.style[paddingRight] = (bodyPad + scrollbarWidth) + 'px'; }
       },
       resetScrollbar = function () {
@@ -1065,7 +1056,7 @@
         }
       },
       keydownHandlerToggle = function() {
-        if (!hasClass(modal,'in')) { // element, event, handler
+        if (!hasClass(modal,'in')) {
           on(document, keydownEvent, keyHandler);
         } else {
           off(document, keydownEvent, keyHandler);
@@ -1073,9 +1064,9 @@
       },
       resizeHandlerToggle = function() {
         if (!hasClass(modal,'in')) {
-          on(global, resizeEvent, this.update);
+          on(globalObject, resizeEvent, self.update);
         } else {
-          off(global, resizeEvent, this.update);
+          off(globalObject, resizeEvent, self.update);
         }
       },
       dismissHandlerToggle = function() {
@@ -1148,7 +1139,7 @@
         modal[setAttribute](ariaHidden, false);
       }, this[duration]/2);
       setTimeout( function() {
-        open = true;
+        open = self.open = true;
         bootstrapCustomEvent.call(modal, shownEvent, component, relatedTarget);
       }, this[duration]);
     };
@@ -1176,7 +1167,7 @@
   
       setTimeout( function() {
         if (!getElementsByClassName(document,component+' in')[0]) { removeOverlay(); }
-        open = false;
+        open = self.open = false;
         bootstrapCustomEvent.call(modal, hiddenEvent, component);
       }, this[duration]);
     };
@@ -1192,11 +1183,13 @@
     };
   
     // init
-    if ( !(stringModal in element) ) {
-      if ( !!this[content] ) { this.setContent( this[content] ); }
+    // prevent adding event handlers over and over
+    // modal is independent of a triggering element 
+    if ( !!element && !(stringModal in element) ) {
       on(element, clickEvent, clickHandler);
-      element[stringModal] = this;
     }
+    if ( !!this[content] ) { this.setContent( this[content] ); }
+    !!element && (element[stringModal] = this);
   };
   
   // DATA API
@@ -1351,7 +1344,7 @@
     };
   
     // init
-    if ( !(stringPopover in element) ) {
+    if ( !(stringPopover in element) ) { // prevent adding event handlers twice
       if (self[trigger] === hoverEvent) {
         on( element, mouseHover[0], self.show );
         if (!self[dismissible]) { on( element, mouseHover[1], self.hide ); }
@@ -1363,10 +1356,10 @@
       if (self[dismissible]) { on( document, clickEvent, dismissibleHandler ); }
     
       // dismiss on window resize
-      if ( !(isIE && isIE < 9) ) { on( global, resizeEvent, self.hide ); }
+      if ( !(isIE && isIE < 9) ) { on( globalObject, resizeEvent, self.hide ); }
   
-      element[stringPopover] = self;
     }
+    element[stringPopover] = self;
   };
   
   // POPOVER DATA API
@@ -1395,8 +1388,8 @@
     var spyTarget = options[target] && queryElement(options[target]) || targetData,
         links = spyTarget && spyTarget[getElementsByTagName]('A'), 
         items = [], targetContainers = [], scrollOffset,
-        scrollTarget = element[offsetHeight] < element[scrollHeight] ? element : global, // determine which is the real scrollTarget
-        isWindow = scrollTarget === global;  
+        scrollTarget = element[offsetHeight] < element[scrollHeight] ? element : globalObject, // determine which is the real scrollTarget
+        isWindow = scrollTarget === globalObject;  
   
     // populate items and targets
     for (var i=0, il=links[length]; i<il; i++) {
@@ -1449,14 +1442,14 @@
     }
   
     // init
-    if ( !(stringScrollSpy in element) ) {
-      this.refresh();
+    if ( !(stringScrollSpy in element) ) { // prevent adding event handlers twice
       on( scrollTarget, scrollEvent, this.refresh );
       if ( !(isIE && isIE < 9)) { 
-        on( global, resizeEvent, this.refresh ); 
+        on( globalObject, resizeEvent, this.refresh ); 
       }
-      element[stringScrollSpy] = this;
     }
+    this.refresh();
+    element[stringScrollSpy] = this;
   };
   
   // SCROLLSPY DATA API
@@ -1478,8 +1471,8 @@
     var durationData = element[getAttribute](dataDuration),
         heightData = element[getAttribute](dataHeight),
       
-      // strings
-      component = 'tab', height = 'height', isAnimating = 'isAnimating';
+        // strings
+        component = 'tab', height = 'height', isAnimating = 'isAnimating';
   
     // set default animation state
     element[isAnimating] = false;
@@ -1494,7 +1487,6 @@
       tabs = getClosest(element,'.nav'),
       tabsContentContainer,
       dropdown = queryElement('.dropdown',tabs);
-      
   
     // private methods
     var getActiveTab = function() {
@@ -1569,11 +1561,11 @@
     };
   
     // init
-    if ( !(stringTab in element) ) {
-      if (this[height]) { tabsContentContainer = getActiveContent()[parentNode]; }
+    if ( !(stringTab in element) ) { // prevent adding event handlers twice
       on(element, clickEvent, clickHandler);
-      element[stringTab] = this;
     }
+    if (this[height]) { tabsContentContainer = getActiveContent()[parentNode]; }
+    element[stringTab] = this;
   };
   
   // TAB DATA API
@@ -1685,13 +1677,13 @@
     };
   
     // init
-    if ( !(stringTooltip in element) ) {
+    if ( !(stringTooltip in element) ) { // prevent adding event handlers twice
       element[setAttribute](dataOriginalTitle,titleString);
       element.removeAttribute(title);
       on(element, mouseHover[0], this.show);
       on(element, mouseHover[1], this.hide);
-      element[stringTooltip] = this;
     }
+    element[stringTooltip] = this;
   };
   
   // TOOLTIP DATA API
diff --git a/dist/bootstrap-native.min.js b/dist/bootstrap-native.min.js
index 921f32c5..8a8d18f7 100644
--- a/dist/bootstrap-native.min.js
+++ b/dist/bootstrap-native.min.js
@@ -1,2 +1,2 @@
-// Native Javascript for Bootstrap 3 v2.0.1 | © dnp_theme | MIT-License
-!function(t,e){if("function"==typeof define&&define.amd)define([],e);else if("object"==typeof module&&module.exports)module.exports=e();else{var n=e();t.Affix=n.Affix,t.Alert=n.Alert,t.Button=n.Button,t.Carousel=n.Carousel,t.Collapse=n.Collapse,t.Dropdown=n.Dropdown,t.Modal=n.Modal,t.Popover=n.Popover,t.ScrollSpy=n.ScrollSpy,t.Tab=n.Tab,t.Tooltip=n.Tooltip}}(this,function(){var t="undefined"!=typeof t?t:this||window,e=document.documentElement,n=document.body,i=null!=new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})").exec(navigator.userAgent)&&parseFloat(RegExp.$1),o="data-toggle",a="data-dismiss",l="data-spy",r="data-ride",s="Affix",c="Alert",u="Button",d="Carousel",f="Collapse",h="Dropdown",p="Modal",m="Popover",v="ScrollSpy",g="Tab",y="Tooltip",T="data-backdrop",x="data-keyboard",b="data-duration",w="data-target",I="data-interval",C="data-height",L="data-pause",E="data-original-title",A="data-original-text",S="data-dismissible",k="data-trigger",M="data-animation",D="data-container",B="data-placement",H="data-delay",N="data-offset-top",P="data-offset-bottom",W="backdrop",$="keyboard",R="delay",j="duration",z="content",O="target",q="interval",F="pause",U="animation",X="placement",Y="container",G="offsetTop",J="offsetBottom",K="offsetLeft",Q="scrollTop",V="scrollLeft",Z="clientWidth",_="clientHeight",tt="offsetWidth",et="offsetHeight",nt="innerWidth",it="innerHeight",ot="scrollHeight",at="height",lt="aria-expanded",rt="aria-hidden",st="click",ct="hover",ut="keydown",dt="resize",ft="scroll",ht="show",pt="shown",mt="hide",vt="hidden",gt="close",yt="closed",Tt="slid",xt="slide",bt="change",wt="getAttribute",It="setAttribute",Ct="hasAttribute",Lt="getElementsByTagName",Et="getBoundingClientRect",At="querySelectorAll",St="getElementsByClassName",kt="indexOf",Mt="parentNode",Dt="length",Bt="active",Ht="collapsing",Nt="disabled",Pt="loading",Wt="left",$t="right",Rt="top",jt="bottom",zt="onmouseleave"in document?["mouseenter","mouseleave"]:["mouseover","mouseout"],Ot=/\b(top|bottom|left|top)+/,qt=function(t,e){t.classList.add(e)},Ft=function(t,e){t.classList.remove(e)},Ut=function(t,e){return t.classList.contains(e)},Xt=function(t){for(var e=[],n=0,i=t[Dt];n<i;n++)e.push(t[n]);return e},Yt=function(t,e){var n=8===i?At:St;return Xt(t[n](8===i?"."+e.replace(/\s(?=[a-z])/g,"."):e))},Gt=function(t,e){var n=e?e:document;return"object"==typeof t?t:/^#/.test(t)?document.getElementById(t.replace("#","")):n.querySelector(t)},Jt=function(t,e){for(var n=e.charAt(0);t&&t!==document;t=t[Mt]){if(("."===n||"#"!==n)&&null!==Gt(e,t[Mt]))return t;if("#"===n&&t.id===e.substr(1))return t}return!1},Kt=function(t,e,n){t.addEventListener(e,n,!1)},Qt=function(t,e,n){t.removeEventListener(e,n,!1)},Vt=function(t,e,n){var i=new CustomEvent(t+".bs."+e);i.relatedTarget=n,this.dispatchEvent(i)},Zt=document[Lt]("*"),_t=function(t,e,n,i){for(var o=i&&i[Dt]?i:Zt,a=0;a<o[Dt];a++){var l=o[a][wt](n),r=t.replace(/spy/i,"").toLowerCase();(l&&t===u&&l[kt](r)>-1||l===r)&&new e(o[a])}},te=function(e){var n=e&&(e.currentStyle||t.getComputedStyle(e)),i=/px/.test(n.borderTopWidth)?Math.round(n.borderTopWidth.replace("px","")):0,o=/px/.test(n.borderBottomWidth)?Math.round(n.borderBottomWidth.replace("px","")):0,a=/px/.test(n.marginTop)?Math.round(n.marginTop.replace("px","")):0,l=/px/.test(n.marginBottom)?Math.round(n.marginBottom.replace("px","")):0;return e[_]+parseInt(i)+parseInt(o)+parseInt(a)+parseInt(l)},ee=function(t){for(var e=0,n=0,i=t.children[Dt];n<i;n++)e+=te(t.children[n]);return e},ne=function(n){var i=n[Et]();return i[Rt]>=0&&i[Wt]>=0&&i[jt]<=(t[it]||e[_])&&i[$t]<=(t[nt]||e[Z])},ie=function(){return{y:t.pageYOffset||e[Q],x:t.pageXOffset||e[V]}},oe=function(t,e,i,o){var a=t[Et](),l=o===n?ie():{x:o[K]+o[V],y:o[G]+o[Q]},r={w:a[$t]-a[Wt],h:a[jt]-a[Rt]},s={w:e[tt],h:e[et]};i===Rt?(e.style[Rt]=a[Rt]+l.y-s.h+"px",e.style[Wt]=a[Wt]+l.x-s.w/2+r.w/2+"px"):i===jt?(e.style[Rt]=a[Rt]+l.y+r.h+"px",e.style[Wt]=a[Wt]+l.x-s.w/2+r.w/2+"px"):i===Wt?(e.style[Rt]=a[Rt]+l.y-s.h/2+r.h/2+"px",e.style[Wt]=a[Wt]+l.x-s.w+"px"):i===$t&&(e.style[Rt]=a[Rt]+l.y-s.h/2+r.h/2+"px",e.style[Wt]=a[Wt]+l.x+r.w+"px"),e.className[kt](i)===-1&&(e.className=e.className.replace(Ot,i))},ae=function(t){return t===Rt?jt:t===jt?Rt:t===Wt?$t:t===$t?Wt:t},le=function(o,a){o=Gt(o),a=a||{};var l=o[wt](w),r=o[wt](N),c=o[wt](P),u="affix",d="affixed",f="function",h="update",p="affix-top",m="affixed-top",v="affix-bottom",g="affixed-bottom";if(this[O]=a[O]?Gt(a[O]):Gt(l)||null,this[G]=a[G]?a[G]:parseInt(r)||0,this[J]=a[J]?a[J]:parseInt(c)||0,this[O]||this[G]||this[J]){var y,T,x,b,I,C,L=this,E=i&&i<10?500:50,A=!1,S=!1,k=function(){return Math.max(n[ot],n[et],e[_],e[ot],e[et])},M=function(){return null!==L[O]?L[O][Et]()[Rt]+b:L[G]?parseInt(typeof L[G]===f?L[G]():L[G]||0):void 0},D=function(){if(L[J])return x-o[et]-parseInt(typeof L[J]===f?L[J]():L[J]||0)},B=function(){x=k(),b=parseInt(ie().y,0),y=M(),T=D(),I=parseInt(y)-b<0&&b>parseInt(y),C=parseInt(T)-b<0&&b>parseInt(T)},H=function(){A||Ut(o,u)||(Vt.call(o,u,u),Vt.call(o,p,u),qt(o,u),A=!0,Vt.call(o,d,u),Vt.call(o,m,u))},W=function(){A&&Ut(o,u)&&(Ft(o,u),A=!1)},$=function(){S||Ut(o,v)||(Vt.call(o,u,u),Vt.call(o,v,u),qt(o,v),S=!0,Vt.call(o,d,u),Vt.call(o,g,u))},R=function(){S&&Ut(o,v)&&(Ft(o,v),S=!1)},j=function(){C?(I&&W(),$()):(R(),I?H():W())};this[h]=function(){B(),j()},s in o||(Kt(t,ft,this[h]),Kt(t,dt,function(){setTimeout(function(){L[h]()},E)}),o[s]=this),this[h]()}};_t(s,le,l);var re=function(t){t=Gt(t);var e=this,n="alert",o=Jt(t,"."+n),l=i&&i<10?0:300,r=function(i){var l=i[O];l=l[Ct](a)?l:l[Mt],l&&l[Ct](a)&&(o=Jt(l,"."+n),t=Gt("["+a+'="'+n+'"]',o),(t===l||t===l[Mt])&&o&&e.close())};this.close=function(){o&&t&&Ut(o,"in")&&(Vt.call(o,gt,n),Ft(o,"in"),setTimeout(function(){o&&(Vt.call(o,yt,n),Qt(t,st,r),o[Mt].removeChild(o))},l))},c in t||(Kt(t,st,r),t[c]=this)};_t(c,re,a);var se=function(t,e){t=Gt(t),e=e||null;var n=!1,i="button",o="checked",a="reset",l="LABEL",r="INPUT",s=function(){e&&e!==a&&(e===Pt&&(qt(t,Nt),t[It](Nt,Nt)),t[It](A,t.innerHTML.replace(/^\s+|\s+$/g,"")),t.innerHTML=t[wt]("data-"+e+"-text"))},c=function(){t[wt](A)&&((Ut(t,Nt)||t[wt](Nt)===Nt)&&(Ft(t,Nt),t.removeAttribute(Nt)),t.innerHTML=t[wt](A))},d=function(e){var a=e[O][Mt],s=e[O].tagName===l?e[O]:a.tagName===l?a:null;if(s){var c=this,u=Yt(c,"btn"),d=s[Lt](r)[0];if(d){if("checkbox"===d.type&&(d[o]?(Ft(s,Bt),d[wt](o),d.removeAttribute(o),d[o]=!1):(qt(s,Bt),d[wt](o),d[It](o,o),d[o]=!0),n||(n=!0,Vt.call(d,bt,i),Vt.call(t,bt,i))),"radio"===d.type&&!n&&!d[o]){qt(s,Bt),d[It](o,o),d[o]=!0,Vt.call(d,bt,i),Vt.call(t,bt,i),n=!0;for(var f=0,h=u[Dt];f<h;f++){var p=u[f],m=p[Lt](r)[0];p!==s&&Ut(p,Bt)&&(Ft(p,Bt),m.removeAttribute(o),m[o]=!1,Vt.call(m,bt,i))}}setTimeout(function(){n=!1},50)}}};Ut(t,"btn")&&null!==e&&(e!==a?s():c()),Ut(t,"btn-group")&&(u in t||(Kt(t,st,d),t[u]=this))};_t(u,se,o);var ce=function(e,n){e=Gt(e),n=n||{};var o="false"!==e[wt](I)&&(parseInt(e[wt](I))||5e3),a=e[wt](L)===ct||!1,l="true"===e[wt](x)||!1,r=parseInt(e[wt](b))||600,s="carousel",c="paused",u="direction",f="data-slide-to";this[$]=n[$]===!0||l,this[F]=!(n[F]!==ct&&!a)&&ct,this[j]=i&&i<10?0:n[j]||r,n[q]||o?this[q]=parseInt(n[q])||o:this[q]=!1;var h=this,p=e.index=0,m=e.timer=0,v=!1,g=Yt(e,"item"),y=g[Dt],T=this[u]=Wt,w=Yt(e,s+"-control"),C=w[0],E=w[1],A=Gt("."+s+"-indicators",e),S=A[Lt]("LI"),k=function(){h[q]===!1||Ut(e,c)||(qt(e,c),!v&&clearInterval(m))},M=function(){h[q]!==!1&&Ut(e,c)&&(Ft(e,c),!v&&clearInterval(m),!v&&h.cycle())},D=function(t){if(t.preventDefault(),!v){var e=t[O],n=h.getActiveIndex();if(!e||Ut(e,Bt)||!e[wt](f))return!1;p=parseInt(e[wt](f),10),n<p||0===n&&p===y-1?T=h[u]=Wt:(n>p||n===y-1&&0===p)&&(T=h[u]=$t),h.slideTo(p)}},B=function(t){if(t.preventDefault(),!v){var e=t.currentTarget||t.srcElement;e===E?(p++,T=h[u]=Wt,p===y-1?p=y-1:p===y&&(p=0)):e===C&&(p--,T=h[u]=$t,0===p?p=0:p<0&&(p=y-1)),h.slideTo(p)}},H=function(t){if(!v){switch(t.which){case 39:p++,T=h[u]=Wt,p==y-1?p=y-1:p==y&&(p=0);break;case 37:p--,T=h[u]=$t,0==p?p=0:p<0&&(p=y-1);break;default:return}h.slideTo(p)}},N=function(t){for(var e=0,n=S[Dt];e<n;e++)Ft(S[e],Bt);S[t]&&qt(S[t],Bt)};this.cycle=function(){T=this[u]=Wt,m=setInterval(function(){p++,p=p===y?0:p,h.slideTo(p)},this[q])},this.slideTo=function(t){var n=this.getActiveIndex(),o=T===Wt?"next":"prev";Vt.call(e,xt,s,g[t]),v=!0,clearInterval(m),N(t),!Ut(e,"slide")||i&&i<10?(qt(g[t],Bt),g[t][tt],Ft(g[n],Bt),setTimeout(function(){v=!1,h[q]&&!Ut(e,c)&&h.cycle(),Vt.call(e,Tt,s,g[t])},this[j]+100)):(qt(g[t],o),g[t][tt],qt(g[t],T),qt(g[n],T),setTimeout(function(){v=!1,qt(g[t],Bt),Ft(g[n],Bt),Ft(g[t],o),Ft(g[t],T),Ft(g[n],T),h[q]&&!Ut(e,c)&&h.cycle(),Vt.call(e,Tt,s,g[t])},this[j]+100))},this.getActiveIndex=function(){return g[kt](Yt(e,"item active")[0])||0},d in e||(this[F]&&this[q]&&(Kt(e,zt[0],k),Kt(e,zt[1],M),Kt(e,"touchstart",k),Kt(e,"touchend",M)),E&&E.addEventListener(st,B,!1),C&&C.addEventListener(st,B,!1),A&&A.addEventListener(st,D,!1),this[$]===!0&&t.addEventListener(ut,H,!1),this.getActiveIndex()<0&&(g[Dt]&&qt(g[0],Bt),S[Dt]&&N(0)),this[q]&&this.cycle(),e[d]=this)};_t(d,ce,r);var ue=function(t,e){t=Gt(t),e=e||{},e.duration=parseInt(e.duration||t[wt](b)),this[j]=i&&i<10?0:e.duration||300;var n=null,o=null,a=this,l=!1,r=t[wt]("data-parent"),s="collapse",c="collapsed",u=function(t){Vt.call(t,ht,s),l=!0,Ft(t,s),qt(t,Ht),t.style[at]="0px",setTimeout(function(){t.style[at]=ee(t)+"px"},10),setTimeout(function(){Ft(t,Ht),qt(t,s),qt(t,"in"),t.style[at]="",l=!1,t[It](lt,"true"),Vt.call(t,pt,s)},a[j])},d=function(t){Vt.call(t,mt,s),l=!0,Ft(t,s),t.style[at]=ee(t)+"px",setTimeout(function(){qt(t,Ht),t.style[at]="0px"},10),setTimeout(function(){Ft(t,Ht),Ft(t,"in"),qt(t,s),t.style[at]="",l=!1,t[It](lt,"false"),Vt.call(t,vt,s)},a[j])},h=function(){var e=t.href&&t[wt]("href"),n=t[wt](w),i=e||n&&/#/.test(n)&&n;return i&&Gt(i)};this.toggle=function(t){t.preventDefault(),l||(Ut(o,"in")?a.hide():a.show())},this.hide=function(){d(o),qt(t,c)},this.show=function(){if(u(o),Ft(t,c),null!==n)for(var e=Yt(n,s+" in"),i=0,a=e[Dt];i<a;i++)e[i]!==o&&d(e[i])},f in t||(o=h(),n=Gt(e.parent)||r&&Jt(t,r),Kt(t,st,this.toggle),t[f]=this)};_t(f,ue,o);var de=function(t,e){t=Gt(t),this.persist=e===!0||"true"===t[wt]("data-persist")||!1;var n=this,i=!1,a=t[Mt],l="dropdown",r="open",s=null,c=Gt(".dropdown-menu",a),u=Xt(c[Lt]("*")),d=function(t){!i||27!=t.which&&27!=t.keyCode||(s=null,m())},f=function(e){var l,r=e[O];if(r&&r[Mt]){if(l=r[wt](o)||r[Mt][wt](o),r===t||r===a||r[Mt]===t)e.preventDefault(),s=t,n.toggle();else if(i){if((r===c||u&&u[kt](r)>-1)&&(n.persist||l))return;s=null,m()}(/\#$/.test(r.href)||/\#$/.test(r[Mt].href))&&e.preventDefault()}},p=function(){Vt.call(a,ht,l,s),qt(a,r),c[It](lt,!0),Vt.call(a,pt,l,s),Kt(document,ut,d),i=!0},m=function(){Vt.call(a,mt,l,s),Ft(a,r),c[It](lt,!1),Vt.call(a,vt,l,s),Qt(document,ut,d),i=!1};this.toggle=function(){Ut(a,r)&&i?m():p()},h in t||(c[It]("tabindex","0"),t[h]=this,Kt(document,st,f))};_t(h,de,o);var fe=function(o,l){o=Gt(o);var r=Gt(o[wt](w)||o[wt]("href")),s="modal",c="static",u="paddingLeft",d="paddingRight";modalBackdropString="modal-backdrop",l=l||{},this[$]=l[$]!==!1&&"false"!==r[wt](x),this[W]=l[W]!==c&&r[wt](T)!==c||c,this[W]=l[W]!==!1&&"false"!==r[wt](T)&&this[W],this[j]=i&&i<10?50:l[j]||parseInt(r[wt](b))||300,this[z]=l[z];var f,h,m,v,g=this,y=!1,I=null,C=function(){var n=e[Et]();return t[nt]||n[$t]-Math.abs(n[Wt])},L=function(){var e=n.currentStyle||t.getComputedStyle(n),i=parseInt(e[d],10);f&&(n.style[d]=i+m+"px")},E=function(){n.style[d]=""},A=function(){var t,e=document.createElement("div");return e.className=s+"-scrollbar-measure",n.appendChild(e),t=e[tt]-e[Z],n.removeChild(e),t},S=function(){f=n[Z]<C(),h=r[ot]>e[_],m=A()},k=function(){r.style[u]=!f&&h?m+"px":"",r.style[d]=f&&!h?m+"px":""},M=function(){r.style[u]="",r.style[d]=""},D=function(){var t=document.createElement("div");v=Gt("."+modalBackdropString),null===v&&(t[It]("class",modalBackdropString+" fade"),v=t,n.appendChild(v))},B=function(){v=Gt("."+modalBackdropString),v&&null!==v&&"object"==typeof v&&(n.removeChild(v),v=null)},H=function(){Ut(r,"in")?Qt(document,ut,q):Kt(document,ut,q)},N=function(){Ut(r,"in")?Qt(t,dt,this.update):Kt(t,dt,this.update)},P=function(){Ut(r,"in")?Qt(r,st,F):Kt(r,st,F)},R=function(t){var e=t[O];e=e[Ct](w)||e[Ct]("href")?e:e[Mt],t.defaultPrevented||y||e!==o||Ut(r,"in")||(r.modalTrigger=o,I=o,g.show(),t.preventDefault(),setTimeout(function(){t.defaultPrevented=!1},50))},q=function(t){var e=t.which||t.keyCode;g[$]&&27==e&&y&&g.hide()},F=function(t){var e=t[O];!t.defaultPrevented&&y&&(e[Mt][wt](a)===s||e[wt](a)===s||e===r&&g[W]!==c)&&(g.hide(),I=null,t.preventDefault(),setTimeout(function(){t.defaultPrevented=!1},50))};this.toggle=function(){y&&Ut(r,"in")?this.hide():this.show()},this.show=function(){Vt.call(r,ht,s,I);var t=Yt(document,s+" in")[0];t&&t!==r&&t.modalTrigger[p].hide(),this[W]&&D(),v&&!Ut(v,"in")&&setTimeout(function(){qt(v,"in")},0),setTimeout(function(){r.style.display="block",S(),L(),k(),N(),P(),H(),qt(n,s+"-open"),qt(r,"in"),r[It](rt,!1)},this[j]/2),setTimeout(function(){y=!0,Vt.call(r,pt,s,I)},this[j])},this.hide=function(){Vt.call(r,mt,s),v=Gt("."+modalBackdropString),null!==v&&Ft(v,"in"),Ft(r,"in"),r[It](rt,!0),setTimeout(function(){Ft(n,s+"-open"),N(),P(),H(),M(),E(),r.style.display=""},this[j]/2),setTimeout(function(){Yt(document,s+" in")[0]||B(),y=!1,Vt.call(r,vt,s)},this[j])},this.setContent=function(t){Gt("."+s+"-content",r).innerHTML=t},this.update=function(){y&&(S(),L(),k())},p in o||(this[z]&&this.setContent(this[z]),Kt(o,st,R),o[p]=this)};_t(p,fe,o);var he=function(e,o){e=Gt(e);var a=e[wt](k),l=e[wt](M),r=e[wt](b),s=e[wt](B),c=e[wt](S),u=e[wt](H),d=e[wt](D),f="popover",h="template",p="trigger",v="class",g="div",y="fade",T="data-title",x="data-content",w="dismissible",I='<button type="button" class="close">×</button>';o=o||{},this[h]=o[h]?o[h]:null,this[p]=o[p]?o[p]:a||ct,this[U]=o[U]&&o[U]!==y?o[U]:l||y,this[X]=o[X]?o[X]:s||Rt,this[R]=parseInt(o[R]||u)||100,this[w]=!(!o[w]&&"true"!==c),this[j]=i&&i<10?0:parseInt(o[j]||r)||150,this[Y]=Gt(o[Y])||Gt(d)||n;var C=this,L=e[wt](T)||null,E=e[wt](x)||null;if(E||this[h]){var A=null,N=0,P=this[X],W=function(t){null!==A&&t[O]===Gt(".close",A)&&C.hide()},$=function(){C[Y].removeChild(A),N=null,A=null},z=function(){if(L=e[wt](T),E=e[wt](x),A=document.createElement(g),null!==E&&null===C[h]){if(A[It]("role","tooltip"),null!==L){var t=document.createElement("h3");t[It](v,f+"-title"),t.innerHTML=C[w]?L+I:L,A.appendChild(t)}var n=document.createElement(g),i=document.createElement(g);n[It](v,"arrow"),i[It](v,f+"-content"),A.appendChild(n),A.appendChild(i),i.innerHTML=C[w]&&null===L?E+I:E}else{var o=document.createElement(g);o.innerHTML=C[h],A.innerHTML=o.firstChild.innerHTML}C[Y].appendChild(A),A.style.display="block",A[It](v,f+" "+P+" "+C[U])},q=function(){!Ut(A,"in")&&qt(A,"in")},F=function(){oe(e,A,P,C[Y]),ne(A)||(P=ae(P),oe(e,A,P,C[Y]))};this.toggle=function(){null===A?C.show():C.hide()},this.show=function(){clearTimeout(N),N=setTimeout(function(){null===A&&(P=C[X],z(),F(),q(),Vt.call(e,ht,f),setTimeout(function(){Vt.call(e,pt,f)},C[j]))},20)},this.hide=function(){clearTimeout(N),N=setTimeout(function(){A&&null!==A&&Ut(A,"in")&&(Vt.call(e,mt,f),Ft(A,"in"),setTimeout(function(){$(),Vt.call(e,vt,f)},C[j]))},C[R])},m in e||(C[p]===ct?(Kt(e,zt[0],C.show),C[w]||Kt(e,zt[1],C.hide)):/^(click|focus)$/.test(C[p])&&(Kt(e,C[p],C.toggle),C[w]||Kt(e,"blur",C.hide)),C[w]&&Kt(document,st,W),i&&i<9||Kt(t,dt,C.hide),e[m]=C)}};_t(m,he,o);var pe=function(e,n){e=Gt(e);var o=Gt(e[wt](w));if(n=n||{},n[O]||o){for(var a,l=n[O]&&Gt(n[O])||o,r=l&&l[Lt]("A"),s=[],c=[],u=e[et]<e[ot]?e:t,d=u===t,f=0,h=r[Dt];f<h;f++){var p=r[f][wt]("href"),m=p&&/#[a-z0-9]+$/i.test(p)&&Gt(p);m&&(s.push(r[f]),c.push(m))}var g=function(t){var n=s[t][Mt],i=c[t],o=!d&&c[kt](i[Mt])>-1?i[Mt][G]:0,l=d&&i[Et](),r=Ut(n,Bt)||!1,u=d?l[Rt]+a:i[G]+o,f=d?l[jt]+a:u+i[et],h=a>=u&&f>a;if(!r&&h)"LI"!==n.tagName||Ut(n,Bt)||(qt(n,Bt),r=!0,Vt.call(e,"activate","scrollspy",s[t]));else if(h){if(!h&&!r||r&&h)return}else"LI"===n.tagName&&Ut(n,Bt)&&(Ft(n,Bt),r=!1)},y=function(){a=d?ie().y:e[Q];for(var t=0,n=s[Dt];t<n;t++)g(t)};this.refresh=function(){y()},v in e||(this.refresh(),Kt(u,ft,this.refresh),i&&i<9||Kt(t,dt,this.refresh),e[v]=this)}};_t(v,pe,l);var me=function(t,e){t=Gt(t);var n=t[wt](b),o=t[wt](C),a="tab",l="height",r="isAnimating";t[r]=!1,e=e||{},this[j]=i&&i<10?0:parseInt(e[j]||n)||150,this[l]=!(i&&i<10)&&(e[l]||"true"===o||!1);var s,c,u=this,d=Jt(t,".nav"),f=Gt(".dropdown",d),h=function(){var t,e=Yt(d,Bt);return 1!==e[Dt]||Ut(e[0],"dropdown")?e[Dt]>1&&(t=e[e[Dt]-1]):t=e[0],t[Lt]("A")[0]},p=function(){return Gt(h()[wt]("href"))},m=function(t){t.preventDefault(),s=t[O],u.show()};this.show=function(){var e=Gt(s[wt]("href")),n=h(),i=p();n[r]&&s[r]||Ut(s[Mt],Bt)||(n[r]=s[r]=!0,Ft(n[Mt],Bt),qt(s[Mt],Bt),f&&(Ut(t[Mt][Mt],"dropdown-menu")?Ut(f,Bt)||qt(f,Bt):Ut(f,Bt)&&Ft(f,Bt)),c&&(c.style[l]=ee(i)+"px"),Vt.call(n,mt,a,s),setTimeout(function(){Ft(i,"in")},10),setTimeout(function(){c&&qt(c,Ht),Ft(i,Bt),qt(e,Bt),setTimeout(function(){qt(e,"in")},10),Vt.call(s,ht,a,n),Vt.call(n,vt,a,s),c&&(c.style[l]=ee(e)+"px")},.7*u[j]),setTimeout(function(){Vt.call(s,pt,a,n),c&&(Ft(c,Ht),c.style[l]=""),n[r]=s[r]=!1},1.5*u[j]))},g in t||(this[l]&&(c=p()[Mt]),Kt(t,st,m),t[g]=this)};_t(g,me,o);var ve=function(t,e){t=Gt(t);var o=t[wt](M);placementData=t[wt](B),durationData=t[wt](b),delayData=t[wt](H),containerData=t[wt](D),component="tooltip",classString="class",title="title",fade="fade",div="div",e=e||{},this[U]=e[U]&&e[U]!==fade?e[U]:o||fade,this[X]=e[X]?e[X]:placementData||Rt,this[R]=parseInt(e[R]||delayData)||100,this[j]=i&&i<10?0:parseInt(e[j]||durationData)||150,this[Y]=Gt(e[Y])||Gt(containerData)||n;var a=this,l=0,r=this[X],s=null,c=t[wt](title)||t[wt](E);if(c){var u=function(){a[Y].removeChild(s),s=null,l=null},d=function(){c=t[wt](title)||t[wt](E),s=document.createElement(div),s[It]("role",component);var e=document.createElement(div),n=document.createElement(div);e[It](classString,component+"-arrow"),n[It](classString,component+"-inner"),s.appendChild(e),s.appendChild(n),n.innerHTML=c,a[Y].appendChild(s),s[It](classString,component+" "+r+" "+a[U])},f=function(){oe(t,s,r,a[Y]),ne(s)||(r=ae(r),oe(t,s,r,a[Y]))},h=function(){!Ut(s,"in")&&qt(s,"in")};this.show=function(){clearTimeout(l),l=setTimeout(function(){null===s&&(r=a[X],d(),f(),h(),Vt.call(t,ht,component),setTimeout(function(){Vt.call(t,pt,component)},a[j]))},20)},this.hide=function(){clearTimeout(l),l=setTimeout(function(){s&&null!==s&&Ut(s,"in")&&(Vt.call(t,mt,component),Ft(s,"in"),setTimeout(function(){u(),Vt.call(t,vt,component)},a[j]))},a[R])},this.toggle=function(){s?a.hide():a.show()},y in t||(t[It](E,c),t.removeAttribute(title),Kt(t,zt[0],this.show),Kt(t,zt[1],this.hide),t[y]=this)}};return _t(y,ve,o),{Affix:le,Alert:re,Button:se,Carousel:ce,Collapse:ue,Dropdown:de,Modal:fe,Popover:he,ScrollSpy:pe,Tab:me,Tooltip:ve}});
+// Native Javascript for Bootstrap 3 v2.0.2 | © dnp_theme | MIT-License
+!function(t,e){if("function"==typeof define&&define.amd)define([],e);else if("object"==typeof module&&module.exports)module.exports=e();else{var n=e();t.Affix=n.Affix,t.Alert=n.Alert,t.Button=n.Button,t.Carousel=n.Carousel,t.Collapse=n.Collapse,t.Dropdown=n.Dropdown,t.Modal=n.Modal,t.Popover=n.Popover,t.ScrollSpy=n.ScrollSpy,t.Tab=n.Tab,t.Tooltip=n.Tooltip}}(this,function(){var t="undefined"!=typeof global?global:this||window,e=document.documentElement,n=document.body,i=null!=new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})").exec(navigator.userAgent)&&parseFloat(RegExp.$1),o="data-toggle",a="data-dismiss",l="data-spy",r="data-ride",s="Affix",c="Alert",u="Button",f="Carousel",d="Collapse",h="Dropdown",p="Modal",m="Popover",v="ScrollSpy",g="Tab",y="Tooltip",T="data-backdrop",x="data-keyboard",b="data-duration",w="data-target",I="data-interval",C="data-height",A="data-pause",L="data-original-title",S="data-original-text",E="data-dismissible",k="data-trigger",M="data-animation",D="data-container",B="data-placement",H="data-delay",N="data-offset-top",P="data-offset-bottom",W="backdrop",$="keyboard",R="delay",j="duration",z="content",O="target",q="interval",F="pause",U="animation",X="placement",Y="container",G="offsetTop",J="offsetBottom",K="offsetLeft",Q="scrollTop",V="scrollLeft",Z="clientWidth",_="clientHeight",tt="offsetWidth",et="offsetHeight",nt="innerWidth",it="innerHeight",ot="scrollHeight",at="height",lt="aria-expanded",rt="aria-hidden",st="click",ct="hover",ut="keydown",ft="resize",dt="scroll",ht="show",pt="shown",mt="hide",vt="hidden",gt="close",yt="closed",Tt="slid",xt="slide",bt="change",wt="getAttribute",It="setAttribute",Ct="hasAttribute",At="getElementsByTagName",Lt="getBoundingClientRect",St="querySelectorAll",Et="getElementsByClassName",kt="indexOf",Mt="parentNode",Dt="length",Bt="active",Ht="collapsing",Nt="disabled",Pt="loading",Wt="left",$t="right",Rt="top",jt="bottom",zt="onmouseleave"in document?["mouseenter","mouseleave"]:["mouseover","mouseout"],Ot=/\b(top|bottom|left|top)+/,qt=function(t,e){t.classList.add(e)},Ft=function(t,e){t.classList.remove(e)},Ut=function(t,e){return t.classList.contains(e)},Xt=function(t){for(var e=[],n=0,i=t[Dt];n<i;n++)e.push(t[n]);return e},Yt=function(t,e){var n=8===i?St:Et;return Xt(t[n](8===i?"."+e.replace(/\s(?=[a-z])/g,"."):e))},Gt=function(t,e){var n=e?e:document;return"object"==typeof t?t:n.querySelector(t)},Jt=function(t,e){for(var n=e.charAt(0);t&&t!==document;t=t[Mt]){if(("."===n||"#"!==n)&&null!==Gt(e,t[Mt]))return t;if("#"===n&&t.id===e.substr(1))return t}return!1},Kt=function(t,e,n){t.addEventListener(e,n,!1)},Qt=function(t,e,n){t.removeEventListener(e,n,!1)},Vt=function(t,e,n){var i=new CustomEvent(t+".bs."+e);i.relatedTarget=n,this.dispatchEvent(i)},Zt=document[At]("*"),_t=function(t,e,n,i){for(var o=i&&i[Dt]?i:Zt,a=0;a<o[Dt];a++){var l=o[a][wt](n),r=t.replace(/spy/i,"").toLowerCase();(l&&t===u&&l[kt](r)>-1||l===r)&&new e(o[a])}},te=function(e){var n=e&&(e.currentStyle||t.getComputedStyle(e)),i=/px/.test(n.borderTopWidth)?Math.round(n.borderTopWidth.replace("px","")):0,o=/px/.test(n.borderBottomWidth)?Math.round(n.borderBottomWidth.replace("px","")):0,a=/px/.test(n.marginTop)?Math.round(n.marginTop.replace("px","")):0,l=/px/.test(n.marginBottom)?Math.round(n.marginBottom.replace("px","")):0;return e[_]+parseInt(i)+parseInt(o)+parseInt(a)+parseInt(l)},ee=function(t){for(var e=0,n=0,i=t.children[Dt];n<i;n++)e+=te(t.children[n]);return e},ne=function(n){var i=n[Lt]();return i[Rt]>=0&&i[Wt]>=0&&i[jt]<=(t[it]||e[_])&&i[$t]<=(t[nt]||e[Z])},ie=function(){return{y:t.pageYOffset||e[Q],x:t.pageXOffset||e[V]}},oe=function(t,e,i,o){var a=t[Lt](),l=o===n?ie():{x:o[K]+o[V],y:o[G]+o[Q]},r={w:a[$t]-a[Wt],h:a[jt]-a[Rt]},s={w:e[tt],h:e[et]};i===Rt?(e.style[Rt]=a[Rt]+l.y-s.h+"px",e.style[Wt]=a[Wt]+l.x-s.w/2+r.w/2+"px"):i===jt?(e.style[Rt]=a[Rt]+l.y+r.h+"px",e.style[Wt]=a[Wt]+l.x-s.w/2+r.w/2+"px"):i===Wt?(e.style[Rt]=a[Rt]+l.y-s.h/2+r.h/2+"px",e.style[Wt]=a[Wt]+l.x-s.w+"px"):i===$t&&(e.style[Rt]=a[Rt]+l.y-s.h/2+r.h/2+"px",e.style[Wt]=a[Wt]+l.x+r.w+"px"),e.className[kt](i)===-1&&(e.className=e.className.replace(Ot,i))},ae=function(t){return t===Rt?jt:t===jt?Rt:t===Wt?$t:t===$t?Wt:t},le=function(o,a){o=Gt(o),a=a||{};var l=o[wt](w),r=o[wt](N),c=o[wt](P),u="affix",f="affixed",d="function",h="update",p="affix-top",m="affixed-top",v="affix-bottom",g="affixed-bottom";if(this[O]=a[O]?Gt(a[O]):Gt(l)||null,this[G]=a[G]?a[G]:parseInt(r)||0,this[J]=a[J]?a[J]:parseInt(c)||0,this[O]||this[G]||this[J]){var y,T,x,b,I,C,A=this,L=i&&i<10?500:50,S=!1,E=!1,k=function(){return Math.max(n[ot],n[et],e[_],e[ot],e[et])},M=function(){return null!==A[O]?A[O][Lt]()[Rt]+b:A[G]?parseInt(typeof A[G]===d?A[G]():A[G]||0):void 0},D=function(){if(A[J])return x-o[et]-parseInt(typeof A[J]===d?A[J]():A[J]||0)},B=function(){x=k(),b=parseInt(ie().y,0),y=M(),T=D(),I=parseInt(y)-b<0&&b>parseInt(y),C=parseInt(T)-b<0&&b>parseInt(T)},H=function(){S||Ut(o,u)||(Vt.call(o,u,u),Vt.call(o,p,u),qt(o,u),S=!0,Vt.call(o,f,u),Vt.call(o,m,u))},W=function(){S&&Ut(o,u)&&(Ft(o,u),S=!1)},$=function(){E||Ut(o,v)||(Vt.call(o,u,u),Vt.call(o,v,u),qt(o,v),E=!0,Vt.call(o,f,u),Vt.call(o,g,u))},R=function(){E&&Ut(o,v)&&(Ft(o,v),E=!1)},j=function(){C?(I&&W(),$()):(R(),I?H():W())};this[h]=function(){B(),j()},s in o||(Kt(t,dt,this[h]),Kt(t,ft,function(){setTimeout(function(){A[h]()},L)})),o[s]=this,this[h]()}};_t(s,le,l);var re=function(t){t=Gt(t);var e=this,n="alert",o=Jt(t,"."+n),l=i&&i<10?0:300,r=function(i){var l=i[O];l=l[Ct](a)?l:l[Mt],l&&l[Ct](a)&&(o=Jt(l,"."+n),t=Gt("["+a+'="'+n+'"]',o),(t===l||t===l[Mt])&&o&&e.close())};this.close=function(){o&&t&&Ut(o,"in")&&(Vt.call(o,gt,n),Ft(o,"in"),setTimeout(function(){o&&(Vt.call(o,yt,n),Qt(t,st,r),o[Mt].removeChild(o))},l))},c in t||Kt(t,st,r),t[c]=this};_t(c,re,a);var se=function(t,e){t=Gt(t),e=e||null;var n=!1,i="button",o="checked",a="reset",l="LABEL",r="INPUT",s=function(){e&&e!==a&&(e===Pt&&(qt(t,Nt),t[It](Nt,Nt)),t[It](S,t.innerHTML.replace(/^\s+|\s+$/g,"")),t.innerHTML=t[wt]("data-"+e+"-text"))},c=function(){t[wt](S)&&((Ut(t,Nt)||t[wt](Nt)===Nt)&&(Ft(t,Nt),t.removeAttribute(Nt)),t.innerHTML=t[wt](S))},f=function(e){var a=e[O][Mt],s=e[O].tagName===l?e[O]:a.tagName===l?a:null;if(s){var c=this,u=Yt(c,"btn"),f=s[At](r)[0];if(f){if("checkbox"===f.type&&(f[o]?(Ft(s,Bt),f[wt](o),f.removeAttribute(o),f[o]=!1):(qt(s,Bt),f[wt](o),f[It](o,o),f[o]=!0),n||(n=!0,Vt.call(f,bt,i),Vt.call(t,bt,i))),"radio"===f.type&&!n&&!f[o]){qt(s,Bt),f[It](o,o),f[o]=!0,Vt.call(f,bt,i),Vt.call(t,bt,i),n=!0;for(var d=0,h=u[Dt];d<h;d++){var p=u[d],m=p[At](r)[0];p!==s&&Ut(p,Bt)&&(Ft(p,Bt),m.removeAttribute(o),m[o]=!1,Vt.call(m,bt,i))}}setTimeout(function(){n=!1},50)}}};Ut(t,"btn")&&null!==e&&(e!==a?s():c()),Ut(t,"btn-group")&&(u in t||Kt(t,st,f),t[u]=this)};_t(u,se,o);var ce=function(e,n){e=Gt(e),n=n||{};var o="false"!==e[wt](I)&&(parseInt(e[wt](I))||5e3),a=e[wt](A)===ct||!1,l="true"===e[wt](x)||!1,r=parseInt(e[wt](b))||600,s="carousel",c="paused",u="direction",d="data-slide-to";this[$]=n[$]===!0||l,this[F]=!(n[F]!==ct&&!a)&&ct,this[j]=i&&i<10?0:n[j]||r,n[q]||o?this[q]=parseInt(n[q])||o:this[q]=!1;var h=this,p=e.index=0,m=e.timer=0,v=!1,g=Yt(e,"item"),y=g[Dt],T=this[u]=Wt,w=Yt(e,s+"-control"),C=w[0],L=w[1],S=Gt("."+s+"-indicators",e),E=S[At]("LI"),k=function(){h[q]===!1||Ut(e,c)||(qt(e,c),!v&&clearInterval(m))},M=function(){h[q]!==!1&&Ut(e,c)&&(Ft(e,c),!v&&clearInterval(m),!v&&h.cycle())},D=function(t){if(t.preventDefault(),!v){var e=t[O],n=h.getActiveIndex();if(!e||Ut(e,Bt)||!e[wt](d))return!1;p=parseInt(e[wt](d),10),n<p||0===n&&p===y-1?T=h[u]=Wt:(n>p||n===y-1&&0===p)&&(T=h[u]=$t),h.slideTo(p)}},B=function(t){if(t.preventDefault(),!v){var e=t.currentTarget||t.srcElement;e===L?(p++,T=h[u]=Wt,p===y-1?p=y-1:p===y&&(p=0)):e===C&&(p--,T=h[u]=$t,0===p?p=0:p<0&&(p=y-1)),h.slideTo(p)}},H=function(t){if(!v){switch(t.which){case 39:p++,T=h[u]=Wt,p==y-1?p=y-1:p==y&&(p=0);break;case 37:p--,T=h[u]=$t,0==p?p=0:p<0&&(p=y-1);break;default:return}h.slideTo(p)}},N=function(t){for(var e=0,n=E[Dt];e<n;e++)Ft(E[e],Bt);E[t]&&qt(E[t],Bt)};this.cycle=function(){T=this[u]=Wt,m=setInterval(function(){p++,p=p===y?0:p,h.slideTo(p)},this[q])},this.slideTo=function(t){var n=this.getActiveIndex(),o=T===Wt?"next":"prev";Vt.call(e,xt,s,g[t]),v=!0,clearInterval(m),N(t),!Ut(e,"slide")||i&&i<10?(qt(g[t],Bt),g[t][tt],Ft(g[n],Bt),setTimeout(function(){v=!1,h[q]&&!Ut(e,c)&&h.cycle(),Vt.call(e,Tt,s,g[t])},this[j]+100)):(qt(g[t],o),g[t][tt],qt(g[t],T),qt(g[n],T),setTimeout(function(){v=!1,qt(g[t],Bt),Ft(g[n],Bt),Ft(g[t],o),Ft(g[t],T),Ft(g[n],T),h[q]&&!Ut(e,c)&&h.cycle(),Vt.call(e,Tt,s,g[t])},this[j]+100))},this.getActiveIndex=function(){return g[kt](Yt(e,"item active")[0])||0},f in e||(this[F]&&this[q]&&(Kt(e,zt[0],k),Kt(e,zt[1],M),Kt(e,"touchstart",k),Kt(e,"touchend",M)),L&&Kt(L,st,B),C&&Kt(C,st,B),S&&Kt(S,st,D,!1),this[$]===!0&&Kt(t,ut,H,!1)),this.getActiveIndex()<0&&(g[Dt]&&qt(g[0],Bt),E[Dt]&&N(0)),this[q]&&this.cycle(),e[f]=this};_t(f,ce,r);var ue=function(t,e){t=Gt(t),e=e||{},e.duration=parseInt(e.duration||t[wt](b)),this[j]=i&&i<10?0:e.duration||300;var n=null,o=null,a=this,l=!1,r=t[wt]("data-parent"),s="collapse",c="collapsed",u=function(t){Vt.call(t,ht,s),l=!0,Ft(t,s),qt(t,Ht),t.style[at]="0px",setTimeout(function(){t.style[at]=ee(t)+"px"},10),setTimeout(function(){Ft(t,Ht),qt(t,s),qt(t,"in"),t.style[at]="",l=!1,t[It](lt,"true"),Vt.call(t,pt,s)},a[j])},f=function(t){Vt.call(t,mt,s),l=!0,Ft(t,s),t.style[at]=ee(t)+"px",setTimeout(function(){qt(t,Ht),t.style[at]="0px"},10),setTimeout(function(){Ft(t,Ht),Ft(t,"in"),qt(t,s),t.style[at]="",l=!1,t[It](lt,"false"),Vt.call(t,vt,s)},a[j])},h=function(){var e=t.href&&t[wt]("href"),n=t[wt](w),i=e||n&&/#/.test(n)&&n;return i&&Gt(i)};this.toggle=function(t){t.preventDefault(),l||(Ut(o,"in")?a.hide():a.show())},this.hide=function(){f(o),qt(t,c)},this.show=function(){if(u(o),Ft(t,c),null!==n)for(var e=Yt(n,s+" in"),i=0,a=e[Dt];i<a;i++)e[i]!==o&&f(e[i])},d in t||Kt(t,st,this.toggle),o=h(),n=Gt(e.parent)||r&&Jt(t,r),t[d]=this};_t(d,ue,o);var fe=function(t,e){t=Gt(t),this.persist=e===!0||"true"===t[wt]("data-persist")||!1;var n=this,i=!1,a=t[Mt],l="dropdown",r="open",s=null,c=Gt(".dropdown-menu",a),u=Xt(c[At]("*")),f=function(t){!i||27!=t.which&&27!=t.keyCode||(s=null,m())},d=function(e){var l,r=e[O];if(r&&r[Mt]){if(l=r[wt](o)||r[Mt][wt](o),r===t||r===a||r[Mt]===t)e.preventDefault(),s=t,n.toggle();else if(i){if((r===c||u&&u[kt](r)>-1)&&(n.persist||l))return;s=null,m()}(/\#$/.test(r.href)||/\#$/.test(r[Mt].href))&&e.preventDefault()}},p=function(){Vt.call(a,ht,l,s),qt(a,r),c[It](lt,!0),Vt.call(a,pt,l,s),Kt(document,ut,f),i=!0},m=function(){Vt.call(a,mt,l,s),Ft(a,r),c[It](lt,!1),Vt.call(a,vt,l,s),Qt(document,ut,f),i=!1};this.toggle=function(){Ut(a,r)&&i?m():p()},h in t||(c[It]("tabindex","0"),Kt(document,st,d)),t[h]=this};_t(h,fe,o);var de=function(o,l){o=Gt(o);var r=o[wt](w)||o[wt]("href"),s=Gt(r),c=Ut(o,"modal")?o:s,u="modal",f="static",d="paddingLeft",h="paddingRight";if(modalBackdropString="modal-backdrop",Ut(o,"modal")&&(o=null),c){l=l||{},this[$]=l[$]!==!1&&"false"!==c[wt](x),this[W]=l[W]!==f&&c[wt](T)!==f||f,this[W]=l[W]!==!1&&"false"!==c[wt](T)&&this[W],this[j]=i&&i<10?50:l[j]||parseInt(c[wt](b))||300,this[z]=l[z];var m,v,g,y,I=this,C=this.open=!1,A=null,L=function(){var n=e[Lt]();return t[nt]||n[$t]-Math.abs(n[Wt])},S=function(){var e=n.currentStyle||t.getComputedStyle(n),i=parseInt(e[h],10);m&&(n.style[h]=i+g+"px")},E=function(){n.style[h]=""},k=function(){var t,e=document.createElement("div");return e.className=u+"-scrollbar-measure",n.appendChild(e),t=e[tt]-e[Z],n.removeChild(e),t},M=function(){m=n[Z]<L(),v=c[ot]>e[_],g=k()},D=function(){c.style[d]=!m&&v?g+"px":"",c.style[h]=m&&!v?g+"px":""},B=function(){c.style[d]="",c.style[h]=""},H=function(){var t=document.createElement("div");y=Gt("."+modalBackdropString),null===y&&(t[It]("class",modalBackdropString+" fade"),y=t,n.appendChild(y))},N=function(){y=Gt("."+modalBackdropString),y&&null!==y&&"object"==typeof y&&(n.removeChild(y),y=null)},P=function(){Ut(c,"in")?Qt(document,ut,U):Kt(document,ut,U)},R=function(){Ut(c,"in")?Qt(t,ft,I.update):Kt(t,ft,I.update)},q=function(){Ut(c,"in")?Qt(c,st,X):Kt(c,st,X)},F=function(t){var e=t[O];e=e[Ct](w)||e[Ct]("href")?e:e[Mt],t.defaultPrevented||C||e!==o||Ut(c,"in")||(c.modalTrigger=o,A=o,I.show(),t.preventDefault(),setTimeout(function(){t.defaultPrevented=!1},50))},U=function(t){var e=t.which||t.keyCode;I[$]&&27==e&&C&&I.hide()},X=function(t){var e=t[O];!t.defaultPrevented&&C&&(e[Mt][wt](a)===u||e[wt](a)===u||e===c&&I[W]!==f)&&(I.hide(),A=null,t.preventDefault(),setTimeout(function(){t.defaultPrevented=!1},50))};this.toggle=function(){C&&Ut(c,"in")?this.hide():this.show()},this.show=function(){Vt.call(c,ht,u,A);var t=Yt(document,u+" in")[0];t&&t!==c&&t.modalTrigger[p].hide(),this[W]&&H(),y&&!Ut(y,"in")&&setTimeout(function(){qt(y,"in")},0),setTimeout(function(){c.style.display="block",M(),S(),D(),R(),q(),P(),qt(n,u+"-open"),qt(c,"in"),c[It](rt,!1)},this[j]/2),setTimeout(function(){C=I.open=!0,Vt.call(c,pt,u,A)},this[j])},this.hide=function(){Vt.call(c,mt,u),y=Gt("."+modalBackdropString),null!==y&&Ft(y,"in"),Ft(c,"in"),c[It](rt,!0),setTimeout(function(){Ft(n,u+"-open"),R(),q(),P(),B(),E(),c.style.display=""},this[j]/2),setTimeout(function(){Yt(document,u+" in")[0]||N(),C=I.open=!1,Vt.call(c,vt,u)},this[j])},this.setContent=function(t){Gt("."+u+"-content",c).innerHTML=t},this.update=function(){C&&(M(),S(),D())},!o||p in o||Kt(o,st,F),this[z]&&this.setContent(this[z]),!!o&&(o[p]=this)}};_t(p,de,o);var he=function(e,o){e=Gt(e);var a=e[wt](k),l=e[wt](M),r=e[wt](b),s=e[wt](B),c=e[wt](E),u=e[wt](H),f=e[wt](D),d="popover",h="template",p="trigger",v="class",g="div",y="fade",T="data-title",x="data-content",w="dismissible",I='<button type="button" class="close">×</button>';o=o||{},this[h]=o[h]?o[h]:null,this[p]=o[p]?o[p]:a||ct,this[U]=o[U]&&o[U]!==y?o[U]:l||y,this[X]=o[X]?o[X]:s||Rt,this[R]=parseInt(o[R]||u)||100,this[w]=!(!o[w]&&"true"!==c),this[j]=i&&i<10?0:parseInt(o[j]||r)||150,this[Y]=Gt(o[Y])||Gt(f)||n;var C=this,A=e[wt](T)||null,L=e[wt](x)||null;if(L||this[h]){var S=null,N=0,P=this[X],W=function(t){null!==S&&t[O]===Gt(".close",S)&&C.hide()},$=function(){C[Y].removeChild(S),N=null,S=null},z=function(){if(A=e[wt](T),L=e[wt](x),S=document.createElement(g),null!==L&&null===C[h]){if(S[It]("role","tooltip"),null!==A){var t=document.createElement("h3");t[It](v,d+"-title"),t.innerHTML=C[w]?A+I:A,S.appendChild(t)}var n=document.createElement(g),i=document.createElement(g);n[It](v,"arrow"),i[It](v,d+"-content"),S.appendChild(n),S.appendChild(i),i.innerHTML=C[w]&&null===A?L+I:L}else{var o=document.createElement(g);o.innerHTML=C[h],S.innerHTML=o.firstChild.innerHTML}C[Y].appendChild(S),S.style.display="block",S[It](v,d+" "+P+" "+C[U])},q=function(){!Ut(S,"in")&&qt(S,"in")},F=function(){oe(e,S,P,C[Y]),ne(S)||(P=ae(P),oe(e,S,P,C[Y]))};this.toggle=function(){null===S?C.show():C.hide()},this.show=function(){clearTimeout(N),N=setTimeout(function(){null===S&&(P=C[X],z(),F(),q(),Vt.call(e,ht,d),setTimeout(function(){Vt.call(e,pt,d)},C[j]))},20)},this.hide=function(){clearTimeout(N),N=setTimeout(function(){S&&null!==S&&Ut(S,"in")&&(Vt.call(e,mt,d),Ft(S,"in"),setTimeout(function(){$(),Vt.call(e,vt,d)},C[j]))},C[R])},m in e||(C[p]===ct?(Kt(e,zt[0],C.show),C[w]||Kt(e,zt[1],C.hide)):/^(click|focus)$/.test(C[p])&&(Kt(e,C[p],C.toggle),C[w]||Kt(e,"blur",C.hide)),C[w]&&Kt(document,st,W),i&&i<9||Kt(t,ft,C.hide)),e[m]=C}};_t(m,he,o);var pe=function(e,n){e=Gt(e);var o=Gt(e[wt](w));if(n=n||{},n[O]||o){for(var a,l=n[O]&&Gt(n[O])||o,r=l&&l[At]("A"),s=[],c=[],u=e[et]<e[ot]?e:t,f=u===t,d=0,h=r[Dt];d<h;d++){var p=r[d][wt]("href"),m=p&&/#[a-z0-9]+$/i.test(p)&&Gt(p);m&&(s.push(r[d]),c.push(m))}var g=function(t){var n=s[t][Mt],i=c[t],o=!f&&c[kt](i[Mt])>-1?i[Mt][G]:0,l=f&&i[Lt](),r=Ut(n,Bt)||!1,u=f?l[Rt]+a:i[G]+o,d=f?l[jt]+a:u+i[et],h=a>=u&&d>a;if(!r&&h)"LI"!==n.tagName||Ut(n,Bt)||(qt(n,Bt),r=!0,Vt.call(e,"activate","scrollspy",s[t]));else if(h){if(!h&&!r||r&&h)return}else"LI"===n.tagName&&Ut(n,Bt)&&(Ft(n,Bt),r=!1)},y=function(){a=f?ie().y:e[Q];for(var t=0,n=s[Dt];t<n;t++)g(t)};this.refresh=function(){y()},v in e||(Kt(u,dt,this.refresh),i&&i<9||Kt(t,ft,this.refresh)),this.refresh(),e[v]=this}};_t(v,pe,l);var me=function(t,e){t=Gt(t);var n=t[wt](b),o=t[wt](C),a="tab",l="height",r="isAnimating";t[r]=!1,e=e||{},this[j]=i&&i<10?0:parseInt(e[j]||n)||150,this[l]=!(i&&i<10)&&(e[l]||"true"===o||!1);var s,c,u=this,f=Jt(t,".nav"),d=Gt(".dropdown",f),h=function(){var t,e=Yt(f,Bt);return 1!==e[Dt]||Ut(e[0],"dropdown")?e[Dt]>1&&(t=e[e[Dt]-1]):t=e[0],t[At]("A")[0]},p=function(){return Gt(h()[wt]("href"))},m=function(t){t.preventDefault(),s=t[O],u.show()};this.show=function(){var e=Gt(s[wt]("href")),n=h(),i=p();n[r]&&s[r]||Ut(s[Mt],Bt)||(n[r]=s[r]=!0,Ft(n[Mt],Bt),qt(s[Mt],Bt),d&&(Ut(t[Mt][Mt],"dropdown-menu")?Ut(d,Bt)||qt(d,Bt):Ut(d,Bt)&&Ft(d,Bt)),c&&(c.style[l]=ee(i)+"px"),Vt.call(n,mt,a,s),setTimeout(function(){Ft(i,"in")},10),setTimeout(function(){c&&qt(c,Ht),Ft(i,Bt),qt(e,Bt),setTimeout(function(){qt(e,"in")},10),Vt.call(s,ht,a,n),Vt.call(n,vt,a,s),c&&(c.style[l]=ee(e)+"px")},.7*u[j]),setTimeout(function(){Vt.call(s,pt,a,n),c&&(Ft(c,Ht),c.style[l]=""),n[r]=s[r]=!1},1.5*u[j]))},g in t||Kt(t,st,m),this[l]&&(c=p()[Mt]),t[g]=this};_t(g,me,o);var ve=function(t,e){t=Gt(t);var o=t[wt](M);placementData=t[wt](B),durationData=t[wt](b),delayData=t[wt](H),containerData=t[wt](D),component="tooltip",classString="class",title="title",fade="fade",div="div",e=e||{},this[U]=e[U]&&e[U]!==fade?e[U]:o||fade,this[X]=e[X]?e[X]:placementData||Rt,this[R]=parseInt(e[R]||delayData)||100,this[j]=i&&i<10?0:parseInt(e[j]||durationData)||150,this[Y]=Gt(e[Y])||Gt(containerData)||n;var a=this,l=0,r=this[X],s=null,c=t[wt](title)||t[wt](L);if(c){var u=function(){a[Y].removeChild(s),s=null,l=null},f=function(){c=t[wt](title)||t[wt](L),s=document.createElement(div),s[It]("role",component);var e=document.createElement(div),n=document.createElement(div);e[It](classString,component+"-arrow"),n[It](classString,component+"-inner"),s.appendChild(e),s.appendChild(n),n.innerHTML=c,a[Y].appendChild(s),s[It](classString,component+" "+r+" "+a[U])},d=function(){oe(t,s,r,a[Y]),ne(s)||(r=ae(r),oe(t,s,r,a[Y]))},h=function(){!Ut(s,"in")&&qt(s,"in")};this.show=function(){clearTimeout(l),l=setTimeout(function(){null===s&&(r=a[X],f(),d(),h(),Vt.call(t,ht,component),setTimeout(function(){Vt.call(t,pt,component)},a[j]))},20)},this.hide=function(){clearTimeout(l),l=setTimeout(function(){s&&null!==s&&Ut(s,"in")&&(Vt.call(t,mt,component),Ft(s,"in"),setTimeout(function(){u(),Vt.call(t,vt,component)},a[j]))},a[R])},this.toggle=function(){s?a.hide():a.show()},y in t||(t[It](L,c),t.removeAttribute(title),Kt(t,zt[0],this.show),Kt(t,zt[1],this.hide)),t[y]=this}};return _t(y,ve,o),{Affix:le,Alert:re,Button:se,Carousel:ce,Collapse:ue,Dropdown:fe,Modal:de,Popover:he,ScrollSpy:pe,Tab:me,Tooltip:ve}});
diff --git a/index.html b/index.html
index 0e520420..99dd3e26 100644
--- a/index.html
+++ b/index.html
@@ -427,11 +427,8 @@ <h5 id="modalDataAPI">Via DATA API</h5>
               <p>The DATA API is suited for static content dialogs.</p>
               
               <h5>Via JavaScript</h5>
-              <p>When you write your code, first make sure a modal template is present in the DOM and one or more triggering buttons that reference that modal. Via JavaScript initialization the 
-                  <code>data-toggle="modal"</code> is not required, so you can grab a triggering element and initiate <b>Modal</b>, then immediately get access to methods. The JavaScript way is the <b>only</b> 
-                  way to deal with dynamically added modals.</p> 
-              <p>The original plugin will initialize for the modal element, but we initialize for the triggering element, and this has it's own advantages and we'll disect that in a second. Let's create a very 
-                basic modal template for the record.</p>
+              <p>When you write your code, first make sure a modal template is present in the DOM. Generally you can initialize <b>Modal</b> for any instance of <code>&lt;div class="modal"&gt;</code> and immediately get access to methods. Alternativelly you can initialize on a triggering element, similar to how the DATA API works, in this case the <code>data-toggle="modal"</code> is not required, but you need to specify a modal reference via a specific attribute, like so <code>&lt;button data-target="#modalId"&gt;</code> or <code>&lt;a href="#modalId"&gt;</code>.</p> 
+              <p>The JavaScript way is the <b>only</b> way to deal with dynamically added modals. Let's create a very basic modal template for the record.</p>
 
 <pre><code class="language-markup">&lt;!-- blank modal template --&gt;
 &lt;div id="modalID" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"&gt;
@@ -442,14 +439,15 @@ <h5>Via JavaScript</h5>
   &lt;/div&gt;
 &lt;/div&gt;
 </code></pre>
-              <p>Now let's initialize a triggering button element that targets the above modal via <code>data-target="#myModal"</code> or <code>href="#myModal"</code>.</p>
 
-<pre><code class="language-javascript">// get a certain button trigger
-var myModalTriggerButton = document.getElementById('myModalTrigger');
+              <p>If you are looking for the functionality that grants you full control over your modal without the need of a triggering element, you can initialize that modal and get access to public methods right away:</p>
+
+<pre><code class="language-javascript">// get the modal by ID
+var myModal = document.getElementById('modalID');
 
-// initiate Modal with all options
+// initialize on a &lt;div class="modal"&gt; with all options
 // Note: options object is optional
-var myModalInstance = new Modal(myModalTriggerButton, 
+var myModalInstance = new Modal(myModal, 
 { // options object
   content: '&lt;div class="modal-body"&gt;Some content to be set on init&lt;/div&gt;', // sets modal content
   backdrop: 'static', // we don't want to dismiss Modal when Modal or backdrop is the click event target
@@ -458,11 +456,35 @@ <h5>Via JavaScript</h5>
 });
 
 // OR initialize and show the modal right away
-var myModalInstance = new Modal(myModalTriggerButton, options).show();
+var myModalInstance = new Modal(myModal, options);
+myModalInstance.show();
 // now you know why we don't need a show option
 </code></pre>
 
-              <p>Now we have an initialization reference in <code>myModalInstance</code>, we can start applying the public methods.</p>
+              <p>In other cases you can designate one or multiple triggering elements to open your modal, they will be the target of the constructor initialization and allow you to use same modal as a template to handle contents pushed by the triggering elements.</p>
+
+<pre><code class="language-markup">&lt;!-- &lt;button&gt; referencing the modal --&gt;
+&lt;button type="button" id="buttonID" class="btn btn-primary" data-target="#modalID"&gt;My Button&lt;/button&gt;
+
+&lt;!-- &lt;a&gt; referencing the modal --&gt;
+&lt;a id="anchorID" class="btn btn-primary" href="#modalID"&gt;My Link&lt;/a&gt;
+</code></pre>
+
+              <p>Now let's initialize one of them right away:</p>
+
+<pre><code class="language-javascript">// get a certain button trigger
+var myButton = document.getElementById('buttonID');
+
+// initiate Modal on a triggering element
+var myModalInstance = new Modal(myButton, 
+{ // options object
+  content: '&lt;div class="modal-body"&gt;Some content to be set on init&lt;/div&gt;', // sets modal content
+  keyboard: false, // we don't want to dismiss Modal on pressing Esc key
+  duration: 700, // let's assume we changed the animation duration for Modal
+});
+</code></pre>
+
+              <p>Now we have an initialization reference in <code>myModalInstance</code>, regardless of which element is the target or our constructor, we can start applying the public methods.</p>
 
 <pre><code class="language-javascript">// show the modal at any time
 myModalInstance.show();
@@ -484,10 +506,10 @@ <h5>Via JavaScript</h5>
 
 <pre><code class="language-javascript">// GET THE EVENT TARGET, THE MODAL
 // when we are certain which modal ID to work with
-var myModal = document.getElementById('myModal');
+var myModal = document.getElementById('modalID');
 
-// also button trigger related (especially when modals are triggered by multiple instances) 
-// the triggering element is a link
+// also button trigger related (especially when modals are targeted by multiple triggering elements) 
+// a triggering element is a link
 var myModal = document.getElementById(myModalTriggerButton.getAttribute('href').replace('#','')); 
 // OR triggering element is not a link
 var myModal = document.getElementById(myModalTriggerButton.getAttribute('data-target').replace('#','')); 
@@ -520,21 +542,20 @@ <h5>Via JavaScript</h5>
 }, false);
 </code></pre>
 
-              <p>Additionally the component will store in the modal and it's triggering elements some references, for the internal execution, hopefully would help you as well:</p>
+              <p>Additionally the component will store in the modal and it's triggering elements some references, for the internal execution, hopefully would help you as well. For instance, when a modal is referenced by one or more triggering elements, it will know which one was clicked last time to execute the <code>.show()</code> instance method.</p>
 
-<pre><code class="language-javascript">// modal knows which element was clicked to execute the .show() method
-var lastModalTrigger = myModal.modalTrigger; 
-// for modals with multiple triggering elements, the value changes every time the triggering element was clicked
+<pre><code class="language-javascript">// for modals with multiple triggering elements, the value changes every time the triggering element was clicked
+var lastModalTrigger = myModal.modalTrigger;
 </code></pre>
 
               <p>Also each triggering element holds the initialization of the <b>Modal</b> component:</p>
 
-<pre><code class="language-javascript">// assuming we a modal was initialized via DATA API
+<pre><code class="language-javascript">// when a modal was initialized via DATA API
+// OR a triggering element is the target of the Modal constructor
 var myModalInstance === document.getElementById('myModalTrigger').Modal; 
 </code></pre>
               
-              <p>These references are used internally to hide currently visible modals when showing another one, and this is the reason why we initialize on the triggering element and not the modal, 
-                as a modal cannot hold multiple initialization instances for each triggering element.</p>
+              <p>These references are used internally to hide currently visible modals when showing another one. When the component is used via JavaScript only without a triggering element, you need to manually hide (via <code>.hide()</code> instance method) any visible modal before showing another modal (via the <code>.show()</code> instance method).</p>
             </section>
 
             <section id="modalExamples">
@@ -599,11 +620,15 @@ <h4>This modal was opened from another modal</h4>
               </div>
 
               <h5>Via JavaScript</h5>
-              <p>The following examples are focused on everything the <b>Modal</b> component offers for JavaScript initialization and usage. Given a modal template and some triggering elements that target the modal, 
-                let's initialize them one by one:</p>
+              <p>The following examples are focused on everything the <b>Modal</b> component offers for JavaScript initialization and usage. Given a modal template and some buttons to open the modal on click, 
+                let's initialize it first:</p>
 
-<pre><code class="language-javascript">// we grab the trigger button by ID
-var btnModal = document.getElementById('modalTriggerJS');
+<pre><code class="language-javascript">// we grab a modal by ID
+var myModal = document.getElementById('myModal');
+
+// we grab some button by ID, we will use it later
+var btnModal = document.getElementById('openModalViaJS');
+// this button IS NOT a triggering element, as it has no reference to the above modal
 
 // set a custom content
 var firstModalContent = '&lt;div class="modal-header"&gt;'
@@ -620,23 +645,28 @@ <h5>Via JavaScript</h5>
   +'&lt;/div&gt;';
 
 // initialize Modal for this triggering element
-var modalInitJS = new Modal(btnModal, {
+var modalInitJS = new Modal(myModal, {
   content: firstModalContent,
   backdrop: 'static'
 });
 
 // OR initialize with no options provided
 // the options obect is optional
-var modalInitJS = new Modal(btnModal);
+var modalInitJS = new Modal(myModal);
+
+// when we click btnModal, open the modal
+btnModal.addEventListener('click', function(e){
+  modalInitJS.show();
+}, false)
 </code></pre>
 
               <p>Here is what the above code does:</p>
-              <p><button id="modalTriggerJS" type="button" class="btn btn-default btn-lg" data-target="#myModalJS">Open Modal</button></p>
+              <p><button id="openModalViaJS" type="button" class="btn btn-default btn-lg">Open Modal</button></p>
 
               <p>Next we will initialize another triggering button, and attach a handler to it to change content of the modal when clicked.</p>
 
 <pre><code class="language-javascript">// the reiggering element
-var btnModal2 = document.getElementById('modalTriggerJS2');
+var btnModal2 = document.getElementById('openModalViaJS2');
 
 // set some custom content or get if from external sources
 var externalModalContent = {
@@ -670,7 +700,7 @@ <h5>Via JavaScript</h5>
 
               <p>By changing the <code>innerHTML</code> of the <code>modal-header</code>, <code>modal-body</code> or <code>modal-footer</code> with variables, you can achieve exactly the same as the 
                 <a href="http://getbootstrap.com/javascript/#modals-related-target" target="_blank">other examples</a> from the demo of the original plugin. So we use same modal, but with different content:</p>
-              <p><a id="modalTriggerJS2" class="btn btn-default btn-lg" href="#myModalJS">Open Modal</a></p>
+              <p><a id="openModalViaJS2" class="btn btn-default btn-lg">Open Modal</a></p>
 
               <p>Now if you go back to the previous triggering button and click it, you will notice that the modal is still like it was set by the second triggering button. Let's reset the modal content:</p>
 
diff --git a/lib/affix-native.js b/lib/affix-native.js
index c979d66f..97351c3c 100644
--- a/lib/affix-native.js
+++ b/lib/affix-native.js
@@ -108,11 +108,11 @@ var Affix = function(element, options) {
   };
 
   // init
-  if ( !(stringAffix in element ) ) {
-    on( global, scrollEvent, this[update] );
-    on( global, resizeEvent, function() { setTimeout(function(){ self[update](); }, resizeDelay); });
-    element[stringAffix] = this;
+  if ( !(stringAffix in element ) ) { // prevent adding event handlers twice
+    on( globalObject, scrollEvent, this[update] );
+    on( globalObject, resizeEvent, function() { setTimeout(function(){ self[update](); }, resizeDelay); });
   }
+  element[stringAffix] = this;
 
   this[update]();
 };
diff --git a/lib/alert-native.js b/lib/alert-native.js
index b5931455..63b3df2c 100644
--- a/lib/alert-native.js
+++ b/lib/alert-native.js
@@ -39,10 +39,10 @@ var Alert = function( element ) {
   };
 
   // init
-  if ( !(stringAlert in element ) ) {
+  if ( !(stringAlert in element ) ) { // prevent adding event handlers twice
     on(element, clickEvent, clickHandler);
-    element[stringAlert] = this;
   }
+  element[stringAlert] = this;
 };
 
 // ALERT DATA API
diff --git a/lib/button-native.js b/lib/button-native.js
index 38629370..1f6a03bf 100644
--- a/lib/button-native.js
+++ b/lib/button-native.js
@@ -99,17 +99,17 @@ var Button = function( element, option ) {
     };
 
   // init
-  if ( hasClass(element,'btn') ) { // when Button text is used we don't register the initialization in the BootstrapNative object
+  if ( hasClass(element,'btn') ) { // when Button text is used we execute it as an instance method
     if ( option !== null ) {
       if ( option !== reset ) { setState(); } 
       else { resetState(); }
     }
   }
-  if ( hasClass(element,'btn-group') ) { // register in the BootstrapNative object
-    if ( !( stringButton in element ) ) {
+  if ( hasClass(element,'btn-group') ) {
+    if ( !( stringButton in element ) ) { // prevent adding event handlers twice
       on( element, clickEvent, toggle );
-      element[stringButton] = this;
     }
+    element[stringButton] = this;
   }
 };
 
diff --git a/lib/carousel-native.js b/lib/carousel-native.js
index 372c042a..6e3268a1 100644
--- a/lib/carousel-native.js
+++ b/lib/carousel-native.js
@@ -193,7 +193,7 @@ var Carousel = function( element, options ) {
   };
 
   // init
-  if ( !(stringCarousel in element ) ) {
+  if ( !(stringCarousel in element ) ) { // prevent adding event handlers twice
 
     if ( this[pause] && this[interval] ) {
       on( element, mouseHover[0], pauseHandler );
@@ -202,20 +202,20 @@ var Carousel = function( element, options ) {
       on( element, 'touchend', resumeHandler );
     }
   
-    rightArrow && rightArrow.addEventListener( clickEvent, controlsHandler, false);
-    leftArrow && leftArrow.addEventListener( clickEvent, controlsHandler, false);
+    rightArrow && on( rightArrow, clickEvent, controlsHandler );
+    leftArrow && on( leftArrow, clickEvent, controlsHandler );
   
-    indicator && indicator.addEventListener( clickEvent, indicatorHandler, false);
-    this[keyboard] === true && global.addEventListener( keydownEvent, keyHandler, false);
+    indicator && on( indicator, clickEvent, indicatorHandler, false);
+    this[keyboard] === true && on( globalObject, keydownEvent, keyHandler, false);
 
-    if (this.getActiveIndex()<0) {
-      slides[length] && addClass(slides[0],active);
-      indicators[length] && setActivePage(0);
-    }
-
-    if ( this[interval] ){ this.cycle(); }
-    element[stringCarousel] = this;
   }
+  if (this.getActiveIndex()<0) {
+    slides[length] && addClass(slides[0],active);
+    indicators[length] && setActivePage(0);
+  }
+
+  if ( this[interval] ){ this.cycle(); }
+  element[stringCarousel] = this;
 };
 
 // CAROUSEL DATA API
diff --git a/lib/collapse-native.js b/lib/collapse-native.js
index a4d8ffd3..a6e62638 100644
--- a/lib/collapse-native.js
+++ b/lib/collapse-native.js
@@ -5,6 +5,8 @@
 // COLLAPSE DEFINITION
 // ===================
 var Collapse = function( element, options ) {
+
+  // initialization element
   element = queryElement(element);
 
   // set options
@@ -92,13 +94,12 @@ var Collapse = function( element, options ) {
   };
 
   // init
-  if ( !(stringCollapse in element ) ) {
-    collapse = getTarget();
-    accordion = queryElement(options.parent) || accordionData && getClosest(element, accordionData);
+  if ( !(stringCollapse in element ) ) { // prevent adding event handlers twice
     on(element, clickEvent, this.toggle);
-
-    element[stringCollapse] = this;
   }
+  collapse = getTarget();
+  accordion = queryElement(options.parent) || accordionData && getClosest(element, accordionData);
+  element[stringCollapse] = this;
 };
 
 // COLLAPSE DATA API
diff --git a/lib/dropdown-native.js b/lib/dropdown-native.js
index 2fb8ce19..bcefa9a8 100644
--- a/lib/dropdown-native.js
+++ b/lib/dropdown-native.js
@@ -64,11 +64,11 @@ var Dropdown = function( element, option ) {
   };
 
   // init
-  if ( !(stringDropdown in element) ) { // initialize, make sure it's not already initialized
+  if ( !(stringDropdown in element) ) { // prevent adding event handlers twice
     menu[setAttribute]('tabindex', '0'); // Fix onblur on Chrome | Safari
-    element[stringDropdown] = this;
     on(document, clickEvent, clickHandler);
   }
+  element[stringDropdown] = this;
 };
 
 // DROPDOWN DATA API
diff --git a/lib/modal-native.js b/lib/modal-native.js
index 67702dea..34590b09 100644
--- a/lib/modal-native.js
+++ b/lib/modal-native.js
@@ -4,13 +4,15 @@
   
 // MODAL DEFINITION
 // ===============
-var Modal = function(element, options) { // element is the is the modal
+var Modal = function(element, options) { // element can be the modal/triggering button
 
-  // the triggering button element
+  // the modal (JavaScript init) / triggering button element (DATA API)
   element = queryElement(element);
 
-  // modal
-  var modal = queryElement( element[getAttribute](dataTarget)||element[getAttribute]('href') ),
+  // determine modal, triggering element 
+  var btnCheck = element[getAttribute](dataTarget)||element[getAttribute]('href'),
+    checkModal = queryElement( btnCheck ),
+    modal = hasClass(element,'modal') ? element : checkModal,
 
     // strings
     component = 'modal',
@@ -19,6 +21,10 @@ var Modal = function(element, options) { // element is the is the modal
     paddingRight = 'paddingRight'
     modalBackdropString = 'modal-backdrop';
 
+  if ( hasClass(element,'modal') ) { element = null; } // modal is now independent of it's triggering element
+
+  if ( !modal ) { return; } // invalidate
+
   // set options
   options = options || {};
 
@@ -29,16 +35,16 @@ var Modal = function(element, options) { // element is the is the modal
   this[content]  = options[content]; // JavaScript only
 
   // bind, constants, event targets and other vars
-  var self = this, open = false, relatedTarget = null,
+  var self = this, open = this.open = false, relatedTarget = null,
     bodyIsOverflowing, modalIsOverflowing, scrollbarWidth, overlay,
 
     // private methods
     getWindowWidth = function() {
       var htmlRect = doc[getBoundingClientRect]();
-      return global[innerWidth] || (htmlRect[right] - Math.abs(htmlRect[left]));
+      return globalObject[innerWidth] || (htmlRect[right] - Math.abs(htmlRect[left]));
     },
     setScrollbar = function () {
-      var bodyStyle = body.currentStyle || global.getComputedStyle(body), bodyPad = parseInt((bodyStyle[paddingRight]), 10);
+      var bodyStyle = body.currentStyle || globalObject.getComputedStyle(body), bodyPad = parseInt((bodyStyle[paddingRight]), 10);
       if (bodyIsOverflowing) { body.style[paddingRight] = (bodyPad + scrollbarWidth) + 'px'; }
     },
     resetScrollbar = function () {
@@ -82,7 +88,7 @@ var Modal = function(element, options) { // element is the is the modal
       }
     },
     keydownHandlerToggle = function() {
-      if (!hasClass(modal,'in')) { // element, event, handler
+      if (!hasClass(modal,'in')) {
         on(document, keydownEvent, keyHandler);
       } else {
         off(document, keydownEvent, keyHandler);
@@ -90,9 +96,9 @@ var Modal = function(element, options) { // element is the is the modal
     },
     resizeHandlerToggle = function() {
       if (!hasClass(modal,'in')) {
-        on(global, resizeEvent, this.update);
+        on(globalObject, resizeEvent, self.update);
       } else {
-        off(global, resizeEvent, this.update);
+        off(globalObject, resizeEvent, self.update);
       }
     },
     dismissHandlerToggle = function() {
@@ -165,7 +171,7 @@ var Modal = function(element, options) { // element is the is the modal
       modal[setAttribute](ariaHidden, false);
     }, this[duration]/2);
     setTimeout( function() {
-      open = true;
+      open = self.open = true;
       bootstrapCustomEvent.call(modal, shownEvent, component, relatedTarget);
     }, this[duration]);
   };
@@ -193,7 +199,7 @@ var Modal = function(element, options) { // element is the is the modal
 
     setTimeout( function() {
       if (!getElementsByClassName(document,component+' in')[0]) { removeOverlay(); }
-      open = false;
+      open = self.open = false;
       bootstrapCustomEvent.call(modal, hiddenEvent, component);
     }, this[duration]);
   };
@@ -209,11 +215,13 @@ var Modal = function(element, options) { // element is the is the modal
   };
 
   // init
-  if ( !(stringModal in element) ) {
-    if ( !!this[content] ) { this.setContent( this[content] ); }
+  // prevent adding event handlers over and over
+  // modal is independent of a triggering element 
+  if ( !!element && !(stringModal in element) ) {
     on(element, clickEvent, clickHandler);
-    element[stringModal] = this;
   }
+  if ( !!this[content] ) { this.setContent( this[content] ); }
+  !!element && (element[stringModal] = this);
 };
 
 // DATA API
diff --git a/lib/popover-native.js b/lib/popover-native.js
index afcdc43a..1fb03425 100644
--- a/lib/popover-native.js
+++ b/lib/popover-native.js
@@ -147,7 +147,7 @@ var Popover = function( element, options ) {
   };
 
   // init
-  if ( !(stringPopover in element) ) {
+  if ( !(stringPopover in element) ) { // prevent adding event handlers twice
     if (self[trigger] === hoverEvent) {
       on( element, mouseHover[0], self.show );
       if (!self[dismissible]) { on( element, mouseHover[1], self.hide ); }
@@ -159,10 +159,10 @@ var Popover = function( element, options ) {
     if (self[dismissible]) { on( document, clickEvent, dismissibleHandler ); }
   
     // dismiss on window resize
-    if ( !(isIE && isIE < 9) ) { on( global, resizeEvent, self.hide ); }
+    if ( !(isIE && isIE < 9) ) { on( globalObject, resizeEvent, self.hide ); }
 
-    element[stringPopover] = self;
   }
+  element[stringPopover] = self;
 };
 
 // POPOVER DATA API
diff --git a/lib/scrollspy-native.js b/lib/scrollspy-native.js
index d51370c2..8244cd01 100644
--- a/lib/scrollspy-native.js
+++ b/lib/scrollspy-native.js
@@ -20,8 +20,8 @@ var ScrollSpy = function(element, options) {
   var spyTarget = options[target] && queryElement(options[target]) || targetData,
       links = spyTarget && spyTarget[getElementsByTagName]('A'), 
       items = [], targetContainers = [], scrollOffset,
-      scrollTarget = element[offsetHeight] < element[scrollHeight] ? element : global, // determine which is the real scrollTarget
-      isWindow = scrollTarget === global;  
+      scrollTarget = element[offsetHeight] < element[scrollHeight] ? element : globalObject, // determine which is the real scrollTarget
+      isWindow = scrollTarget === globalObject;  
 
   // populate items and targets
   for (var i=0, il=links[length]; i<il; i++) {
@@ -74,14 +74,14 @@ var ScrollSpy = function(element, options) {
   }
 
   // init
-  if ( !(stringScrollSpy in element) ) {
-    this.refresh();
+  if ( !(stringScrollSpy in element) ) { // prevent adding event handlers twice
     on( scrollTarget, scrollEvent, this.refresh );
     if ( !(isIE && isIE < 9)) { 
-      on( global, resizeEvent, this.refresh ); 
+      on( globalObject, resizeEvent, this.refresh ); 
     }
-    element[stringScrollSpy] = this;
   }
+  this.refresh();
+  element[stringScrollSpy] = this;
 };
 
 // SCROLLSPY DATA API
diff --git a/lib/tab-native.js b/lib/tab-native.js
index ef81e017..8163ba14 100644
--- a/lib/tab-native.js
+++ b/lib/tab-native.js
@@ -13,8 +13,8 @@ var Tab = function( element, options ) {
   var durationData = element[getAttribute](dataDuration),
       heightData = element[getAttribute](dataHeight),
     
-    // strings
-    component = 'tab', height = 'height', isAnimating = 'isAnimating';
+      // strings
+      component = 'tab', height = 'height', isAnimating = 'isAnimating';
 
   // set default animation state
   element[isAnimating] = false;
@@ -29,7 +29,6 @@ var Tab = function( element, options ) {
     tabs = getClosest(element,'.nav'),
     tabsContentContainer,
     dropdown = queryElement('.dropdown',tabs);
-    
 
   // private methods
   var getActiveTab = function() {
@@ -104,11 +103,11 @@ var Tab = function( element, options ) {
   };
 
   // init
-  if ( !(stringTab in element) ) {
-    if (this[height]) { tabsContentContainer = getActiveContent()[parentNode]; }
+  if ( !(stringTab in element) ) { // prevent adding event handlers twice
     on(element, clickEvent, clickHandler);
-    element[stringTab] = this;
   }
+  if (this[height]) { tabsContentContainer = getActiveContent()[parentNode]; }
+  element[stringTab] = this;
 };
 
 // TAB DATA API
diff --git a/lib/tooltip-native.js b/lib/tooltip-native.js
index f5de1a8b..6556549d 100644
--- a/lib/tooltip-native.js
+++ b/lib/tooltip-native.js
@@ -103,13 +103,13 @@ var Tooltip = function( element,options ) {
   };
 
   // init
-  if ( !(stringTooltip in element) ) {
+  if ( !(stringTooltip in element) ) { // prevent adding event handlers twice
     element[setAttribute](dataOriginalTitle,titleString);
     element.removeAttribute(title);
     on(element, mouseHover[0], this.show);
     on(element, mouseHover[1], this.hide);
-    element[stringTooltip] = this;
   }
+  element[stringTooltip] = this;
 };
 
 // TOOLTIP DATA API
diff --git a/lib/utils.js b/lib/utils.js
index 7ab0fe0b..001a59f9 100644
--- a/lib/utils.js
+++ b/lib/utils.js
@@ -3,7 +3,7 @@
 ----------------------------------------------------------------*/
 
 // globals
-var global = typeof global !== 'undefined' ? global : this||window,
+var globalObject = typeof global !== 'undefined' ? global : this||window,
   doc = document.documentElement, body = document.body,
   
   // IE browser detect
@@ -129,10 +129,9 @@ var global = typeof global !== 'undefined' ? global : this||window,
     var selectionMethod = isIE === 8 ? querySelectorAll : getElementsByCLASSNAME;      
     return nodeListToArray(element[selectionMethod]( isIE === 8 ? '.' + classNAME.replace(/\s(?=[a-z])/g,'.') : classNAME ));
   },
-  queryElement = function (selector, parent) { // selector utility since 1.2.0
+  queryElement = function (selector, parent) {
     var lookUp = parent ? parent : document;
-    return typeof selector === 'object' ? selector : 
-      (/^#/.test(selector) ? document.getElementById(selector.replace('#', '')) : lookUp.querySelector(selector));
+    return typeof selector === 'object' ? selector : lookUp.querySelector(selector);
   },
   getClosest = function (element, selector) { //element is the element and selector is for the closest parent element to find
   // source http://gomakethings.com/climbing-up-and-down-the-dom-tree-with-vanilla-javascript/
@@ -165,11 +164,7 @@ var global = typeof global !== 'undefined' ? global : this||window,
   AllDOMElements = document[getElementsByTagName]('*'),
 
   /* Init DATA API
-  *  -------------
-  *  component : Dropdown
-  *  constructor : Dropdown() constructor
-  *  dataAttribute : data-toggle 
-  */
+  --------------*/
   initializeDataAPI = function( component, constructor, dataAttribute, collection ){
     var lookUp = collection && collection[length] ? collection : AllDOMElements;
     for (var i=0; i < lookUp[length]; i++) {
@@ -180,22 +175,11 @@ var global = typeof global !== 'undefined' ? global : this||window,
       }
     }
   },
-  /* BULK initialization
-  *  -------------------
-  * you can uncomment the below to trigger a global re-initialization 
-  * at any time you can either go for your own HTMLCollection / Array object
-  * or use with no argument to use the above AllDOMElements collection */
-  // components = [stringAffix, stringAlert, stringButton, stringCarousel, stringCollapse, stringDropdown, stringModal, stringPopover, stringScrollSpy, stringTab, stringToolTip],
-  // componentsSelectors = [dataSpy, dataDismiss, dataToggle, dataRide, dataToggle, dataToggle, dataToggle, dataToggle, dataSpy, dataToggle, dataToggle],
-  // bulkInitializeDataAPI = function(collection){
-  //   for (var i=0; i<components[length]; i++){
-  //     initializeDataAPI( components[i], global[components[i]], componentsSelectors[i], collection );
-  //   }
-  // },
 
   // tab / collapse stuff
   getOuterHeight = function (child) {
-    var style = child && (child.currentStyle || global.getComputedStyle(child)), // the getComputedStyle polyfill would do this for us, but we want to make sure it does
+    // the getComputedStyle polyfill would do this for us, but we want to make sure it does
+    var style = child && (child.currentStyle || globalObject.getComputedStyle(child)), 
       btp = /px/.test(style.borderTopWidth) ? Math.round(style.borderTopWidth.replace('px','')) : 0,
       btb = /px/.test(style.borderBottomWidth) ? Math.round(style.borderBottomWidth.replace('px','')) : 0,
       mtp = /px/.test(style.marginTop)  ? Math.round(style.marginTop.replace('px',''))    : 0,
@@ -214,13 +198,13 @@ var global = typeof global !== 'undefined' ? global : this||window,
   isElementInViewport = function(element) { // check if this.tooltip is in viewport
     var rect = element[getBoundingClientRect]();
     return ( rect[top] >= 0 && rect[left] >= 0 &&
-      rect[bottom] <= (global[innerHeight] || doc[clientHeight]) &&
-      rect[right] <= (global[innerWidth] || doc[clientWidth]) )
+      rect[bottom] <= (globalObject[innerHeight] || doc[clientHeight]) &&
+      rect[right] <= (globalObject[innerWidth] || doc[clientWidth]) )
   },
   getScroll = function() { // also Affix and ScrollSpy uses it
     return {
-      y : global.pageYOffset || doc[scrollTop],
-      x : global.pageXOffset || doc[scrollLeft]
+      y : globalObject.pageYOffset || doc[scrollTop],
+      x : globalObject.pageXOffset || doc[scrollLeft]
     }
   },
   styleTip = function(link,element,position,container) { // both popovers and tooltips