WB 2.11.0

/*!

 * Bootstrap without jQuery v0.5.0 for Bootstrap 3

 * By Daniel Davis under MIT License

 * https://github.com/tagawa/bootstrap-without-jquery

 */

(function() {

    'use strict';

    /*

     * Utility functions

     */

    // transitionend - source: https://stackoverflow.com/questions/5023514/how-do-i-normalize-css3-transition-functions-across-browsers#answer-9090128

    function transitionEndEventName() {

        var i,

            el = document.createElement('div'),

            transitions = {

                'transition':'transitionend',

                'OTransition':'otransitionend',  // oTransitionEnd in very old Opera

                'MozTransition':'transitionend',

                'WebkitTransition':'webkitTransitionEnd'

            };

        for (i in transitions) {

            if (transitions.hasOwnProperty(i) && el.style[i] !== undefined) {

                return transitions[i];

            }

        }

        return false;

    }

    var transitionend = transitionEndEventName();

    // Get an event's target element and the element specified by the "data-target" attribute

    function getTargets(event) {

        var targets = {};

        event = event || window.event;

        targets.evTarget = event.currentTarget || event.srcElement;

        var dataTarget = targets.evTarget.getAttribute('data-target');

        targets.dataTarget = (dataTarget) ? document.querySelector(dataTarget) : false;

        return targets;

    }

    // Get the potential max height of an element

    function getMaxHeight(element) {

        // Source: http://n12v.com/css-transition-to-from-auto/

        var prevHeight = element.style.height;

        element.style.height = 'auto';

        var maxHeight = getComputedStyle(element).height;

        element.style.height = prevHeight;

        element.offsetHeight; // force repaint

        return maxHeight;

    }

    // Fire a specified event

    // Source: http://youmightnotneedjquery.com/

    function fireTrigger(element, eventType) {

        if (document.createEvent) {

            var event = document.createEvent('HTMLEvents');

            event.initEvent(eventType, true, false);

            element.dispatchEvent(event);

        } else {

            element.fireEvent('on' + eventType);

        }

    }

    /*

     * Collapse action

     * 1. Get list of all elements that are collapse triggers

     * 2. Add click event listener to these elements

     * 3. When clicked, change target element's class name from "collapse" to "collapsing"

     * 4. When action (collapse) is complete, change target element's class name from "collapsing" to "collapse in"

     * 5. Do the reverse, i.e. "collapse in" -> "collapsing" -> "collapse"

     */

    // Show a target element

    function show(element, trigger) {

        element.classList.remove('collapse');

        element.classList.add('collapsing');

        trigger.classList.remove('collapsed');

        trigger.setAttribute('aria-expanded', true);

        // Set element's height to its maximum height

        element.style.height = getMaxHeight(element);

        // Call the complete() function after the transition has finished

        if (transitionend) {

            element.addEventListener(transitionend, function() {

                complete(element);

            }, false);

        } else {

            // For browsers that don't support transitions (e.g. IE9 and lower);

            complete(element);

        }

    }

    // Hide a target element

    function hide(element, trigger) {

        element.classList.remove('collapse');

        element.classList.remove('in');

        element.classList.add('collapsing');

        trigger.classList.add('collapsed');

        trigger.setAttribute('aria-expanded', false);

        // Reset element's height

        element.style.height = getComputedStyle(element).height;

        element.offsetHeight; // force repaint

        element.style.height = '0px';

    }

    // Change classes once transition is complete

    function complete(element) {

        element.classList.remove('collapsing');

        element.classList.add('collapse');

        element.setAttribute('aria-expanded', false);

        // Check whether the element is unhidden

        if (element.style.height !== '0px') {

            element.classList.add('in');

            element.style.height = 'auto';

        }

    }

    // Start the collapse action on the chosen element

    function doCollapse(event) {

        event.preventDefault();

        var targets = getTargets(event);

        var dataTarget = targets.dataTarget;

        // Add the "in" class name when elements are unhidden

        if (dataTarget.classList.contains('in')) {

            hide(dataTarget, targets.evTarget);

        } else {

            show(dataTarget, targets.evTarget);

        }

        return false;

    }

    // Get all elements that are collapse triggers and add click event listeners

    var collapsibleList = document.querySelectorAll('[data-toggle=collapse]');

    for (var i = 0, leni = collapsibleList.length; i < leni; i++) {

        collapsibleList[i].onclick = doCollapse;

    }

    /*

     * Alert dismiss action

     * 1. Get list of all elements that are alert dismiss buttons

     * 2. Add click event listener to these elements

     * 3. When clicked, find the target or parent element with class name "alert"

     * 4. Remove that element from the DOM

     */

    // Start the collapse action on the chosen element

    function doDismiss(event) {

        event.preventDefault();

        // Get target element from data-target attribute

        var targets = getTargets(event);

        var target = targets.dataTarget;

        if (!target) {

            // If data-target not specified, get parent or grandparent node with class="alert"

            var parent = targets.evTarget.parentNode;

            if (parent.classList.contains('alert')) {

                target = parent;

            } else if (parent.parentNode.classList.contains('alert')) {

                target = parent.parentNode;

            }

        }

        fireTrigger(target, 'close.bs.alert');

        target.classList.remove('in');

        function removeElement() {

            // Remove alert from DOM

            try {

                target.parentNode.removeChild(target);

                fireTrigger(target, 'closed.bs.alert');

            } catch(e) {

                window.console.error('Unable to remove alert');

            }

        }

        // Call the complete() function after the transition has finished

        if (transitionend && target.classList.contains('fade')) {

            target.addEventListener(transitionend, function() {

                removeElement();

            }, false);

        } else {

            // For browsers that don't support transitions (e.g. IE9 and lower);

            removeElement();

        }

        return false;

    }

     // Get all alert dismiss buttons and add click event listeners

    var dismissList = document.querySelectorAll('[data-dismiss=alert]');

    for (var j = 0, lenj = dismissList.length; j < lenj; j++) {

        dismissList[j].onclick = doDismiss;

    }

})();