introduce rollup bundler

lib/src/.babelrc

@@ -0,0 +1,10 @@
+{
+    "presets": [
+        [
+            "@babel/preset-env",
+            {
+                "modules": false
+            }
+        ]
+    ]
+}

lib/src/alert-native.js

@@ -3,9 +3,9 @@
 -------------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { hasClass, removeClass  } from './util/class.js';
-import { bootstrapCustomEvent, on, off  } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off  } from './util/event.js';
 import { queryElement } from './util/selector.js';
 import { emulateTransitionEnd } from './util/transition.js';
 

lib/src/button-native.js

@@ -3,9 +3,9 @@
 ---------------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { hasClass, addClass, removeClass  } from './util/class.js';
-import { bootstrapCustomEvent, on, off  } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off  } from './util/event.js';
 import { queryElement, getElementsByClassName } from './util/selector.js';
 
 // BUTTON DEFINITION

lib/src/carousel-native.js

@@ -3,9 +3,9 @@
 ----------------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { hasClass, addClass, removeClass } from './util/class.js';
-import { bootstrapCustomEvent, on, off, touchEvents, mouseHover, passiveHandler } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off, touchEvents, mouseHover, passiveHandler } from './util/event.js';
 import { queryElement, getElementsByClassName } from './util/selector.js';
 import { supportTransitions, emulateTransitionEnd } from './util/transition.js';
 

lib/src/collapse-native.js

@@ -3,9 +3,9 @@
 -----------------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { hasClass, addClass, removeClass } from './util/class.js';
-import { bootstrapCustomEvent, on, off } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off } from './util/event.js';
 import { queryElement } from './util/selector.js';
 import { emulateTransitionEnd } from './util/transition.js';
 

lib/src/dropdown-native.js

@@ -3,10 +3,10 @@
 ----------------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { setFocus } from './util/misc.js';
 import { hasClass, addClass, removeClass } from './util/class.js';
-import { bootstrapCustomEvent, on, off } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off } from './util/event.js';
 import { queryElement } from './util/selector.js';
 
 
@@ -30,7 +30,7 @@ export default class Dropdown {
         relatedTarget = null;
 
     // constants
-    const self = this;
+    const self = this,
 
       // targets
       parent = element.parentNode,
@@ -153,7 +153,7 @@ export default class Dropdown {
 
     // init
     if ( !element.Dropdown ) { // prevent adding event handlers twice
-      !(tabindex in menu) && menu.setAttribute(tabindex, '0'); // Fix onblur on Chrome | Safari
+      !('tabindex' in menu) && menu.setAttribute('tabindex', '0'); // Fix onblur on Chrome | Safari
       on(element, 'click', clickHandler);
     }
 

lib/src/index.js

@@ -9,8 +9,9 @@ import ScrollSpy from './scrollspy-native.js'
 import Tab from './tab-native.js'
 import Toast from './toast-native.js'
 import Tooltip from './tooltip-native.js'
+import './util/init.js'
 
-export {
+export default {
 	Alert,
 	Button,
 	Carousel,

lib/src/modal-native.js

@@ -3,10 +3,10 @@
 -------------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { setFocus } from './util/misc.js';
 import { hasClass, addClass, removeClass } from './util/class.js';
-import { bootstrapCustomEvent, on, off, passiveHandler } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off, passiveHandler } from './util/event.js';
 import { queryElement, getElementsByClassName } from './util/selector.js';
 import { emulateTransitionEnd, getTransitionDurationFromElement } from './util/transition.js';
 

lib/src/popover-native.js

@@ -3,10 +3,10 @@
 ----------------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { styleTip } from './util/misc.js';
 import { hasClass, addClass, removeClass } from './util/class.js';
-import { bootstrapCustomEvent, on, off, mouseHover, passiveHandler } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off, mouseHover, passiveHandler } from './util/event.js';
 import { queryElement } from './util/selector.js';
 import { emulateTransitionEnd } from './util/transition.js';
 
@@ -27,14 +27,14 @@ export default class Popover {
       timer = 0,
       // title and content
       titleString,
-      contentString,
+      contentString;
 
     // bind, popover and timer
     const 
       self = this,
 
       // DATA API
-      const triggerData = element.getAttribute('data-trigger'), // click / hover / focus
+      triggerData = element.getAttribute('data-trigger'), // click / hover / focus
       animationData = element.getAttribute('data-animation'), // true / false
 
       placementData = element.getAttribute('data-placement'),
@@ -82,7 +82,7 @@ export default class Popover {
       placementClass = `bs-popover-${self.options.placement}`,
 
       // handlers
-      const dismissibleHandler = e => {
+      dismissibleHandler = e => {
         if (popover !== null && e.target === queryElement('.close',popover)) {
           self.hide();
         }

lib/src/scrollspy-native.js

@@ -3,9 +3,9 @@
 -----------------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { hasClass, addClass, removeClass } from './util/class.js';
-import { bootstrapCustomEvent, on, off, passiveHandler } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off, passiveHandler } from './util/event.js';
 import { queryElement } from './util/selector.js';
 import { getScroll } from './util/misc.js';
 

lib/src/tab-native.js

@@ -3,9 +3,9 @@
 -----------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { hasClass, addClass, removeClass } from './util/class.js';
-import { bootstrapCustomEvent, on, off } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off } from './util/event.js';
 import { queryElement, getElementsByClassName } from './util/selector.js';
 import { supportTransitions, emulateTransitionEnd } from './util/transition.js';
 

lib/src/toast-native.js

@@ -3,9 +3,9 @@
 ---------------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { hasClass, addClass, removeClass } from './util/class.js';
-import { bootstrapCustomEvent, on, off } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off } from './util/event.js';
 import { queryElement } from './util/selector.js';
 import { emulateTransitionEnd } from './util/transition.js';
 

lib/src/tooltip-native.js

@@ -3,10 +3,10 @@
 ---------------------------------------------*/
 
 // IMPORTS
-import { supports } from './util/callbacks.js';
+import { supports } from './util/globals.js';
 import { styleTip } from './util/misc.js';
 import { hasClass, addClass, removeClass } from './util/class.js';
-import { bootstrapCustomEvent, on, off, mouseHover, passiveHandler } from './util/event.js';
+import { bootstrapCustomEvent, dispatchCustomEvent, on, off, mouseHover, passiveHandler } from './util/event.js';
 import { queryElement } from './util/selector.js';
 import { emulateTransitionEnd } from './util/transition.js';
 

lib/src/util/callbacks.js

@@ -1,14 +1,8 @@
-import on from './event.js'
-
-// globals
-const globalObject = typeof global !== 'undefined' ? global : this||window;
-const BSN = globalObject.BSN = {};
-export const supports = globalObject.BSN.supports = [];
-
+import { supports } from './globals.js'
 
 /* Native JavaScript for Bootstrap | Initialize Data API
 --------------------------------------------------------*/
-export const initCallback = BSN.initCallback = function(lookUp){
+export const initCallback = function(lookUp){
   lookUp = lookUp || document;
   const initializeDataAPI = function( constructor, collection ){
     for (let i=0, cl=collection.length; i<cl; i++) {
@@ -20,13 +14,9 @@ export const initCallback = BSN.initCallback = function(lookUp){
   }
 };
 
-// bulk initialize all components
-document.body ? initCallback() : on( document, 'DOMContentLoaded', initCallback );
-
-
 /* Native JavaScript for Bootstrap | Remove Data API
 --------------------------------------------------------*/
-export const removeDataAPI = BSN.removeDataAPI = function(lookUp){
+export const removeDataAPI = function(lookUp){
   lookUp = lookUp || document;
   const removeElementDataAPI = function( constructor, collection ){
     for (let i=0, cl=collection.length; i<cl; i++) {

lib/src/util/globals.js

@@ -0,0 +1,4 @@
+// globals
+//const globalObject = typeof global !== 'undefined' ? global : window;
+//const BSN = globalObject.BSN = {};
+export const supports = /*globalObject.BSN.supports =*/ [];

lib/src/util/init.js

@@ -0,0 +1,5 @@
+import { initCallback } from './callbacks.js'
+import { on } from './event.js'
+
+// bulk initialize all components
+document.body ? initCallback() : on( document, 'DOMContentLoaded', initCallback );

lib/src/util/misc.js

@@ -1,5 +1,5 @@
-import hasClass from './class.js';
-import queryElement from './selector.js';
+import { hasClass } from './class.js';
+import { queryElement } from './selector.js';
 
 export function setFocus (element){
 	element.focus ? element.focus() : element.setActive();
@@ -22,10 +22,9 @@ export function styleTip (link,element,position,parent) { // both popovers and t
 			scroll = parent === document.body ? getScroll() : { x: parent.offsetLeft + parent.scrollLeft, y: parent.offsetTop + parent.scrollTop },
 			linkDimensions = { w: rect.right - rect.left, h: rect.bottom - rect.top },
 			isPopover = hasClass(element,'popover'),
-			topPosition, leftPosition,
+
 
 			arrow = queryElement('.arrow',element),
-			arrowTop, arrowLeft, arrowWidth, arrowHeight,
 
 			halfTopExceed = rect.top + linkDimensions.h/2 - elementDimensions.h/2 < 0,
 			halfLeftExceed = rect.left + linkDimensions.w/2 - elementDimensions.w/2 < 0,
@@ -43,6 +42,13 @@ export function styleTip (link,element,position,parent) { // both popovers and t
 	position = position === 'left' && leftExceed ? 'right' : position;
 	position = position === 'right' && rightExceed ? 'left' : position;
 
+	let topPosition,
+	  leftPosition,
+	  arrowTop,
+	  arrowLeft,
+	  arrowWidth,
+	  arrowHeight;
+
 	// update tooltip/popover class
 	element.className.indexOf(position) === -1 && (element.className = element.className.replace(tipPositions,position));
 

lib/src/util/selector.js

@@ -2,7 +2,7 @@ export function getElementsByClassName (element,classNAME) { // returns Array
 	return [].slice.call(element.getElementsByClassName( classNAME ));
 }
 
-export default function queryElement (selector, parent) {
+export function queryElement (selector, parent) {
 	var lookUp = parent ? parent : document;
 	return selector instanceof Element ? selector : lookUp.querySelector(selector);
 }

lib/src/util/transition.js

@@ -1,4 +1,4 @@
-import { one } from 'event.js';
+import { one } from './event.js';
 
 export const supportTransitions = 'webkitTransition' in document.body.style || 'transition' in document.body.style;
 export const transitionEndEvent = 'webkitTransition' in document.body.style ? 'webkitTransitionEnd' : 'transitionend';