aboutsummaryrefslogtreecommitdiff
path: root/dist/js/bootstrap.js
diff options
context:
space:
mode:
authorfat <[email protected]>2015-05-06 13:34:14 -0700
committerfat <[email protected]>2015-05-06 13:34:14 -0700
commitd1fbe200f46002431cdeebf965c4b789ef7ed267 (patch)
tree43a7cc7667492e519b906f8a428935da2972ac14 /dist/js/bootstrap.js
parent09fb80568a52af6c440db971cdc6fd88eab8f8b5 (diff)
downloadbootstrap-d1fbe200f46002431cdeebf965c4b789ef7ed267.tar.xz
bootstrap-d1fbe200f46002431cdeebf965c4b789ef7ed267.zip
remove closureness from plugins
Diffstat (limited to 'dist/js/bootstrap.js')
-rw-r--r--dist/js/bootstrap.js5347
1 files changed, 1639 insertions, 3708 deletions
diff --git a/dist/js/bootstrap.js b/dist/js/bootstrap.js
index b22c41b9a..a6827d652 100644
--- a/dist/js/bootstrap.js
+++ b/dist/js/bootstrap.js
@@ -15,4417 +15,2348 @@ if (typeof jQuery === 'undefined') {
}
}(jQuery);
-/** =======================================================================
- * Bootstrap: util.js v4.0.0
- * http://getbootstrap.com/javascript/#alerts
+/* ========================================================================
+ * Bootstrap: transition.js v3.3.4
+ * http://getbootstrap.com/javascript/#transitions
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Bootstrap's private util helper. Adds private util
- * helpers for things like accesibility and transitions. These methods are
- * shared across all bootstrap plugins.
- * ========================================================================
- */
-
-'use strict';
-
-
-/**
- * @type {Object}
- */
-var Bootstrap = {}
-
-
-/**
- * @const
- * @type {string}
- */
-Bootstrap.TRANSITION_END = 'bsTransitionEnd'
-
-
-/**
- * @const
- * @type {Object}
- */
-Bootstrap.TransitionEndEvent = {
- 'WebkitTransition' : 'webkitTransitionEnd',
- 'MozTransition' : 'transitionend',
- 'OTransition' : 'oTransitionEnd otransitionend',
- 'transition' : 'transitionend'
-}
-
-
-/**
- * @param {Function} childConstructor
- * @param {Function} parentConstructor
- */
-Bootstrap.inherits = function(childConstructor, parentConstructor) {
- /** @constructor */
- function tempConstructor() {}
- tempConstructor.prototype = parentConstructor.prototype
- childConstructor.prototype = new tempConstructor()
- /** @override */
- childConstructor.prototype.constructor = childConstructor
-}
+ * ======================================================================== */
-/**
- * @param {Element} element
- * @return {string|null}
- */
-Bootstrap.getSelectorFromElement = function (element) {
- var selector = element.getAttribute('data-target')
-
- if (!selector) {
- selector = element.getAttribute('href') || ''
- selector = /^#[a-z]/i.test(selector) ? selector : null
- }
-
- return selector
-}
++function ($) {
+ 'use strict';
+ // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+ // ============================================================
-/**
- * @param {string} prefix
- * @return {string}
- */
-Bootstrap.getUID = function (prefix) {
- do prefix += ~~(Math.random() * 1000000)
- while (document.getElementById(prefix))
- return prefix
-}
+ function transitionEnd() {
+ var el = document.createElement('bootstrap')
+ var transEndEventNames = {
+ WebkitTransition : 'webkitTransitionEnd',
+ MozTransition : 'transitionend',
+ OTransition : 'oTransitionEnd otransitionend',
+ transition : 'transitionend'
+ }
-/**
- * @return {Object}
- */
-Bootstrap.getSpecialTransitionEndEvent = function () {
- return {
- bindType: Bootstrap.transition.end,
- delegateType: Bootstrap.transition.end,
- handle: /** @param {jQuery.Event} event */ (function (event) {
- if ($(event.target).is(this)) {
- return event.handleObj.handler.apply(this, arguments)
+ for (var name in transEndEventNames) {
+ if (el.style[name] !== undefined) {
+ return { end: transEndEventNames[name] }
}
- })
- }
-}
-
-
-/**
- * @param {Element} element
- */
-Bootstrap.reflow = function (element) {
- new Function('bs',"return bs")(element.offsetHeight)
-}
-
+ }
-/**
- * @return {Object|boolean}
- */
-Bootstrap.transitionEndTest = function () {
- if (window['QUnit']) {
- return false
+ return false // explicit for ie8 ( ._.)
}
- var el = document.createElement('bootstrap')
- for (var name in Bootstrap.TransitionEndEvent) {
- if (el.style[name] !== undefined) {
- return { end: Bootstrap.TransitionEndEvent[name] }
- }
+ // http://blog.alexmaccaw.com/css-transitions
+ $.fn.emulateTransitionEnd = function (duration) {
+ var called = false
+ var $el = this
+ $(this).one('bsTransitionEnd', function () { called = true })
+ var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
+ setTimeout(callback, duration)
+ return this
}
- return false
-}
+ $(function () {
+ $.support.transition = transitionEnd()
-/**
- * @param {number} duration
- * @this {Element}
- * @return {Object}
- */
-Bootstrap.transitionEndEmulator = function (duration) {
- var called = false
-
- $(this).one(Bootstrap.TRANSITION_END, function () {
- called = true
- })
+ if (!$.support.transition) return
- var callback = function () {
- if (!called) {
- $(this).trigger(Bootstrap.transition.end)
+ $.event.special.bsTransitionEnd = {
+ bindType: $.support.transition.end,
+ delegateType: $.support.transition.end,
+ handle: function (e) {
+ if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments)
+ }
}
- }.bind(this)
-
- setTimeout(callback, duration)
-
- return this
-}
-
-
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface
- * ------------------------------------------------------------------------
- */
-
-$.fn.emulateTransitionEnd = Bootstrap.transitionEndEmulator
-
-$(function () {
- Bootstrap.transition = Bootstrap.transitionEndTest()
-
- if (!Bootstrap.transition) {
- return
- }
+ })
- $.event.special[Bootstrap.TRANSITION_END] = Bootstrap.getSpecialTransitionEndEvent()
-})
+}(jQuery);
-/** =======================================================================
- * Bootstrap: alert.js v4.0.0
+/* ========================================================================
+ * Bootstrap: alert.js v3.3.4
* http://getbootstrap.com/javascript/#alerts
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Bootstrap's generic alert component. Add dismiss
- * functionality to all alert messages with this plugin.
- *
- * Public Methods & Properties:
- *
- * + $.alert
- * + $.alert.noConflict
- * + $.alert.Constructor
- * + $.alert.Constructor.VERSION
- * + $.alert.Constructor.prototype.close
- *
- * ========================================================================
- */
-
-'use strict';
-
-
-/**
- * Our Alert class.
- * @param {Element=} opt_element
- * @constructor
- */
-var Alert = function (opt_element) {
- if (opt_element) {
- $(opt_element).on('click', Alert._DISMISS_SELECTOR, Alert._handleDismiss(this))
- }
-}
-
-
-/**
- * @const
- * @type {string}
- */
-Alert['VERSION'] = '4.0.0'
+ * ======================================================================== */
-/**
- * @const
- * @type {string}
- * @private
- */
-Alert._NAME = 'alert'
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Alert._DATA_KEY = 'bs.alert'
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Alert._DISMISS_SELECTOR = '[data-dismiss="alert"]'
-
-
-/**
- * @const
- * @type {number}
- * @private
- */
-Alert._TRANSITION_DURATION = 150
-
-
-/**
- * @const
- * @type {Function}
- * @private
- */
-Alert._JQUERY_NO_CONFLICT = $.fn[Alert._NAME]
-
++function ($) {
+ 'use strict';
-/**
- * @const
- * @enum {string}
- * @private
- */
-Alert._Event = {
- CLOSE : 'close.bs.alert',
- CLOSED : 'closed.bs.alert'
-}
+ // ALERT CLASS DEFINITION
+ // ======================
+ var dismiss = '[data-dismiss="alert"]'
+ var Alert = function (el) {
+ $(el).on('click', dismiss, this.close)
+ }
-/**
- * @const
- * @enum {string}
- * @private
- */
-Alert._ClassName = {
- ALERT : 'alert',
- FADE : 'fade',
- IN : 'in'
-}
+ Alert.VERSION = '3.3.4'
+ Alert.TRANSITION_DURATION = 150
-/**
- * Provides the jQuery Interface for the alert component.
- * @param {string=} opt_config
- * @this {jQuery}
- * @return {jQuery}
- * @private
- */
-Alert._jQueryInterface = function (opt_config) {
- return this.each(function () {
- var $this = $(this)
- var data = $this.data(Alert._DATA_KEY)
+ Alert.prototype.close = function (e) {
+ var $this = $(this)
+ var selector = $this.attr('data-target')
- if (!data) {
- data = new Alert(this)
- $this.data(Alert._DATA_KEY, data)
+ if (!selector) {
+ selector = $this.attr('href')
+ selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
}
- if (opt_config === 'close') {
- data[opt_config](this)
- }
- })
-}
+ var $parent = $(selector)
+ if (e) e.preventDefault()
-/**
- * Close the alert component
- * @param {Alert} alertInstance
- * @return {Function}
- * @private
- */
-Alert._handleDismiss = function (alertInstance) {
- return function (event) {
- if (event) {
- event.preventDefault()
+ if (!$parent.length) {
+ $parent = $this.closest('.alert')
}
- alertInstance['close'](this)
- }
-}
-
-
-/**
- * Close the alert component
- * @param {Element} element
- */
-Alert.prototype['close'] = function (element) {
- var rootElement = this._getRootElement(element)
- var customEvent = this._triggerCloseEvent(rootElement)
-
- if (customEvent.isDefaultPrevented()) return
+ $parent.trigger(e = $.Event('close.bs.alert'))
- this._removeElement(rootElement)
-}
+ if (e.isDefaultPrevented()) return
+ $parent.removeClass('in')
-/**
- * Tries to get the alert's root element
- * @return {Element}
- * @private
- */
-Alert.prototype._getRootElement = function (element) {
- var parent = false
- var selector = Bootstrap.getSelectorFromElement(element)
+ function removeElement() {
+ // detach from parent, fire event then clean up data
+ $parent.detach().trigger('closed.bs.alert').remove()
+ }
- if (selector) {
- parent = $(selector)[0]
+ $.support.transition && $parent.hasClass('fade') ?
+ $parent
+ .one('bsTransitionEnd', removeElement)
+ .emulateTransitionEnd(Alert.TRANSITION_DURATION) :
+ removeElement()
}
- if (!parent) {
- parent = $(element).closest('.' + Alert._ClassName.ALERT)[0]
- }
- return parent
-}
-
-
-/**
- * Trigger close event on element
- * @return {$.Event}
- * @private
- */
-Alert.prototype._triggerCloseEvent = function (element) {
- var closeEvent = $.Event(Alert._Event.CLOSE)
- $(element).trigger(closeEvent)
- return closeEvent
-}
+ // ALERT PLUGIN DEFINITION
+ // =======================
+ function Plugin(option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.alert')
-/**
- * Trigger closed event and remove element from dom
- * @private
- */
-Alert.prototype._removeElement = function (element) {
- $(element).removeClass(Alert._ClassName.IN)
-
- if (!Bootstrap.transition || !$(element).hasClass(Alert._ClassName.FADE)) {
- this._destroyElement(element)
- return
+ if (!data) $this.data('bs.alert', (data = new Alert(this)))
+ if (typeof option == 'string') data[option].call($this)
+ })
}
- $(element)
- .one(Bootstrap.TRANSITION_END, this._destroyElement.bind(this, element))
- .emulateTransitionEnd(Alert._TRANSITION_DURATION)
-}
-
-
-/**
- * clean up any lingering jquery data and kill element
- * @private
- */
-Alert.prototype._destroyElement = function (element) {
- $(element)
- .detach()
- .trigger(Alert._Event.CLOSED)
- .remove()
-}
-
+ var old = $.fn.alert
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface + noConflict implementaiton
- * ------------------------------------------------------------------------
- */
+ $.fn.alert = Plugin
+ $.fn.alert.Constructor = Alert
-/**
- * @const
- * @type {Function}
- */
-$.fn[Alert._NAME] = Alert._jQueryInterface
+ // ALERT NO CONFLICT
+ // =================
-/**
- * @const
- * @type {Function}
- */
-$.fn[Alert._NAME]['Constructor'] = Alert
+ $.fn.alert.noConflict = function () {
+ $.fn.alert = old
+ return this
+ }
-/**
- * @return {Function}
- */
-$.fn[Alert._NAME]['noConflict'] = function () {
- $.fn[Alert._NAME] = Alert._JQUERY_NO_CONFLICT
- return Alert._jQueryInterface
-}
-
+ // ALERT DATA-API
+ // ==============
-/**
- * ------------------------------------------------------------------------
- * Data Api implementation
- * ------------------------------------------------------------------------
- */
+ $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close)
-$(document).on('click.bs.alert.data-api', Alert._DISMISS_SELECTOR, Alert._handleDismiss(new Alert))
+}(jQuery);
-/** =======================================================================
- * Bootstrap: button.js v4.0.0
+/* ========================================================================
+ * Bootstrap: button.js v3.3.4
* http://getbootstrap.com/javascript/#buttons
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Bootstrap's generic button component.
- *
- * Note (@fat): Deprecated "setState" – imo, better solutions for managing a
- * buttons state should exist outside this plugin.
- *
- * Public Methods & Properties:
- *
- * + $.button
- * + $.button.noConflict
- * + $.button.Constructor
- * + $.button.Constructor.VERSION
- * + $.button.Constructor.prototype.toggle
- *
- * ========================================================================
- */
-
-'use strict';
-
-
-/**
- * Our Button class.
- * @param {Element!} element
- * @constructor
- */
-var Button = function (element) {
-
- /** @private {Element} */
- this._element = element
-
-}
-
-
-/**
- * @const
- * @type {string}
- */
-Button['VERSION'] = '4.0.0'
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Button._NAME = 'button'
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Button._DATA_KEY = 'bs.button'
+ * ======================================================================== */
-/**
- * @const
- * @type {Function}
- * @private
- */
-Button._JQUERY_NO_CONFLICT = $.fn[Button._NAME]
++function ($) {
+ 'use strict';
+ // BUTTON PUBLIC CLASS DEFINITION
+ // ==============================
-/**
- * @const
- * @enum {string}
- * @private
- */
-Button._ClassName = {
- ACTIVE : 'active',
- BUTTON : 'btn',
- FOCUS : 'focus'
-}
+ var Button = function (element, options) {
+ this.$element = $(element)
+ this.options = $.extend({}, Button.DEFAULTS, options)
+ this.isLoading = false
+ }
+ Button.VERSION = '3.3.4'
-/**
- * @const
- * @enum {string}
- * @private
- */
-Button._Selector = {
- DATA_TOGGLE_CARROT : '[data-toggle^="button"]',
- DATA_TOGGLE : '[data-toggle="buttons"]',
- INPUT : 'input',
- ACTIVE : '.active',
- BUTTON : '.btn'
-}
+ Button.DEFAULTS = {
+ loadingText: 'loading...'
+ }
+ Button.prototype.setState = function (state) {
+ var d = 'disabled'
+ var $el = this.$element
+ var val = $el.is('input') ? 'val' : 'html'
+ var data = $el.data()
-/**
- * Provides the jQuery Interface for the Button component.
- * @param {string=} opt_config
- * @this {jQuery}
- * @return {jQuery}
- * @private
- */
-Button._jQueryInterface = function (opt_config) {
- return this.each(function () {
- var data = $(this).data(Button._DATA_KEY)
+ state += 'Text'
- if (!data) {
- data = new Button(this)
- $(this).data(Button._DATA_KEY, data)
- }
-
- if (opt_config === 'toggle') {
- data[opt_config]()
- }
- })
-}
+ if (data.resetText == null) $el.data('resetText', $el[val]())
+ // push to event loop to allow forms to submit
+ setTimeout($.proxy(function () {
+ $el[val](data[state] == null ? this.options[state] : data[state])
-/**
- * Toggle's the button active state
- */
-Button.prototype['toggle'] = function () {
- var triggerChangeEvent = true
- var rootElement = $(this._element).closest(Button._Selector.DATA_TOGGLE)[0]
-
- if (rootElement) {
- var input = $(this._element).find(Button._Selector.INPUT)[0]
- if (input) {
- if (input.type == 'radio') {
- if (input.checked && $(this._element).hasClass(Button._ClassName.ACTIVE)) {
- triggerChangeEvent = false
- } else {
- var activeElement = $(rootElement).find(Button._Selector.ACTIVE)[0]
- if (activeElement) {
- $(activeElement).removeClass(Button._ClassName.ACTIVE)
- }
- }
+ if (state == 'loadingText') {
+ this.isLoading = true
+ $el.addClass(d).attr(d, d)
+ } else if (this.isLoading) {
+ this.isLoading = false
+ $el.removeClass(d).removeAttr(d)
}
-
- if (triggerChangeEvent) {
- input.checked = !$(this._element).hasClass(Button._ClassName.ACTIVE)
- $(this._element).trigger('change')
+ }, this), 0)
+ }
+
+ Button.prototype.toggle = function () {
+ var changed = true
+ var $parent = this.$element.closest('[data-toggle="buttons"]')
+
+ if ($parent.length) {
+ var $input = this.$element.find('input')
+ if ($input.prop('type') == 'radio') {
+ if ($input.prop('checked')) changed = false
+ $parent.find('.active').removeClass('active')
+ this.$element.addClass('active')
+ } else if ($input.prop('type') == 'checkbox') {
+ if (($input.prop('checked')) !== this.$element.hasClass('active')) changed = false
+ this.$element.toggleClass('active')
}
+ $input.prop('checked', this.$element.hasClass('active'))
+ if (changed) $input.trigger('change')
+ } else {
+ this.$element.attr('aria-pressed', !this.$element.hasClass('active'))
+ this.$element.toggleClass('active')
}
- } else {
- this._element.setAttribute('aria-pressed', !$(this._element).hasClass(Button._ClassName.ACTIVE))
}
- if (triggerChangeEvent) {
- $(this._element).toggleClass(Button._ClassName.ACTIVE)
- }
-}
+ // BUTTON PLUGIN DEFINITION
+ // ========================
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface + noConflict implementaiton
- * ------------------------------------------------------------------------
- */
+ function Plugin(option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.button')
+ var options = typeof option == 'object' && option
-/**
- * @const
- * @type {Function}
- */
-$.fn[Button._NAME] = Button._jQueryInterface
+ if (!data) $this.data('bs.button', (data = new Button(this, options)))
+ if (option == 'toggle') data.toggle()
+ else if (option) data.setState(option)
+ })
+ }
-/**
- * @const
- * @type {Function}
- */
-$.fn[Button._NAME]['Constructor'] = Button
+ var old = $.fn.button
+ $.fn.button = Plugin
+ $.fn.button.Constructor = Button
-/**
- * @const
- * @type {Function}
- */
-$.fn[Button._NAME]['noConflict'] = function () {
- $.fn[Button._NAME] = Button._JQUERY_NO_CONFLICT
- return this
-}
+ // BUTTON NO CONFLICT
+ // ==================
-/**
- * ------------------------------------------------------------------------
- * Data Api implementation
- * ------------------------------------------------------------------------
- */
+ $.fn.button.noConflict = function () {
+ $.fn.button = old
+ return this
+ }
-$(document)
- .on('click.bs.button.data-api', Button._Selector.DATA_TOGGLE_CARROT, function (event) {
- event.preventDefault()
- var button = event.target
+ // BUTTON DATA-API
+ // ===============
- if (!$(button).hasClass(Button._ClassName.BUTTON)) {
- button = $(button).closest(Button._Selector.BUTTON)
- }
+ $(document)
+ .on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) {
+ var $btn = $(e.target)
+ if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
+ Plugin.call($btn, 'toggle')
+ if (!($(e.target).is('input[type="radio"]') || $(e.target).is('input[type="checkbox"]'))) e.preventDefault()
+ })
+ .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) {
+ $(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type))
+ })
- Button._jQueryInterface.call($(button), 'toggle')
- })
- .on('focus.bs.button.data-api blur.bs.button.data-api', Button._Selector.DATA_TOGGLE_CARROT, function (event) {
- var button = $(event.target).closest(Button._Selector.BUTTON)[0]
- $(button).toggleClass(Button._ClassName.FOCUS, /^focus(in)?$/.test(event.type))
- })
+}(jQuery);
-/** =======================================================================
- * Bootstrap: carousel.js v4.0.0
+/* ========================================================================
+ * Bootstrap: carousel.js v3.3.4
* http://getbootstrap.com/javascript/#carousel
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Bootstrap's carousel. A slideshow component for cycling
- * through elements, like a carousel. Nested carousels are not supported.
- *
- * Public Methods & Properties:
- *
- * + $.carousel
- * + $.carousel.noConflict
- * + $.carousel.Constructor
- * + $.carousel.Constructor.VERSION
- * + $.carousel.Constructor.Defaults
- * + $.carousel.Constructor.Defaults.interval
- * + $.carousel.Constructor.Defaults.pause
- * + $.carousel.Constructor.Defaults.wrap
- * + $.carousel.Constructor.Defaults.keyboard
- * + $.carousel.Constructor.Defaults.slide
- * + $.carousel.Constructor.prototype.next
- * + $.carousel.Constructor.prototype.prev
- * + $.carousel.Constructor.prototype.pause
- * + $.carousel.Constructor.prototype.cycle
- *
- * ========================================================================
- */
-
-'use strict';
-
-
-/**
- * Our carousel class.
- * @param {Element!} element
- * @param {Object=} opt_config
- * @constructor
- */
-var Carousel = function (element, opt_config) {
-
- /** @private {Element} */
- this._element = $(element)[0]
-
- /** @private {Element} */
- this._indicatorsElement = $(this._element).find(Carousel._Selector.INDICATORS)[0]
-
- /** @private {?Object} */
- this._config = opt_config || null
-
- /** @private {boolean} */
- this._isPaused = false
-
- /** @private {boolean} */
- this._isSliding = false
-
- /** @private {?number} */
- this._interval = null
-
- /** @private {?Element} */
- this._activeElement = null
-
- /** @private {?Array} */
- this._items = null
-
- this._addEventListeners()
-
-}
-
+ * ======================================================================== */
-/**
- * @const
- * @type {string}
- */
-Carousel['VERSION'] = '4.0.0'
-
-
-/**
- * @const
- * @type {Object}
- */
-Carousel['Defaults'] = {
- 'interval' : 5000,
- 'pause' : 'hover',
- 'wrap' : true,
- 'keyboard' : true,
- 'slide' : false
-}
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Carousel._NAME = 'carousel'
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Carousel._DATA_KEY = 'bs.carousel'
-
-
-/**
- * @const
- * @type {number}
- * @private
- */
-Carousel._TRANSITION_DURATION = 600
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Carousel._Direction = {
- NEXT : 'next',
- PREVIOUS : 'prev'
-}
++function ($) {
+ 'use strict';
-/**
- * @const
- * @enum {string}
- * @private
- */
-Carousel._Event = {
- SLIDE : 'slide.bs.carousel',
- SLID : 'slid.bs.carousel'
-}
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Carousel._ClassName = {
- CAROUSEL : 'carousel',
- ACTIVE : 'active',
- SLIDE : 'slide',
- RIGHT : 'right',
- LEFT : 'left',
- ITEM : 'carousel-item'
-}
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Carousel._Selector = {
- ACTIVE : '.active',
- ACTIVE_ITEM : '.active.carousel-item',
- ITEM : '.carousel-item',
- NEXT_PREV : '.next, .prev',
- INDICATORS : '.carousel-indicators'
-}
-
-
-/**
- * @const
- * @type {Function}
- * @private
- */
-Carousel._JQUERY_NO_CONFLICT = $.fn[Carousel._NAME]
-
-
-/**
- * @param {Object=} opt_config
- * @this {jQuery}
- * @return {jQuery}
- * @private
- */
-Carousel._jQueryInterface = function (opt_config) {
- return this.each(function () {
- var data = $(this).data(Carousel._DATA_KEY)
- var config = $.extend({}, Carousel['Defaults'], $(this).data(), typeof opt_config == 'object' && opt_config)
- var action = typeof opt_config == 'string' ? opt_config : config.slide
-
- if (!data) {
- data = new Carousel(this, config)
- $(this).data(Carousel._DATA_KEY, data)
- }
-
- if (typeof opt_config == 'number') {
- data.to(opt_config)
-
- } else if (action) {
- data[action]()
+ // CAROUSEL CLASS DEFINITION
+ // =========================
- } else if (config.interval) {
- data['pause']()
- data['cycle']()
- }
- })
-}
+ var Carousel = function (element, options) {
+ this.$element = $(element)
+ this.$indicators = this.$element.find('.carousel-indicators')
+ this.options = options
+ this.paused = null
+ this.sliding = null
+ this.interval = null
+ this.$active = null
+ this.$items = null
+ this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this))
-/**
- * Click handler for data api
- * @param {Event} event
- * @this {Element}
- * @private
- */
-Carousel._dataApiClickHandler = function (event) {
- var selector = Bootstrap.getSelectorFromElement(this)
-
- if (!selector) {
- return
+ this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element
+ .on('mouseenter.bs.carousel', $.proxy(this.pause, this))
+ .on('mouseleave.bs.carousel', $.proxy(this.cycle, this))
}
- var target = $(selector)[0]
-
- if (!target || !$(target).hasClass(Carousel._ClassName.CAROUSEL)) {
- return
- }
+ Carousel.VERSION = '3.3.4'
- var config = $.extend({}, $(target).data(), $(this).data())
+ Carousel.TRANSITION_DURATION = 600
- var slideIndex = this.getAttribute('data-slide-to')
- if (slideIndex) {
- config.interval = false
+ Carousel.DEFAULTS = {
+ interval: 5000,
+ pause: 'hover',
+ wrap: true,
+ keyboard: true
}
- Carousel._jQueryInterface.call($(target), config)
+ Carousel.prototype.keydown = function (e) {
+ if (/input|textarea/i.test(e.target.tagName)) return
+ switch (e.which) {
+ case 37: this.prev(); break
+ case 39: this.next(); break
+ default: return
+ }
- if (slideIndex) {
- $(target).data(Carousel._DATA_KEY).to(slideIndex)
+ e.preventDefault()
}
- event.preventDefault()
-}
-
+ Carousel.prototype.cycle = function (e) {
+ e || (this.paused = false)
-/**
- * Advance the carousel to the next slide
- */
-Carousel.prototype['next'] = function () {
- if (!this._isSliding) {
- this._slide(Carousel._Direction.NEXT)
- }
-}
+ this.interval && clearInterval(this.interval)
+ this.options.interval
+ && !this.paused
+ && (this.interval = setInterval($.proxy(this.next, this), this.options.interval))
-/**
- * Return the carousel to the previous slide
- */
-Carousel.prototype['prev'] = function () {
- if (!this._isSliding) {
- this._slide(Carousel._Direction.PREVIOUS)
+ return this
}
-}
-
-/**
- * Pause the carousel cycle
- * @param {Event=} opt_event
- */
-Carousel.prototype['pause'] = function (opt_event) {
- if (!opt_event) {
- this._isPaused = true
+ Carousel.prototype.getItemIndex = function (item) {
+ this.$items = item.parent().children('.item')
+ return this.$items.index(item || this.$active)
}
- if ($(this._element).find(Carousel._Selector.NEXT_PREV)[0] && Bootstrap.transition) {
- $(this._element).trigger(Bootstrap.transition.end)
- this['cycle'](true)
+ Carousel.prototype.getItemForDirection = function (direction, active) {
+ var activeIndex = this.getItemIndex(active)
+ var willWrap = (direction == 'prev' && activeIndex === 0)
+ || (direction == 'next' && activeIndex == (this.$items.length - 1))
+ if (willWrap && !this.options.wrap) return active
+ var delta = direction == 'prev' ? -1 : 1
+ var itemIndex = (activeIndex + delta) % this.$items.length
+ return this.$items.eq(itemIndex)
}
- clearInterval(this._interval)
- this._interval = null
-}
+ Carousel.prototype.to = function (pos) {
+ var that = this
+ var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active'))
+ if (pos > (this.$items.length - 1) || pos < 0) return
-/**
- * Cycle to the next carousel item
- * @param {Event|boolean=} opt_event
- */
-Carousel.prototype['cycle'] = function (opt_event) {
- if (!opt_event) {
- this._isPaused = false
- }
-
- if (this._interval) {
- clearInterval(this._interval)
- this._interval = null
- }
+ if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid"
+ if (activeIndex == pos) return this.pause().cycle()
- if (this._config['interval'] && !this._isPaused) {
- this._interval = setInterval(this['next'].bind(this), this._config['interval'])
+ return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos))
}
-}
-
-
-/**
- * @return {Object}
- */
-Carousel.prototype['getConfig'] = function () {
- return this._config
-}
+ Carousel.prototype.pause = function (e) {
+ e || (this.paused = true)
-/**
- * Move active carousel item to specified index
- * @param {number} index
- */
-Carousel.prototype.to = function (index) {
- this._activeElement = $(this._element).find(Carousel._Selector.ACTIVE_ITEM)[0]
+ if (this.$element.find('.next, .prev').length && $.support.transition) {
+ this.$element.trigger($.support.transition.end)
+ this.cycle(true)
+ }
- var activeIndex = this._getItemIndex(this._activeElement)
+ this.interval = clearInterval(this.interval)
- if (index > (this._items.length - 1) || index < 0) {
- return
+ return this
}
- if (this._isSliding) {
- $(this._element).one(Carousel._Event.SLID, function () { this.to(index) }.bind(this))
- return
+ Carousel.prototype.next = function () {
+ if (this.sliding) return
+ return this.slide('next')
}
- if (activeIndex == index) {
- this['pause']()
- this['cycle']()
- return
+ Carousel.prototype.prev = function () {
+ if (this.sliding) return
+ return this.slide('prev')
}
- var direction = index > activeIndex ?
- Carousel._Direction.NEXT :
- Carousel._Direction.PREVIOUS
+ Carousel.prototype.slide = function (type, next) {
+ var $active = this.$element.find('.item.active')
+ var $next = next || this.getItemForDirection(type, $active)
+ var isCycling = this.interval
+ var direction = type == 'next' ? 'left' : 'right'
+ var that = this
- this._slide(direction, this._items[index])
-}
+ if ($next.hasClass('active')) return (this.sliding = false)
+ var relatedTarget = $next[0]
+ var slideEvent = $.Event('slide.bs.carousel', {
+ relatedTarget: relatedTarget,
+ direction: direction
+ })
+ this.$element.trigger(slideEvent)
+ if (slideEvent.isDefaultPrevented()) return
+
+ this.sliding = true
+
+ isCycling && this.pause()
+
+ if (this.$indicators.length) {
+ this.$indicators.find('.active').removeClass('active')
+ var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)])
+ $nextIndicator && $nextIndicator.addClass('active')
+ }
+
+ var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid"
+ if ($.support.transition && this.$element.hasClass('slide')) {
+ $next.addClass(type)
+ $next[0].offsetWidth // force reflow
+ $active.addClass(direction)
+ $next.addClass(direction)
+ $active
+ .one('bsTransitionEnd', function () {
+ $next.removeClass([type, direction].join(' ')).addClass('active')
+ $active.removeClass(['active', direction].join(' '))
+ that.sliding = false
+ setTimeout(function () {
+ that.$element.trigger(slidEvent)
+ }, 0)
+ })
+ .emulateTransitionEnd(Carousel.TRANSITION_DURATION)
+ } else {
+ $active.removeClass('active')
+ $next.addClass('active')
+ this.sliding = false
+ this.$element.trigger(slidEvent)
+ }
-/**
- * Add event listeners to root element
- * @private
- */
-Carousel.prototype._addEventListeners = function () {
- if (this._config['keyboard']) {
- $(this._element).on('keydown.bs.carousel', this._keydown.bind(this))
- }
+ isCycling && this.cycle()
- if (this._config['pause'] == 'hover' && !('ontouchstart' in document.documentElement)) {
- $(this._element)
- .on('mouseenter.bs.carousel', this['pause'].bind(this))
- .on('mouseleave.bs.carousel', this['cycle'].bind(this))
+ return this
}
-}
-/**
- * Keydown handler
- * @param {Event} event
- * @private
- */
-Carousel.prototype._keydown = function (event) {
- event.preventDefault()
+ // CAROUSEL PLUGIN DEFINITION
+ // ==========================
- if (/input|textarea/i.test(event.target.tagName)) return
+ function Plugin(option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.carousel')
+ var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option)
+ var action = typeof option == 'string' ? option : options.slide
- switch (event.which) {
- case 37: this['prev'](); break
- case 39: this['next'](); break
- default: return
+ if (!data) $this.data('bs.carousel', (data = new Carousel(this, options)))
+ if (typeof option == 'number') data.to(option)
+ else if (action) data[action]()
+ else if (options.interval) data.pause().cycle()
+ })
}
-}
+ var old = $.fn.carousel
-/**
- * Get item index
- * @param {Element} element
- * @return {number}
- * @private
- */
-Carousel.prototype._getItemIndex = function (element) {
- this._items = $.makeArray($(element).parent().find(Carousel._Selector.ITEM))
-
- return this._items.indexOf(element)
-}
+ $.fn.carousel = Plugin
+ $.fn.carousel.Constructor = Carousel
-/**
- * Get next displayed item based on direction
- * @param {Carousel._Direction} direction
- * @param {Element} activeElement
- * @return {Element}
- * @private
- */
-Carousel.prototype._getItemByDirection = function (direction, activeElement) {
- var activeIndex = this._getItemIndex(activeElement)
- var isGoingToWrap = (direction === Carousel._Direction.PREVIOUS && activeIndex === 0) ||
- (direction === Carousel._Direction.NEXT && activeIndex == (this._items.length - 1))
+ // CAROUSEL NO CONFLICT
+ // ====================
- if (isGoingToWrap && !this._config['wrap']) {
- return activeElement
+ $.fn.carousel.noConflict = function () {
+ $.fn.carousel = old
+ return this
}
- var delta = direction == Carousel._Direction.PREVIOUS ? -1 : 1
- var itemIndex = (activeIndex + delta) % this._items.length
-
- return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex]
-}
-
-
-/**
- * Trigger slide event on element
- * @param {Element} relatedTarget
- * @param {Carousel._ClassName} directionalClassname
- * @return {$.Event}
- * @private
- */
-Carousel.prototype._triggerSlideEvent = function (relatedTarget, directionalClassname) {
- var slideEvent = $.Event(Carousel._Event.SLIDE, {
- relatedTarget: relatedTarget,
- direction: directionalClassname
- })
- $(this._element).trigger(slideEvent)
+ // CAROUSEL DATA-API
+ // =================
- return slideEvent
-}
+ var clickHandler = function (e) {
+ var href
+ var $this = $(this)
+ var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7
+ if (!$target.hasClass('carousel')) return
+ var options = $.extend({}, $target.data(), $this.data())
+ var slideIndex = $this.attr('data-slide-to')
+ if (slideIndex) options.interval = false
+ Plugin.call($target, options)
-/**
- * Set the active indicator if available
- * @param {Element} element
- * @private
- */
-Carousel.prototype._setActiveIndicatorElement = function (element) {
- if (this._indicatorsElement) {
- $(this._indicatorsElement)
- .find(Carousel._Selector.ACTIVE)
- .removeClass(Carousel._ClassName.ACTIVE)
-
- var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)]
- if (nextIndicator) {
- $(nextIndicator).addClass(Carousel._ClassName.ACTIVE)
+ if (slideIndex) {
+ $target.data('bs.carousel').to(slideIndex)
}
- }
-}
-
-
-/**
- * Slide the carousel element in a direction
- * @param {Carousel._Direction} direction
- * @param {Element=} opt_nextElement
- */
-Carousel.prototype._slide = function (direction, opt_nextElement) {
- var activeElement = $(this._element).find(Carousel._Selector.ACTIVE_ITEM)[0]
- var nextElement = opt_nextElement || activeElement && this._getItemByDirection(direction, activeElement)
-
- var isCycling = !!this._interval
-
- var directionalClassName = direction == Carousel._Direction.NEXT ?
- Carousel._ClassName.LEFT :
- Carousel._ClassName.RIGHT
-
- if (nextElement && $(nextElement).hasClass(Carousel._ClassName.ACTIVE)) {
- this._isSliding = false
- return
- }
-
- var slideEvent = this._triggerSlideEvent(nextElement, directionalClassName)
- if (slideEvent.isDefaultPrevented()) {
- return
- }
- if (!activeElement || !nextElement) {
- // some weirdness is happening, so we bail (maybe throw exception here alerting user that they're dom is off
- return
+ e.preventDefault()
}
- this._isSliding = true
-
- if (isCycling) {
- this['pause']()
- }
-
- this._setActiveIndicatorElement(nextElement)
-
- var slidEvent = $.Event(Carousel._Event.SLID, { relatedTarget: nextElement, direction: directionalClassName })
-
- if (Bootstrap.transition && $(this._element).hasClass(Carousel._ClassName.SLIDE)) {
- $(nextElement).addClass(direction)
-
- Bootstrap.reflow(nextElement)
-
- $(activeElement).addClass(directionalClassName)
- $(nextElement).addClass(directionalClassName)
-
- $(activeElement)
- .one(Bootstrap.TRANSITION_END, function () {
- $(nextElement)
- .removeClass(directionalClassName)
- .removeClass(direction)
-
- $(nextElement).addClass(Carousel._ClassName.ACTIVE)
-
- $(activeElement)
- .removeClass(Carousel._ClassName.ACTIVE)
- .removeClass(direction)
- .removeClass(directionalClassName)
-
- this._isSliding = false
-
- setTimeout(function () {
- $(this._element).trigger(slidEvent)
- }.bind(this), 0)
- }.bind(this))
- .emulateTransitionEnd(Carousel._TRANSITION_DURATION)
-
- } else {
- $(activeElement).removeClass(Carousel._ClassName.ACTIVE)
- $(nextElement).addClass(Carousel._ClassName.ACTIVE)
-
- this._isSliding = false
- $(this._element).trigger(slidEvent)
- }
-
- if (isCycling) {
- this['cycle']()
- }
-}
-
-
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface + noConflict implementaiton
- * ------------------------------------------------------------------------
- */
-
-/**
- * @const
- * @type {Function}
- */
-$.fn[Carousel._NAME] = Carousel._jQueryInterface
-
-
-/**
- * @const
- * @type {Function}
- */
-$.fn[Carousel._NAME]['Constructor'] = Carousel
-
-
-/**
- * @const
- * @type {Function}
- */
-$.fn[Carousel._NAME]['noConflict'] = function () {
- $.fn[Carousel._NAME] = Carousel._JQUERY_NO_CONFLICT
- return this
-}
-
-
-/**
- * ------------------------------------------------------------------------
- * Data Api implementation
- * ------------------------------------------------------------------------
- */
-
-$(document)
- .on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', Carousel._dataApiClickHandler)
+ $(document)
+ .on('click.bs.carousel.data-api', '[data-slide]', clickHandler)
+ .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler)
-$(window).on('load', function () {
- $('[data-ride="carousel"]').each(function () {
- var $carousel = $(this)
- Carousel._jQueryInterface.call($carousel, /** @type {Object} */ ($carousel.data()))
+ $(window).on('load', function () {
+ $('[data-ride="carousel"]').each(function () {
+ var $carousel = $(this)
+ Plugin.call($carousel, $carousel.data())
+ })
})
-})
-/** =======================================================================
- * Bootstrap: collapse.js v4.0.0
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: collapse.js v3.3.4
* http://getbootstrap.com/javascript/#collapse
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Bootstrap's collapse plugin. Flexible support for
- * collapsible components like accordions and navigation.
- *
- * Public Methods & Properties:
- *
- * + $.carousel
- * + $.carousel.noConflict
- * + $.carousel.Constructor
- * + $.carousel.Constructor.VERSION
- * + $.carousel.Constructor.Defaults
- * + $.carousel.Constructor.Defaults.toggle
- * + $.carousel.Constructor.Defaults.trigger
- * + $.carousel.Constructor.Defaults.parent
- * + $.carousel.Constructor.prototype.toggle
- * + $.carousel.Constructor.prototype.show
- * + $.carousel.Constructor.prototype.hide
- *
- * ========================================================================
- */
+ * ======================================================================== */
-'use strict';
++function ($) {
+ 'use strict';
-/**
- * Our collapse class.
- * @param {Element!} element
- * @param {Object=} opt_config
- * @constructor
- */
-var Collapse = function (element, opt_config) {
+ // COLLAPSE PUBLIC CLASS DEFINITION
+ // ================================
- /** @private {Element} */
- this._element = element
+ var Collapse = function (element, options) {
+ this.$element = $(element)
+ this.options = $.extend({}, Collapse.DEFAULTS, options)
+ this.$trigger = $('[data-toggle="collapse"][href="#' + element.id + '"],' +
+ '[data-toggle="collapse"][data-target="#' + element.id + '"]')
+ this.transitioning = null
- /** @private {Object} */
- this._config = $.extend({}, Collapse['Defaults'], opt_config)
+ if (this.options.parent) {
+ this.$parent = this.getParent()
+ } else {
+ this.addAriaAndCollapsedClass(this.$element, this.$trigger)
+ }
- /** @private {Element} */
- this._trigger = typeof this._config['trigger'] == 'string' ?
- $(this._config['trigger'])[0] : this._config['trigger']
+ if (this.options.toggle) this.toggle()
+ }
- /** @private {boolean} */
- this._isTransitioning = false
+ Collapse.VERSION = '3.3.4'
- /** @private {?Element} */
- this._parent = this._config['parent'] ? this._getParent() : null
+ Collapse.TRANSITION_DURATION = 350
- if (!this._config['parent']) {
- this._addAriaAndCollapsedClass(this._element, this._trigger)
+ Collapse.DEFAULTS = {
+ toggle: true
}
- if (this._config['toggle']) {
- this['toggle']()
+ Collapse.prototype.dimension = function () {
+ var hasWidth = this.$element.hasClass('width')
+ return hasWidth ? 'width' : 'height'
}
-}
-
-
-/**
- * @const
- * @type {string}
- */
-Collapse['VERSION'] = '4.0.0'
-
-
-/**
- * @const
- * @type {Object}
- */
-Collapse['Defaults'] = {
- 'toggle' : true,
- 'trigger' : '[data-toggle="collapse"]',
- 'parent' : null
-}
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Collapse._NAME = 'collapse'
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Collapse._DATA_KEY = 'bs.collapse'
+ Collapse.prototype.show = function () {
+ if (this.transitioning || this.$element.hasClass('in')) return
+ var activesData
+ var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing')
-/**
- * @const
- * @type {number}
- * @private
- */
-Collapse._TRANSITION_DURATION = 600
-
-
-/**
- * @const
- * @type {Function}
- * @private
- */
-Collapse._JQUERY_NO_CONFLICT = $.fn[Collapse._NAME]
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Collapse._Event = {
- SHOW : 'show.bs.collapse',
- SHOWN : 'shown.bs.collapse',
- HIDE : 'hide.bs.collapse',
- HIDDEN : 'hidden.bs.collapse'
-}
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Collapse._ClassName = {
- IN : 'in',
- COLLAPSE : 'collapse',
- COLLAPSING : 'collapsing',
- COLLAPSED : 'collapsed'
-}
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Collapse._Dimension = {
- WIDTH : 'width',
- HEIGHT : 'height'
-}
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Collapse._Selector = {
- ACTIVES : '.panel > .in, .panel > .collapsing'
-}
-
-
-/**
- * Provides the jQuery Interface for the alert component.
- * @param {Object|string=} opt_config
- * @this {jQuery}
- * @return {jQuery}
- * @private
- */
-Collapse._jQueryInterface = function (opt_config) {
- return this.each(function () {
- var $this = $(this)
- var data = $this.data(Collapse._DATA_KEY)
- var config = $.extend({}, Collapse['Defaults'], $this.data(), typeof opt_config == 'object' && opt_config)
-
- if (!data && config['toggle'] && opt_config == 'show') {
- config['toggle'] = false
+ if (actives && actives.length) {
+ activesData = actives.data('bs.collapse')
+ if (activesData && activesData.transitioning) return
}
- if (!data) {
- data = new Collapse(this, config)
- $this.data(Collapse._DATA_KEY, data)
- }
+ var startEvent = $.Event('show.bs.collapse')
+ this.$element.trigger(startEvent)
+ if (startEvent.isDefaultPrevented()) return
- if (typeof opt_config == 'string') {
- data[opt_config]()
+ if (actives && actives.length) {
+ Plugin.call(actives, 'hide')
+ activesData || actives.data('bs.collapse', null)
}
- })
-}
-
-
-/**
- * Function for getting target element from element
- * @return {Element}
- * @private
- */
-Collapse._getTargetFromElement = function (element) {
- var selector = Bootstrap.getSelectorFromElement(element)
-
- return selector ? $(selector)[0] : null
-}
+ var dimension = this.dimension()
-/**
- * Toggles the collapse element based on the presence of the 'in' class
- */
-Collapse.prototype['toggle'] = function () {
- if ($(this._element).hasClass(Collapse._ClassName.IN)) {
- this['hide']()
- } else {
- this['show']()
- }
-}
+ this.$element
+ .removeClass('collapse')
+ .addClass('collapsing')[dimension](0)
+ .attr('aria-expanded', true)
+ this.$trigger
+ .removeClass('collapsed')
+ .attr('aria-expanded', true)
-/**
- * Show's the collapsing element
- */
-Collapse.prototype['show'] = function () {
- if (this._isTransitioning || $(this._element).hasClass(Collapse._ClassName.IN)) {
- return
- }
-
- var activesData, actives
+ this.transitioning = 1
- if (this._parent) {
- actives = $.makeArray($(Collapse._Selector.ACTIVES))
- if (!actives.length) {
- actives = null
+ var complete = function () {
+ this.$element
+ .removeClass('collapsing')
+ .addClass('collapse in')[dimension]('')
+ this.transitioning = 0
+ this.$element
+ .trigger('shown.bs.collapse')
}
- }
- if (actives) {
- activesData = $(actives).data(Collapse._DATA_KEY)
- if (activesData && activesData._isTransitioning) {
- return
- }
- }
+ if (!$.support.transition) return complete.call(this)
- var startEvent = $.Event(Collapse._Event.SHOW)
- $(this._element).trigger(startEvent)
- if (startEvent.isDefaultPrevented()) {
- return
- }
+ var scrollSize = $.camelCase(['scroll', dimension].join('-'))
- if (actives) {
- Collapse._jQueryInterface.call($(actives), 'hide')
- if (!activesData) {
- $(actives).data(Collapse._DATA_KEY, null)
- }
+ this.$element
+ .one('bsTransitionEnd', $.proxy(complete, this))
+ .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize])
}
- var dimension = this._getDimension()
+ Collapse.prototype.hide = function () {
+ if (this.transitioning || !this.$element.hasClass('in')) return
- $(this._element)
- .removeClass(Collapse._ClassName.COLLAPSE)
- .addClass(Collapse._ClassName.COLLAPSING)
+ var startEvent = $.Event('hide.bs.collapse')
+ this.$element.trigger(startEvent)
+ if (startEvent.isDefaultPrevented()) return
- this._element.style[dimension] = 0
- this._element.setAttribute('aria-expanded', true)
+ var dimension = this.dimension()
- if (this._trigger) {
- $(this._trigger).removeClass(Collapse._ClassName.COLLAPSED)
- this._trigger.setAttribute('aria-expanded', true)
- }
+ this.$element[dimension](this.$element[dimension]())[0].offsetHeight
- this['setTransitioning'](true)
+ this.$element
+ .addClass('collapsing')
+ .removeClass('collapse in')
+ .attr('aria-expanded', false)
- var complete = function () {
- $(this._element)
- .removeClass(Collapse._ClassName.COLLAPSING)
- .addClass(Collapse._ClassName.COLLAPSE)
- .addClass(Collapse._ClassName.IN)
+ this.$trigger
+ .addClass('collapsed')
+ .attr('aria-expanded', false)
- this._element.style[dimension] = ''
+ this.transitioning = 1
- this['setTransitioning'](false)
+ var complete = function () {
+ this.transitioning = 0
+ this.$element
+ .removeClass('collapsing')
+ .addClass('collapse')
+ .trigger('hidden.bs.collapse')
+ }
- $(this._element).trigger(Collapse._Event.SHOWN)
- }.bind(this)
+ if (!$.support.transition) return complete.call(this)
- if (!Bootstrap.transition) {
- complete()
- return
+ this.$element
+ [dimension](0)
+ .one('bsTransitionEnd', $.proxy(complete, this))
+ .emulateTransitionEnd(Collapse.TRANSITION_DURATION)
}
- var scrollSize = 'scroll' + (dimension[0].toUpperCase() + dimension.slice(1))
-
- $(this._element)
- .one(Bootstrap.TRANSITION_END, complete)
- .emulateTransitionEnd(Collapse._TRANSITION_DURATION)
-
- this._element.style[dimension] = this._element[scrollSize] + 'px'
-}
-
-
-/**
- * Hides's the collapsing element
- */
-Collapse.prototype['hide'] = function () {
- if (this._isTransitioning || !$(this._element).hasClass(Collapse._ClassName.IN)) {
- return
+ Collapse.prototype.toggle = function () {
+ this[this.$element.hasClass('in') ? 'hide' : 'show']()
}
- var startEvent = $.Event(Collapse._Event.HIDE)
- $(this._element).trigger(startEvent)
- if (startEvent.isDefaultPrevented()) return
-
- var dimension = this._getDimension()
- var offsetDimension = dimension === Collapse._Dimension.WIDTH ?
- 'offsetWidth' : 'offsetHeight'
-
- this._element.style[dimension] = this._element[offsetDimension] + 'px'
-
- Bootstrap.reflow(this._element)
-
- $(this._element)
- .addClass(Collapse._ClassName.COLLAPSING)
- .removeClass(Collapse._ClassName.COLLAPSE)
- .removeClass(Collapse._ClassName.IN)
-
- this._element.setAttribute('aria-expanded', false)
-
- if (this._trigger) {
- $(this._trigger).addClass(Collapse._ClassName.COLLAPSED)
- this._trigger.setAttribute('aria-expanded', false)
+ Collapse.prototype.getParent = function () {
+ return $(this.options.parent)
+ .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]')
+ .each($.proxy(function (i, element) {
+ var $element = $(element)
+ this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element)
+ }, this))
+ .end()
}
- this['setTransitioning'](true)
-
- var complete = function () {
- this['setTransitioning'](false)
- $(this._element)
- .removeClass(Collapse._ClassName.COLLAPSING)
- .addClass(Collapse._ClassName.COLLAPSE)
- .trigger(Collapse._Event.HIDDEN)
-
- }.bind(this)
-
- this._element.style[dimension] = 0
+ Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) {
+ var isOpen = $element.hasClass('in')
- if (!Bootstrap.transition) {
- return complete()
+ $element.attr('aria-expanded', isOpen)
+ $trigger
+ .toggleClass('collapsed', !isOpen)
+ .attr('aria-expanded', isOpen)
}
- $(this._element)
- .one(Bootstrap.TRANSITION_END, complete)
- .emulateTransitionEnd(Collapse._TRANSITION_DURATION)
-}
-
-
-
-/**
- * @param {boolean} isTransitioning
- */
-Collapse.prototype['setTransitioning'] = function (isTransitioning) {
- this._isTransitioning = isTransitioning
-}
-
-
-/**
- * Returns the collapsing dimension
- * @return {string}
- * @private
- */
-Collapse.prototype._getDimension = function () {
- var hasWidth = $(this._element).hasClass(Collapse._Dimension.WIDTH)
- return hasWidth ? Collapse._Dimension.WIDTH : Collapse._Dimension.HEIGHT
-}
-
-
-/**
- * Returns the parent element
- * @return {Element}
- * @private
- */
-Collapse.prototype._getParent = function () {
- var selector = '[data-toggle="collapse"][data-parent="' + this._config['parent'] + '"]'
- var parent = $(this._config['parent'])[0]
- var elements = /** @type {Array.<Element>} */ ($.makeArray($(parent).find(selector)))
+ function getTargetFromTrigger($trigger) {
+ var href
+ var target = $trigger.attr('data-target')
+ || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7
- for (var i = 0; i < elements.length; i++) {
- this._addAriaAndCollapsedClass(Collapse._getTargetFromElement(elements[i]), elements[i])
+ return $(target)
}
- return parent
-}
+ // COLLAPSE PLUGIN DEFINITION
+ // ==========================
-/**
- * Returns the parent element
- * @param {Element} element
- * @param {Element} trigger
- * @private
- */
-Collapse.prototype._addAriaAndCollapsedClass = function (element, trigger) {
- if (element) {
- var isOpen = $(element).hasClass(Collapse._ClassName.IN)
- element.setAttribute('aria-expanded', isOpen)
-
- if (trigger) {
- trigger.setAttribute('aria-expanded', isOpen)
- $(trigger).toggleClass(Collapse._ClassName.COLLAPSED, !isOpen)
- }
- }
-}
+ function Plugin(option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.collapse')
+ var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)
+ if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false
+ if (!data) $this.data('bs.collapse', (data = new Collapse(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+ var old = $.fn.collapse
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface + noConflict implementaiton
- * ------------------------------------------------------------------------
- */
+ $.fn.collapse = Plugin
+ $.fn.collapse.Constructor = Collapse
-/**
- * @const
- * @type {Function}
- */
-$.fn[Collapse._NAME] = Collapse._jQueryInterface
+ // COLLAPSE NO CONFLICT
+ // ====================
-/**
- * @const
- * @type {Function}
- */
-$.fn[Collapse._NAME]['Constructor'] = Collapse
+ $.fn.collapse.noConflict = function () {
+ $.fn.collapse = old
+ return this
+ }
-/**
- * @const
- * @type {Function}
- */
-$.fn[Collapse._NAME]['noConflict'] = function () {
- $.fn[Collapse._NAME] = Collapse._JQUERY_NO_CONFLICT
- return this
-}
+ // COLLAPSE DATA-API
+ // =================
+ $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) {
+ var $this = $(this)
-/**
- * ------------------------------------------------------------------------
- * Data Api implementation
- * ------------------------------------------------------------------------
- */
-
-$(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (event) {
- event.preventDefault()
+ if (!$this.attr('data-target')) e.preventDefault()
- var target = Collapse._getTargetFromElement(this)
+ var $target = getTargetFromTrigger($this)
+ var data = $target.data('bs.collapse')
+ var option = data ? 'toggle' : $this.data()
- var data = $(target).data(Collapse._DATA_KEY)
- var config = data ? 'toggle' : $.extend({}, $(this).data(), { trigger: this })
+ Plugin.call($target, option)
+ })
- Collapse._jQueryInterface.call($(target), config)
-})
+}(jQuery);
-/** =======================================================================
- * Bootstrap: dropdown.js v4.0.0
- * http://getbootstrap.com/javascript/#dropdown
+/* ========================================================================
+ * Bootstrap: dropdown.js v3.3.4
+ * http://getbootstrap.com/javascript/#dropdowns
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Add dropdown menus to nearly anything with this simple
- * plugin, including the navbar, tabs, and pills.
- *
- * Public Methods & Properties:
- *
- * + $.dropdown
- * + $.dropdown.noConflict
- * + $.dropdown.Constructor
- * + $.dropdown.Constructor.VERSION
- * + $.dropdown.Constructor.prototype.toggle
- *
- * ========================================================================
- */
-
-'use strict';
-
-
-/**
- * Our dropdown class.
- * @param {Element!} element
- * @constructor
- */
-var Dropdown = function (element) {
- $(element).on('click.bs.dropdown', this['toggle'])
-}
-
-
-/**
- * @const
- * @type {string}
- */
-Dropdown['VERSION'] = '4.0.0'
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Dropdown._NAME = 'dropdown'
-
+ * ======================================================================== */
-/**
- * @const
- * @type {string}
- * @private
- */
-Dropdown._DATA_KEY = 'bs.dropdown'
-
-
-/**
- * @const
- * @type {Function}
- * @private
- */
-Dropdown._JQUERY_NO_CONFLICT = $.fn[Dropdown._NAME]
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Dropdown._Event = {
- HIDE : 'hide.bs.dropdown',
- HIDDEN : 'hidden.bs.dropdown',
- SHOW : 'show.bs.dropdown',
- SHOWN : 'shown.bs.dropdown'
-}
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Dropdown._ClassName = {
- BACKDROP : 'dropdown-backdrop',
- DISABLED : 'disabled',
- OPEN : 'open'
-}
++function ($) {
+ 'use strict';
-/**
- * @const
- * @enum {string}
- * @private
- */
-Dropdown._Selector = {
- BACKDROP : '.dropdown-backdrop',
- DATA_TOGGLE : '[data-toggle="dropdown"]',
- FORM_CHILD : '.dropdown form',
- ROLE_MENU : '[role="menu"]',
- ROLE_LISTBOX : '[role="listbox"]',
- NAVBAR_NAV : '.navbar-nav',
- VISIBLE_ITEMS : '[role="menu"] li:not(.divider) a, [role="listbox"] li:not(.divider) a'
-}
+ // DROPDOWN CLASS DEFINITION
+ // =========================
+ var backdrop = '.dropdown-backdrop'
+ var toggle = '[data-toggle="dropdown"]'
+ var Dropdown = function (element) {
+ $(element).on('click.bs.dropdown', this.toggle)
+ }
-/**
- * Provides the jQuery Interface for the alert component.
- * @param {string=} opt_config
- * @this {jQuery}
- * @return {jQuery}
- * @private
- */
-Dropdown._jQueryInterface = function (opt_config) {
- return this.each(function () {
- var data = $(this).data(Dropdown._DATA_KEY)
+ Dropdown.VERSION = '3.3.4'
- if (!data) {
- $(this).data(Dropdown._DATA_KEY, (data = new Dropdown(this)))
- }
+ function getParent($this) {
+ var selector = $this.attr('data-target')
- if (typeof opt_config === 'string') {
- data[opt_config].call(this)
+ if (!selector) {
+ selector = $this.attr('href')
+ selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
}
- })
-}
+ var $parent = selector && $(selector)
-/**
- * @param {Event=} opt_event
- * @private
- */
-Dropdown._clearMenus = function (opt_event) {
- if (opt_event && opt_event.which == 3) {
- return
- }
-
- var backdrop = $(Dropdown._Selector.BACKDROP)[0]
- if (backdrop) {
- backdrop.parentNode.removeChild(backdrop)
+ return $parent && $parent.length ? $parent : $this.parent()
}
- var toggles = /** @type {Array.<Element>} */ ($.makeArray($(Dropdown._Selector.DATA_TOGGLE)))
+ function clearMenus(e) {
+ if (e && e.which === 3) return
+ $(backdrop).remove()
+ $(toggle).each(function () {
+ var $this = $(this)
+ var $parent = getParent($this)
+ var relatedTarget = { relatedTarget: this }
- for (var i = 0; i < toggles.length; i++) {
- var parent = Dropdown._getParentFromElement(toggles[i])
- var relatedTarget = { 'relatedTarget': toggles[i] }
+ if (!$parent.hasClass('open')) return
- if (!$(parent).hasClass(Dropdown._ClassName.OPEN)) {
- continue
- }
+ if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return
- var hideEvent = $.Event(Dropdown._Event.HIDE, relatedTarget)
- $(parent).trigger(hideEvent)
- if (hideEvent.isDefaultPrevented()) {
- continue
- }
+ $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))
- toggles[i].setAttribute('aria-expanded', 'false')
+ if (e.isDefaultPrevented()) return
- $(parent)
- .removeClass(Dropdown._ClassName.OPEN)
- .trigger(Dropdown._Event.HIDDEN, relatedTarget)
+ $this.attr('aria-expanded', 'false')
+ $parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget)
+ })
}
-}
+ Dropdown.prototype.toggle = function (e) {
+ var $this = $(this)
-/**
- * @param {Element} element
- * @return {Element}
- * @private
- */
-Dropdown._getParentFromElement = function (element) {
- var selector = Bootstrap.getSelectorFromElement(element)
-
- if (selector) {
- var parent = $(selector)[0]
- }
+ if ($this.is('.disabled, :disabled')) return
- return /** @type {Element} */ (parent || element.parentNode)
-}
+ var $parent = getParent($this)
+ var isActive = $parent.hasClass('open')
+ clearMenus()
-/**
- * @param {Event} event
- * @this {Element}
- * @private
- */
-Dropdown._dataApiKeydownHandler = function (event) {
- if (!/(38|40|27|32)/.test(event.which) || /input|textarea/i.test(event.target.tagName)) {
- return
- }
+ if (!isActive) {
+ if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
+ // if mobile we use a backdrop because click events don't delegate
+ $(document.createElement('div'))
+ .addClass('dropdown-backdrop')
+ .insertAfter($(this))
+ .on('click', clearMenus)
+ }
- event.preventDefault()
- event.stopPropagation()
+ var relatedTarget = { relatedTarget: this }
+ $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))
- if (this.disabled || $(this).hasClass(Dropdown._ClassName.DISABLED)) {
- return
- }
+ if (e.isDefaultPrevented()) return
- var parent = Dropdown._getParentFromElement(this)
- var isActive = $(parent).hasClass(Dropdown._ClassName.OPEN)
+ $this
+ .trigger('focus')
+ .attr('aria-expanded', 'true')
- if ((!isActive && event.which != 27) || (isActive && event.which == 27)) {
- if (event.which == 27) {
- var toggle = $(parent).find(Dropdown._Selector.DATA_TOGGLE)[0]
- $(toggle).trigger('focus')
+ $parent
+ .toggleClass('open')
+ .trigger('shown.bs.dropdown', relatedTarget)
}
- $(this).trigger('click')
- return
- }
-
- var items = $.makeArray($(Dropdown._Selector.VISIBLE_ITEMS))
-
- items = items.filter(function (item) {
- return item.offsetWidth || item.offsetHeight
- })
- if (!items.length) {
- return
+ return false
}
- var index = items.indexOf(event.target)
-
- if (event.which == 38 && index > 0) index-- // up
- if (event.which == 40 && index < items.length - 1) index++ // down
- if (!~index) index = 0
+ Dropdown.prototype.keydown = function (e) {
+ if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return
- items[index].focus()
-}
+ var $this = $(this)
+ e.preventDefault()
+ e.stopPropagation()
-/**
- * Toggles the dropdown
- * @this {Element}
- * @return {boolean|undefined}
- */
-Dropdown.prototype['toggle'] = function () {
- if (this.disabled || $(this).hasClass(Dropdown._ClassName.DISABLED)) {
- return
- }
+ if ($this.is('.disabled, :disabled')) return
- var parent = Dropdown._getParentFromElement(this)
- var isActive = $(parent).hasClass(Dropdown._ClassName.OPEN)
+ var $parent = getParent($this)
+ var isActive = $parent.hasClass('open')
- Dropdown._clearMenus()
+ if (!isActive && e.which != 27 || isActive && e.which == 27) {
+ if (e.which == 27) $parent.find(toggle).trigger('focus')
+ return $this.trigger('click')
+ }
- if (isActive) {
- return false
- }
+ var desc = ' li:not(.disabled):visible a'
+ var $items = $parent.find('[role="menu"]' + desc + ', [role="listbox"]' + desc)
- if ('ontouchstart' in document.documentElement && !$(parent).closest(Dropdown._Selector.NAVBAR_NAV).length) {
- // if mobile we use a backdrop because click events don't delegate
- var dropdown = document.createElement('div')
- dropdown.className = Dropdown._ClassName.BACKDROP
- this.parentNode.insertBefore(this, dropdown)
- $(dropdown).on('click', Dropdown._clearMenus)
- }
+ if (!$items.length) return
- var relatedTarget = { 'relatedTarget': this }
- var showEvent = $.Event(Dropdown._Event.SHOW, relatedTarget)
+ var index = $items.index(e.target)
- $(parent).trigger(showEvent)
+ if (e.which == 38 && index > 0) index-- // up
+ if (e.which == 40 && index < $items.length - 1) index++ // down
+ if (!~index) index = 0
- if (showEvent.isDefaultPrevented()) {
- return
+ $items.eq(index).trigger('focus')
}
- this.focus()
- this.setAttribute('aria-expanded', 'true')
- $(parent).toggleClass(Dropdown._ClassName.OPEN)
+ // DROPDOWN PLUGIN DEFINITION
+ // ==========================
- $(parent).trigger(Dropdown._Event.SHOWN, relatedTarget)
+ function Plugin(option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.dropdown')
- return false
-}
+ if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
+ if (typeof option == 'string') data[option].call($this)
+ })
+ }
+ var old = $.fn.dropdown
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface + noConflict implementaiton
- * ------------------------------------------------------------------------
- */
+ $.fn.dropdown = Plugin
+ $.fn.dropdown.Constructor = Dropdown
-/**
- * @const
- * @type {Function}
- */
-$.fn[Dropdown._NAME] = Dropdown._jQueryInterface
+ // DROPDOWN NO CONFLICT
+ // ====================
-/**
- * @const
- * @type {Function}
- */
-$.fn[Dropdown._NAME]['Constructor'] = Dropdown
+ $.fn.dropdown.noConflict = function () {
+ $.fn.dropdown = old
+ return this
+ }
-/**
- * @const
- * @type {Function}
- */
-$.fn[Dropdown._NAME]['noConflict'] = function () {
- $.fn[Dropdown._NAME] = Dropdown._JQUERY_NO_CONFLICT
- return this
-}
+ // APPLY TO STANDARD DROPDOWN ELEMENTS
+ // ===================================
+ $(document)
+ .on('click.bs.dropdown.data-api', clearMenus)
+ .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
+ .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
+ .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
+ .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)
-/**
- * ------------------------------------------------------------------------
- * Data Api implementation
- * ------------------------------------------------------------------------
- */
+}(jQuery);
-$(document)
- .on('click.bs.dropdown.data-api', Dropdown._clearMenus)
- .on('click.bs.dropdown.data-api', Dropdown._Selector.FORM_CHILD, function (e) { e.stopPropagation() })
- .on('click.bs.dropdown.data-api', Dropdown._Selector.DATA_TOGGLE, Dropdown.prototype['toggle'])
- .on('keydown.bs.dropdown.data-api', Dropdown._Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler)
- .on('keydown.bs.dropdown.data-api', Dropdown._Selector.ROLE_MENU, Dropdown._dataApiKeydownHandler)
- .on('keydown.bs.dropdown.data-api', Dropdown._Selector.ROLE_LISTBOX, Dropdown._dataApiKeydownHandler)
-
-/** =======================================================================
- * Bootstrap: modal.js v4.0.0
- * http://getbootstrap.com/javascript/#modal
+/* ========================================================================
+ * Bootstrap: modal.js v3.3.4
+ * http://getbootstrap.com/javascript/#modals
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Bootstrap's modal plugin. Modals are streamlined, but
- * flexible, dialog prompts with the minimum required functionality and
- * smart defaults.
- *
- * Public Methods & Properties:
- *
- * + $.modal
- * + $.modal.noConflict
- * + $.modal.Constructor
- * + $.modal.Constructor.VERSION
- * + $.modal.Constructor.Defaults
- * + $.modal.Constructor.Defaults.backdrop
- * + $.modal.Constructor.Defaults.keyboard
- * + $.modal.Constructor.Defaults.show
- * + $.modal.Constructor.prototype.toggle
- * + $.modal.Constructor.prototype.show
- * + $.modal.Constructor.prototype.hide
- *
- * ========================================================================
- */
-
-'use strict';
-
-
-/**
- * Our modal class.
- * @param {Element} element
- * @param {Object} config
- * @constructor
- */
-var Modal = function (element, config) {
-
- /** @private {Object} */
- this._config = config
-
- /** @private {Element} */
- this._element = element
-
- /** @private {Element} */
- this._backdrop = null
-
- /** @private {boolean} */
- this._isShown = false
-
- /** @private {boolean} */
- this._isBodyOverflowing = false
-
- /** @private {number} */
- this._scrollbarWidth = 0
-
-}
+ * ======================================================================== */
-/**
- * @const
- * @type {string}
- */
-Modal['VERSION'] = '4.0.0'
-
-
-/**
- * @const
- * @type {Object}
- */
-Modal['Defaults'] = {
- 'backdrop' : true,
- 'keyboard' : true,
- 'show' : true
-}
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Modal._NAME = 'modal'
-
++function ($) {
+ 'use strict';
-/**
- * @const
- * @type {string}
- * @private
- */
-Modal._DATA_KEY = 'bs.modal'
+ // MODAL CLASS DEFINITION
+ // ======================
+ var Modal = function (element, options) {
+ this.options = options
+ this.$body = $(document.body)
+ this.$element = $(element)
+ this.$dialog = this.$element.find('.modal-dialog')
+ this.$backdrop = null
+ this.isShown = null
+ this.originalBodyPad = null
+ this.scrollbarWidth = 0
+ this.ignoreBackdropClick = false
-/**
- * @const
- * @type {number}
- * @private
- */
-Modal._TRANSITION_DURATION = 300
+ if (this.options.remote) {
+ this.$element
+ .find('.modal-content')
+ .load(this.options.remote, $.proxy(function () {
+ this.$element.trigger('loaded.bs.modal')
+ }, this))
+ }
+ }
+ Modal.VERSION = '3.3.4'
-/**
- * @const
- * @type {number}
- * @private
- */
-Modal._BACKDROP_TRANSITION_DURATION = 150
+ Modal.TRANSITION_DURATION = 300
+ Modal.BACKDROP_TRANSITION_DURATION = 150
+ Modal.DEFAULTS = {
+ backdrop: true,
+ keyboard: true,
+ show: true
+ }
-/**
- * @const
- * @type {Function}
- * @private
- */
-Modal._JQUERY_NO_CONFLICT = $.fn[Modal._NAME]
+ Modal.prototype.toggle = function (_relatedTarget) {
+ return this.isShown ? this.hide() : this.show(_relatedTarget)
+ }
+ Modal.prototype.show = function (_relatedTarget) {
+ var that = this
+ var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })
-/**
- * @const
- * @enum {string}
- * @private
- */
-Modal._Event = {
- HIDE : 'hide.bs.modal',
- HIDDEN : 'hidden.bs.modal',
- SHOW : 'show.bs.modal',
- SHOWN : 'shown.bs.modal'
-}
+ this.$element.trigger(e)
+ if (this.isShown || e.isDefaultPrevented()) return
-/**
- * @const
- * @enum {string}
- * @private
- */
-Modal._ClassName = {
- BACKDROP : 'modal-backdrop',
- OPEN : 'modal-open',
- FADE : 'fade',
- IN : 'in'
-}
+ this.isShown = true
+ this.checkScrollbar()
+ this.setScrollbar()
+ this.$body.addClass('modal-open')
-/**
- * @const
- * @enum {string}
- * @private
- */
-Modal._Selector = {
- DIALOG : '.modal-dialog',
- DATA_TOGGLE : '[data-toggle="modal"]',
- DATA_DISMISS : '[data-dismiss="modal"]',
- SCROLLBAR_MEASURER : 'modal-scrollbar-measure'
-}
+ this.escape()
+ this.resize()
+ this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))
+ this.$dialog.on('mousedown.dismiss.bs.modal', function () {
+ that.$element.one('mouseup.dismiss.bs.modal', function (e) {
+ if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true
+ })
+ })
-/**
- * Provides the jQuery Interface for the alert component.
- * @param {Object|string=} opt_config
- * @param {Element=} opt_relatedTarget
- * @this {jQuery}
- * @return {jQuery}
- * @private
- */
-Modal._jQueryInterface = function Plugin(opt_config, opt_relatedTarget) {
- return this.each(function () {
- var data = $(this).data(Modal._DATA_KEY)
- var config = $.extend({}, Modal['Defaults'], $(this).data(), typeof opt_config == 'object' && opt_config)
-
- if (!data) {
- data = new Modal(this, config)
- $(this).data(Modal._DATA_KEY, data)
- }
+ this.backdrop(function () {
+ var transition = $.support.transition && that.$element.hasClass('fade')
- if (typeof opt_config == 'string') {
- data[opt_config](opt_relatedTarget)
+ if (!that.$element.parent().length) {
+ that.$element.appendTo(that.$body) // don't move modals dom position
+ }
- } else if (config['show']) {
- data['show'](opt_relatedTarget)
- }
- })
-}
+ that.$element
+ .show()
+ .scrollTop(0)
+ that.adjustDialog()
-/**
- * @param {Element} relatedTarget
- */
-Modal.prototype['toggle'] = function (relatedTarget) {
- return this._isShown ? this['hide']() : this['show'](relatedTarget)
-}
+ if (transition) {
+ that.$element[0].offsetWidth // force reflow
+ }
+ that.$element.addClass('in')
-/**
- * @param {Element} relatedTarget
- */
-Modal.prototype['show'] = function (relatedTarget) {
- var showEvent = $.Event(Modal._Event.SHOW, { relatedTarget: relatedTarget })
+ that.enforceFocus()
- $(this._element).trigger(showEvent)
+ var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })
- if (this._isShown || showEvent.isDefaultPrevented()) {
- return
+ transition ?
+ that.$dialog // wait for modal to slide in
+ .one('bsTransitionEnd', function () {
+ that.$element.trigger('focus').trigger(e)
+ })
+ .emulateTransitionEnd(Modal.TRANSITION_DURATION) :
+ that.$element.trigger('focus').trigger(e)
+ })
}
- this._isShown = true
+ Modal.prototype.hide = function (e) {
+ if (e) e.preventDefault()
- this._checkScrollbar()
- this._setScrollbar()
+ e = $.Event('hide.bs.modal')
- $(document.body).addClass(Modal._ClassName.OPEN)
+ this.$element.trigger(e)
- this._escape()
- this._resize()
+ if (!this.isShown || e.isDefaultPrevented()) return
- $(this._element).on('click.dismiss.bs.modal', Modal._Selector.DATA_DISMISS, this['hide'].bind(this))
+ this.isShown = false
- this._showBackdrop(this._showElement.bind(this, relatedTarget))
-}
+ this.escape()
+ this.resize()
+ $(document).off('focusin.bs.modal')
-/**
- * @param {Event} event
- */
-Modal.prototype['hide'] = function (event) {
- if (event) {
- event.preventDefault()
- }
+ this.$element
+ .removeClass('in')
+ .off('click.dismiss.bs.modal')
+ .off('mouseup.dismiss.bs.modal')
- var hideEvent = $.Event(Modal._Event.HIDE)
+ this.$dialog.off('mousedown.dismiss.bs.modal')
- $(this._element).trigger(hideEvent)
-
- if (!this._isShown || hideEvent.isDefaultPrevented()) {
- return
+ $.support.transition && this.$element.hasClass('fade') ?
+ this.$element
+ .one('bsTransitionEnd', $.proxy(this.hideModal, this))
+ .emulateTransitionEnd(Modal.TRANSITION_DURATION) :
+ this.hideModal()
}
- this._isShown = false
-
- this._escape()
- this._resize()
-
- $(document).off('focusin.bs.modal')
-
- $(this._element).removeClass(Modal._ClassName.IN)
- this._element.setAttribute('aria-hidden', true)
-
- $(this._element).off('click.dismiss.bs.modal')
-
- if (Bootstrap.transition && $(this._element).hasClass(Modal._ClassName.FADE)) {
- $(this._element)
- .one(Bootstrap.TRANSITION_END, this._hideModal.bind(this))
- .emulateTransitionEnd(Modal._TRANSITION_DURATION)
- } else {
- this._hideModal()
+ Modal.prototype.enforceFocus = function () {
+ $(document)
+ .off('focusin.bs.modal') // guard against infinite focus loop
+ .on('focusin.bs.modal', $.proxy(function (e) {
+ if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {
+ this.$element.trigger('focus')
+ }
+ }, this))
}
-}
-
-/**
- * @param {Element} relatedTarget
- * @private
- */
-Modal.prototype._showElement = function (relatedTarget) {
- var transition = Bootstrap.transition && $(this._element).hasClass(Modal._ClassName.FADE)
-
- if (!this._element.parentNode || this._element.parentNode.nodeType != Node.ELEMENT_NODE) {
- document.body.appendChild(this._element) // don't move modals dom position
+ Modal.prototype.escape = function () {
+ if (this.isShown && this.options.keyboard) {
+ this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) {
+ e.which == 27 && this.hide()
+ }, this))
+ } else if (!this.isShown) {
+ this.$element.off('keydown.dismiss.bs.modal')
+ }
}
- this._element.style.display = 'block'
- this._element.scrollTop = 0
+ Modal.prototype.resize = function () {
+ if (this.isShown) {
+ $(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this))
+ } else {
+ $(window).off('resize.bs.modal')
+ }
+ }
- if (this._config['backdrop']) {
- this._adjustBackdrop()
+ Modal.prototype.hideModal = function () {
+ var that = this
+ this.$element.hide()
+ this.backdrop(function () {
+ that.$body.removeClass('modal-open')
+ that.resetAdjustments()
+ that.resetScrollbar()
+ that.$element.trigger('hidden.bs.modal')
+ })
}
- if (transition) {
- Bootstrap.reflow(this._element)
+ Modal.prototype.removeBackdrop = function () {
+ this.$backdrop && this.$backdrop.remove()
+ this.$backdrop = null
}
- $(this._element).addClass(Modal._ClassName.IN)
- this._element.setAttribute('aria-hidden', false)
+ Modal.prototype.backdrop = function (callback) {
+ var that = this
+ var animate = this.$element.hasClass('fade') ? 'fade' : ''
- this._enforceFocus()
+ if (this.isShown && this.options.backdrop) {
+ var doAnimate = $.support.transition && animate
- var shownEvent = $.Event(Modal._Event.SHOWN, { relatedTarget: relatedTarget })
+ this.$backdrop = $(document.createElement('div'))
+ .addClass('modal-backdrop ' + animate)
+ .appendTo(this.$body)
- var transitionComplete = function () {
- this._element.focus()
- $(this._element).trigger(shownEvent)
- }.bind(this)
+ this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) {
+ if (this.ignoreBackdropClick) {
+ this.ignoreBackdropClick = false
+ return
+ }
+ if (e.target !== e.currentTarget) return
+ this.options.backdrop == 'static'
+ ? this.$element[0].focus()
+ : this.hide()
+ }, this))
- if (transition) {
- var dialog = $(this._element).find(Modal._Selector.DIALOG)[0]
- $(dialog)
- .one(Bootstrap.TRANSITION_END, transitionComplete)
- .emulateTransitionEnd(Modal._TRANSITION_DURATION)
- } else {
- transitionComplete()
- }
-}
+ if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
+ this.$backdrop.addClass('in')
+ if (!callback) return
-/**
- * @private
- */
-Modal.prototype._enforceFocus = function () {
- $(document)
- .off('focusin.bs.modal') // guard against infinite focus loop
- .on('focusin.bs.modal', function (e) {
- if (this._element !== e.target && !$(this._element).has(e.target).length) {
- this._element.focus()
- }
- }.bind(this))
-}
+ doAnimate ?
+ this.$backdrop
+ .one('bsTransitionEnd', callback)
+ .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) :
+ callback()
+ } else if (!this.isShown && this.$backdrop) {
+ this.$backdrop.removeClass('in')
-/**
- * @private
- */
-Modal.prototype._escape = function () {
- if (this._isShown && this._config['keyboard']) {
- $(this._element).on('keydown.dismiss.bs.modal', function (event) {
- if (event.which === 27) {
- this['hide']()
+ var callbackRemove = function () {
+ that.removeBackdrop()
+ callback && callback()
}
- }.bind(this))
+ $.support.transition && this.$element.hasClass('fade') ?
+ this.$backdrop
+ .one('bsTransitionEnd', callbackRemove)
+ .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) :
+ callbackRemove()
- } else if (!this._isShown) {
- $(this._element).off('keydown.dismiss.bs.modal')
+ } else if (callback) {
+ callback()
+ }
}
-}
+ // these following methods are used to handle overflowing modals
-/**
- * @private
- */
-Modal.prototype._resize = function () {
- if (this._isShown) {
- $(window).on('resize.bs.modal', this._handleUpdate.bind(this))
- } else {
- $(window).off('resize.bs.modal')
+ Modal.prototype.handleUpdate = function () {
+ this.adjustDialog()
}
-}
-
-
-/**
- * @private
- */
-Modal.prototype._hideModal = function () {
- this._element.style.display = 'none'
- this._showBackdrop(function () {
- $(document.body).removeClass(Modal._ClassName.OPEN)
- this._resetAdjustments()
- this._resetScrollbar()
- $(this._element).trigger(Modal._Event.HIDDEN)
- }.bind(this))
-}
+ Modal.prototype.adjustDialog = function () {
+ var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight
-/**
- * @private
- */
-Modal.prototype._removeBackdrop = function () {
- if (this._backdrop) {
- this._backdrop.parentNode.removeChild(this._backdrop)
- this._backdrop = null
+ this.$element.css({
+ paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
+ paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
+ })
}
-}
-
-
-/**
- * @param {Function} callback
- * @private
- */
-Modal.prototype._showBackdrop = function (callback) {
- var animate = $(this._element).hasClass(Modal._ClassName.FADE) ? Modal._ClassName.FADE : ''
-
- if (this._isShown && this._config['backdrop']) {
- var doAnimate = Bootstrap.transition && animate
-
- this._backdrop = document.createElement('div')
- this._backdrop.className = Modal._ClassName.BACKDROP
-
- if (animate) {
- $(this._backdrop).addClass(animate)
- }
- $(this._element).prepend(this._backdrop)
-
- $(this._backdrop).on('click.dismiss.bs.modal', function (event) {
- if (event.target !== event.currentTarget) return
- this._config['backdrop'] === 'static'
- ? this._element.focus()
- : this['hide']()
- }.bind(this))
-
- if (doAnimate) {
- Bootstrap.reflow(this._backdrop)
- }
-
- $(this._backdrop).addClass(Modal._ClassName.IN)
-
- if (!callback) {
- return
- }
-
- if (!doAnimate) {
- callback()
- return
- }
-
- $(this._backdrop)
- .one(Bootstrap.TRANSITION_END, callback)
- .emulateTransitionEnd(Modal._BACKDROP_TRANSITION_DURATION)
-
- } else if (!this._isShown && this._backdrop) {
- $(this._backdrop).removeClass(Modal._ClassName.IN)
-
- var callbackRemove = function () {
- this._removeBackdrop()
- if (callback) {
- callback()
- }
- }.bind(this)
+ Modal.prototype.resetAdjustments = function () {
+ this.$element.css({
+ paddingLeft: '',
+ paddingRight: ''
+ })
+ }
- if (Bootstrap.transition && $(this._element).hasClass(Modal._ClassName.FADE)) {
- $(this._backdrop)
- .one(Bootstrap.TRANSITION_END, callbackRemove)
- .emulateTransitionEnd(Modal._BACKDROP_TRANSITION_DURATION)
- } else {
- callbackRemove()
+ Modal.prototype.checkScrollbar = function () {
+ var fullWindowWidth = window.innerWidth
+ if (!fullWindowWidth) { // workaround for missing window.innerWidth in IE8
+ var documentElementRect = document.documentElement.getBoundingClientRect()
+ fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left)
}
-
- } else if (callback) {
- callback()
+ this.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth
+ this.scrollbarWidth = this.measureScrollbar()
}
-}
-
-/**
- * ------------------------------------------------------------------------
- * the following methods are used to handle overflowing modals
- * todo (fat): these should probably be refactored into a
- * ------------------------------------------------------------------------
- */
-
-
-/**
- * @private
- */
-Modal.prototype._handleUpdate = function () {
- if (this._config['backdrop']) this._adjustBackdrop()
- this._adjustDialog()
-}
-
-/**
- * @private
- */
-Modal.prototype._adjustBackdrop = function () {
- this._backdrop.style.height = 0 // todo (fat): no clue why we do this
- this._backdrop.style.height = this._element.scrollHeight + 'px'
-}
-
-
-/**
- * @private
- */
-Modal.prototype._adjustDialog = function () {
- var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight
-
- if (!this._isBodyOverflowing && isModalOverflowing) {
- this._element.style.paddingLeft = this._scrollbarWidth + 'px'
+ Modal.prototype.setScrollbar = function () {
+ var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10)
+ this.originalBodyPad = document.body.style.paddingRight || ''
+ if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
}
- if (this._isBodyOverflowing && !isModalOverflowing) {
- this._element.style.paddingRight = this._scrollbarWidth + 'px'
+ Modal.prototype.resetScrollbar = function () {
+ this.$body.css('padding-right', this.originalBodyPad)
}
-}
-
-
-/**
- * @private
- */
-Modal.prototype._resetAdjustments = function () {
- this._element.style.paddingLeft = ''
- this._element.style.paddingRight = ''
-}
-
-
-/**
- * @private
- */
-Modal.prototype._checkScrollbar = function () {
- this._isBodyOverflowing = document.body.scrollHeight > document.documentElement.clientHeight
- this._scrollbarWidth = this._getScrollbarWidth()
-}
-
-
-/**
- * @private
- */
-Modal.prototype._setScrollbar = function () {
- var bodyPadding = parseInt(($(document.body).css('padding-right') || 0), 10)
- if (this._isBodyOverflowing) {
- document.body.style.paddingRight = bodyPadding + this._scrollbarWidth + 'px'
+ Modal.prototype.measureScrollbar = function () { // thx walsh
+ var scrollDiv = document.createElement('div')
+ scrollDiv.className = 'modal-scrollbar-measure'
+ this.$body.append(scrollDiv)
+ var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth
+ this.$body[0].removeChild(scrollDiv)
+ return scrollbarWidth
}
-}
-
-
-/**
- * @private
- */
-Modal.prototype._resetScrollbar = function () {
- document.body.style.paddingRight = ''
-}
-
-
-/**
- * @private
- */
-Modal.prototype._getScrollbarWidth = function () { // thx walsh
- var scrollDiv = document.createElement('div')
- scrollDiv.className = Modal._Selector.SCROLLBAR_MEASURER
- document.body.appendChild(scrollDiv)
- var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth
- document.body.removeChild(scrollDiv)
- return scrollbarWidth
-}
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface + noConflict implementaiton
- * ------------------------------------------------------------------------
- */
-
-/**
- * @const
- * @type {Function}
- */
-$.fn[Modal._NAME] = Modal._jQueryInterface
+ // MODAL PLUGIN DEFINITION
+ // =======================
+ function Plugin(option, _relatedTarget) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.modal')
+ var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option)
-/**
- * @const
- * @type {Function}
- */
-$.fn[Modal._NAME]['Constructor'] = Modal
+ if (!data) $this.data('bs.modal', (data = new Modal(this, options)))
+ if (typeof option == 'string') data[option](_relatedTarget)
+ else if (options.show) data.show(_relatedTarget)
+ })
+ }
+ var old = $.fn.modal
-/**
- * @const
- * @type {Function}
- */
-$.fn[Modal._NAME]['noConflict'] = function () {
- $.fn[Modal._NAME] = Modal._JQUERY_NO_CONFLICT
- return this
-}
+ $.fn.modal = Plugin
+ $.fn.modal.Constructor = Modal
-/**
- * ------------------------------------------------------------------------
- * Data Api implementation
- * ------------------------------------------------------------------------
- */
+ // MODAL NO CONFLICT
+ // =================
-$(document).on('click.bs.modal.data-api', Modal._Selector.DATA_TOGGLE, function (event) {
- var selector = Bootstrap.getSelectorFromElement(this)
-
- if (selector) {
- var target = $(selector)[0]
+ $.fn.modal.noConflict = function () {
+ $.fn.modal = old
+ return this
}
- var config = $(target).data(Modal._DATA_KEY) ? 'toggle' : $.extend({}, $(target).data(), $(this).data())
- if (this.tagName == 'A') {
- event.preventDefault()
- }
+ // MODAL DATA-API
+ // ==============
- var $target = $(target).one(Modal._Event.SHOW, function (showEvent) {
- if (showEvent.isDefaultPrevented()) {
- return // only register focus restorer if modal will actually get shown
- }
+ $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {
+ var $this = $(this)
+ var href = $this.attr('href')
+ var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) // strip for ie7
+ var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data())
- $target.one(Modal._Event.HIDDEN, function () {
- if ($(this).is(':visible')) {
- this.focus()
- }
- }.bind(this))
- }.bind(this))
+ if ($this.is('a')) e.preventDefault()
- Modal._jQueryInterface.call($(target), config, this)
-})
+ $target.one('show.bs.modal', function (showEvent) {
+ if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown
+ $target.one('hidden.bs.modal', function () {
+ $this.is(':visible') && $this.trigger('focus')
+ })
+ })
+ Plugin.call($target, option, this)
+ })
-/** =======================================================================
- * Bootstrap: scrollspy.js v4.0.0
- * http://getbootstrap.com/javascript/#scrollspy
+}(jQuery);
+
+/* ========================================================================
+ * Bootstrap: tooltip.js v3.3.4
+ * http://getbootstrap.com/javascript/#tooltip
+ * Inspired by the original jQuery.tipsy by Jason Frame
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Bootstrap's scrollspy plugin.
- *
- * Public Methods & Properties:
- *
- * + $.scrollspy
- * + $.scrollspy.noConflict
- * + $.scrollspy.Constructor
- * + $.scrollspy.Constructor.VERSION
- * + $.scrollspy.Constructor.Defaults
- * + $.scrollspy.Constructor.Defaults.offset
- * + $.scrollspy.Constructor.prototype.refresh
- *
- * ========================================================================
- */
-
-'use strict';
-
-
-/**
- * Our scrollspy class.
- * @param {Element!} element
- * @param {Object=} opt_config
- * @constructor
- */
-function ScrollSpy(element, opt_config) {
-
- /** @private {Element|Window} */
- this._scrollElement = element.tagName == 'BODY' ? window : element
-
- /** @private {Object} */
- this._config = $.extend({}, ScrollSpy['Defaults'], opt_config)
-
- /** @private {string} */
- this._selector = (this._config.target || '') + ' .nav li > a'
-
- /** @private {Array} */
- this._offsets = []
-
- /** @private {Array} */
- this._targets = []
-
- /** @private {Element} */
- this._activeTarget = null
-
- /** @private {number} */
- this._scrollHeight = 0
-
- $(this._scrollElement).on('scroll.bs.scrollspy', this._process.bind(this))
-
- this['refresh']()
-
- this._process()
-}
-
-
-/**
- * @const
- * @type {string}
- */
-ScrollSpy['VERSION'] = '4.0.0'
-
-
-/**
- * @const
- * @type {Object}
- */
-ScrollSpy['Defaults'] = {
- 'offset': 10
-}
+ * ======================================================================== */
-/**
- * @const
- * @type {string}
- * @private
- */
-ScrollSpy._NAME = 'scrollspy'
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-ScrollSpy._DATA_KEY = 'bs.scrollspy'
-
-
-/**
- * @const
- * @type {Function}
- * @private
- */
-ScrollSpy._JQUERY_NO_CONFLICT = $.fn[ScrollSpy._NAME]
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-ScrollSpy._Event = {
- ACTIVATE: 'activate.bs.scrollspy'
-}
++function ($) {
+ 'use strict';
+ // TOOLTIP PUBLIC CLASS DEFINITION
+ // ===============================
-/**
- * @const
- * @enum {string}
- * @private
- */
-ScrollSpy._ClassName = {
- DROPDOWN_MENU : 'dropdown-menu',
- ACTIVE : 'active'
-}
+ var Tooltip = function (element, options) {
+ this.type = null
+ this.options = null
+ this.enabled = null
+ this.timeout = null
+ this.hoverState = null
+ this.$element = null
+ this.inState = null
+ this.init('tooltip', element, options)
+ }
-/**
- * @const
- * @enum {string}
- * @private
- */
-ScrollSpy._Selector = {
- DATA_SPY : '[data-spy="scroll"]',
- ACTIVE : '.active',
- LI_DROPDOWN : 'li.dropdown',
- LI : 'li'
-}
+ Tooltip.VERSION = '3.3.4'
+ Tooltip.TRANSITION_DURATION = 150
-/**
- * @param {Object=} opt_config
- * @this {jQuery}
- * @return {jQuery}
- * @private
- */
-ScrollSpy._jQueryInterface = function (opt_config) {
- return this.each(function () {
- var data = $(this).data(ScrollSpy._DATA_KEY)
- var config = typeof opt_config === 'object' && opt_config || null
-
- if (!data) {
- data = new ScrollSpy(this, config)
- $(this).data(ScrollSpy._DATA_KEY, data)
+ Tooltip.DEFAULTS = {
+ animation: true,
+ placement: 'top',
+ selector: false,
+ template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
+ trigger: 'hover focus',
+ title: '',
+ delay: 0,
+ html: false,
+ container: false,
+ viewport: {
+ selector: 'body',
+ padding: 0
}
-
- if (typeof opt_config === 'string') {
- data[opt_config]()
- }
- })
-}
-
-
-/**
- * Refresh the scrollspy target cache
- */
-ScrollSpy.prototype['refresh'] = function () {
- var offsetMethod = 'offset'
- var offsetBase = 0
-
- if (this._scrollElement !== this._scrollElement.window) {
- offsetMethod = 'position'
- offsetBase = this._getScrollTop()
}
- this._offsets = []
- this._targets = []
+ Tooltip.prototype.init = function (type, element, options) {
+ this.enabled = true
+ this.type = type
+ this.$element = $(element)
+ this.options = this.getOptions(options)
+ this.$viewport = this.options.viewport && $($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport))
+ this.inState = { click: false, hover: false, focus: false }
- this._scrollHeight = this._getScrollHeight()
+ if (this.$element[0] instanceof document.constructor && !this.options.selector) {
+ throw new Error('`selector` option must be specified when initializing ' + this.type + ' on the window.document object!')
+ }
- var targets = /** @type {Array.<Element>} */ ($.makeArray($(this._selector)))
+ var triggers = this.options.trigger.split(' ')
- targets
- .map(function (element, index) {
- var target
- var targetSelector = Bootstrap.getSelectorFromElement(element)
+ for (var i = triggers.length; i--;) {
+ var trigger = triggers[i]
- if (targetSelector) {
- target = $(targetSelector)[0]
- }
+ if (trigger == 'click') {
+ this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
+ } else if (trigger != 'manual') {
+ var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin'
+ var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'
- if (target && (target.offsetWidth || target.offsetHeight)) {
- // todo (fat): remove sketch reliance on jQuery position/offset
- return [$(target)[offsetMethod]().top + offsetBase, targetSelector]
+ this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
+ this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
}
- })
- .filter(function (item) { return item })
- .sort(function (a, b) { return a[0] - b[0] })
- .forEach(function (item, index) {
- this._offsets.push(item[0])
- this._targets.push(item[1])
- }.bind(this))
-}
-
-
-/**
- * @private
- */
-ScrollSpy.prototype._getScrollTop = function () {
- return this._scrollElement === window ?
- this._scrollElement.scrollY : this._scrollElement.scrollTop
-}
-
-
-/**
- * @private
- */
-ScrollSpy.prototype._getScrollHeight = function () {
- return this._scrollElement.scrollHeight
- || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)
-}
-
-
-/**
- * @private
- */
-ScrollSpy.prototype._process = function () {
- var scrollTop = this._getScrollTop() + this._config.offset
- var scrollHeight = this._getScrollHeight()
- var maxScroll = this._config.offset + scrollHeight - this._scrollElement.offsetHeight
-
- if (this._scrollHeight != scrollHeight) {
- this['refresh']()
- }
-
- if (scrollTop >= maxScroll) {
- var target = this._targets[this._targets.length - 1]
-
- if (this._activeTarget != target) {
- this._activate(target)
}
- }
- if (this._activeTarget && scrollTop < this._offsets[0]) {
- this._activeTarget = null
- this._clear()
- return
+ this.options.selector ?
+ (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
+ this.fixTitle()
}
- for (var i = this._offsets.length; i--;) {
- var isActiveTarget = this._activeTarget != this._targets[i]
- && scrollTop >= this._offsets[i]
- && (!this._offsets[i + 1] || scrollTop < this._offsets[i + 1])
-
- if (isActiveTarget) {
- this._activate(this._targets[i])
- }
+ Tooltip.prototype.getDefaults = function () {
+ return Tooltip.DEFAULTS
}
-}
-
-
-/**
- * @param {Element} target
- * @private
- */
-ScrollSpy.prototype._activate = function (target) {
- this._activeTarget = target
-
- this._clear()
-
- var selector = this._selector
- + '[data-target="' + target + '"],'
- + this._selector + '[href="' + target + '"]'
-
- // todo (fat): this seems horribly wrong… getting all raw li elements up the tree ,_,
- var parentListItems = $(selector).parents(ScrollSpy._Selector.LI)
-
- for (var i = parentListItems.length; i--;) {
- $(parentListItems[i]).addClass(ScrollSpy._ClassName.ACTIVE)
- var itemParent = parentListItems[i].parentNode
+ Tooltip.prototype.getOptions = function (options) {
+ options = $.extend({}, this.getDefaults(), this.$element.data(), options)
- if (itemParent && $(itemParent).hasClass(ScrollSpy._ClassName.DROPDOWN_MENU)) {
- var closestDropdown = $(itemParent).closest(ScrollSpy._Selector.LI_DROPDOWN)[0]
- $(closestDropdown).addClass(ScrollSpy._ClassName.ACTIVE)
+ if (options.delay && typeof options.delay == 'number') {
+ options.delay = {
+ show: options.delay,
+ hide: options.delay
+ }
}
- }
-
- $(this._scrollElement).trigger(ScrollSpy._Event.ACTIVATE, {
- relatedTarget: target
- })
-}
-
-/**
- * @private
- */
-ScrollSpy.prototype._clear = function () {
- var activeParents = $(this._selector).parentsUntil(this._config.target, ScrollSpy._Selector.ACTIVE)
-
- for (var i = activeParents.length; i--;) {
- $(activeParents[i]).removeClass(ScrollSpy._ClassName.ACTIVE)
+ return options
}
-}
+ Tooltip.prototype.getDelegateOptions = function () {
+ var options = {}
+ var defaults = this.getDefaults()
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface + noConflict implementaiton
- * ------------------------------------------------------------------------
- */
+ this._options && $.each(this._options, function (key, value) {
+ if (defaults[key] != value) options[key] = value
+ })
-/**
- * @const
- * @type {Function}
- */
-$.fn[ScrollSpy._NAME] = ScrollSpy._jQueryInterface
+ return options
+ }
+ Tooltip.prototype.enter = function (obj) {
+ var self = obj instanceof this.constructor ?
+ obj : $(obj.currentTarget).data('bs.' + this.type)
-/**
- * @const
- * @type {Function}
- */
-$.fn[ScrollSpy._NAME]['Constructor'] = ScrollSpy
+ if (!self) {
+ self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
+ $(obj.currentTarget).data('bs.' + this.type, self)
+ }
+ if (obj instanceof $.Event) {
+ self.inState[obj.type == 'focusin' ? 'focus' : 'hover'] = true
+ }
-/**
- * @const
- * @type {Function}
- */
-$.fn[ScrollSpy._NAME]['noConflict'] = function () {
- $.fn[ScrollSpy._NAME] = ScrollSpy._JQUERY_NO_CONFLICT
- return this
-}
+ if (self.tip().hasClass('in') || self.hoverState == 'in') {
+ self.hoverState = 'in'
+ return
+ }
+ clearTimeout(self.timeout)
-/**
- * ------------------------------------------------------------------------
- * Data Api implementation
- * ------------------------------------------------------------------------
- */
+ self.hoverState = 'in'
-$(window).on('load.bs.scrollspy.data-api', function () {
- var scrollSpys = /** @type {Array.<Element>} */ ($.makeArray($(ScrollSpy._Selector.DATA_SPY)))
+ if (!self.options.delay || !self.options.delay.show) return self.show()
- for (var i = scrollSpys.length; i--;) {
- var $spy = $(scrollSpys[i])
- ScrollSpy._jQueryInterface.call($spy, /** @type {Object|null} */ ($spy.data()))
+ self.timeout = setTimeout(function () {
+ if (self.hoverState == 'in') self.show()
+ }, self.options.delay.show)
}
-})
-/** =======================================================================
- * Bootstrap: tooltip.js v4.0.0
- * http://getbootstrap.com/javascript/#tooltip
- * ========================================================================
- * Copyright 2011-2015 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Bootstrap's tooltip plugin.
- * (Inspired by jQuery.tipsy by Jason Frame)
- *
- * Public Methods & Properties:
- *
- * + $.tooltip
- * + $.tooltip.noConflict
- * + $.tooltip.Constructor
- * + $.tooltip.Constructor.VERSION
- * + $.tooltip.Constructor.Defaults
- * + $.tooltip.Constructor.Defaults.container
- * + $.tooltip.Constructor.Defaults.animation
- * + $.tooltip.Constructor.Defaults.placement
- * + $.tooltip.Constructor.Defaults.selector
- * + $.tooltip.Constructor.Defaults.template
- * + $.tooltip.Constructor.Defaults.trigger
- * + $.tooltip.Constructor.Defaults.title
- * + $.tooltip.Constructor.Defaults.delay
- * + $.tooltip.Constructor.Defaults.html
- * + $.tooltip.Constructor.Defaults.viewport
- * + $.tooltip.Constructor.Defaults.viewport.selector
- * + $.tooltip.Constructor.Defaults.viewport.padding
- * + $.tooltip.Constructor.prototype.enable
- * + $.tooltip.Constructor.prototype.disable
- * + $.tooltip.Constructor.prototype.destroy
- * + $.tooltip.Constructor.prototype.toggleEnabled
- * + $.tooltip.Constructor.prototype.toggle
- * + $.tooltip.Constructor.prototype.show
- * + $.tooltip.Constructor.prototype.hide
- *
- * ========================================================================
- */
-
-'use strict';
-
-
-/**
- * Our tooltip class.
- * @param {Element!} element
- * @param {Object=} opt_config
- * @constructor
- */
-var Tooltip = function (element, opt_config) {
-
- /** @private {boolean} */
- this._isEnabled = true
+ Tooltip.prototype.isInStateTrue = function () {
+ for (var key in this.inState) {
+ if (this.inState[key]) return true
+ }
- /** @private {number} */
- this._timeout = 0
+ return false
+ }
- /** @private {string} */
- this._hoverState = ''
+ Tooltip.prototype.leave = function (obj) {
+ var self = obj instanceof this.constructor ?
+ obj : $(obj.currentTarget).data('bs.' + this.type)
- /** @protected {Element} */
- this.element = element
+ if (!self) {
+ self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
+ $(obj.currentTarget).data('bs.' + this.type, self)
+ }
- /** @protected {Object} */
- this.config = this._getConfig(opt_config)
+ if (obj instanceof $.Event) {
+ self.inState[obj.type == 'focusout' ? 'focus' : 'hover'] = false
+ }
- /** @protected {Element} */
- this.tip = null
+ if (self.isInStateTrue()) return
- /** @protected {Element} */
- this.arrow = null
+ clearTimeout(self.timeout)
- if (this.config['viewport']) {
+ self.hoverState = 'out'
- /** @private {Element} */
- this._viewport = $(this.config['viewport']['selector'] || this.config['viewport'])[0]
+ if (!self.options.delay || !self.options.delay.hide) return self.hide()
+ self.timeout = setTimeout(function () {
+ if (self.hoverState == 'out') self.hide()
+ }, self.options.delay.hide)
}
- this._setListeners()
-}
+ Tooltip.prototype.show = function () {
+ var e = $.Event('show.bs.' + this.type)
+ if (this.hasContent() && this.enabled) {
+ this.$element.trigger(e)
-/**
- * @const
- * @type {string}
- */
-Tooltip['VERSION'] = '4.0.0'
+ var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0])
+ if (e.isDefaultPrevented() || !inDom) return
+ var that = this
+ var $tip = this.tip()
-/**
- * @const
- * @type {Object}
- */
-Tooltip['Defaults'] = {
- 'container' : false,
- 'animation' : true,
- 'placement' : 'top',
- 'selector' : false,
- 'template' : '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
- 'trigger' : 'hover focus',
- 'title' : '',
- 'delay' : 0,
- 'html' : false,
- 'viewport': {
- 'selector': 'body',
- 'padding' : 0
- }
-}
+ var tipId = this.getUID(this.type)
+ this.setContent()
+ $tip.attr('id', tipId)
+ this.$element.attr('aria-describedby', tipId)
-/**
- * @const
- * @enum {string}
- * @protected
- */
-Tooltip.Direction = {
- TOP: 'top',
- LEFT: 'left',
- RIGHT: 'right',
- BOTTOM: 'bottom'
-}
+ if (this.options.animation) $tip.addClass('fade')
+ var placement = typeof this.options.placement == 'function' ?
+ this.options.placement.call(this, $tip[0], this.$element[0]) :
+ this.options.placement
-/**
- * @const
- * @type {string}
- * @private
- */
-Tooltip._NAME = 'tooltip'
+ var autoToken = /\s?auto?\s?/i
+ var autoPlace = autoToken.test(placement)
+ if (autoPlace) placement = placement.replace(autoToken, '') || 'top'
+ $tip
+ .detach()
+ .css({ top: 0, left: 0, display: 'block' })
+ .addClass(placement)
+ .data('bs.' + this.type, this)
-/**
- * @const
- * @type {string}
- * @private
- */
-Tooltip._DATA_KEY = 'bs.tooltip'
+ this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
+ this.$element.trigger('inserted.bs.' + this.type)
+ var pos = this.getPosition()
+ var actualWidth = $tip[0].offsetWidth
+ var actualHeight = $tip[0].offsetHeight
-/**
- * @const
- * @type {number}
- * @private
- */
-Tooltip._TRANSITION_DURATION = 150
+ if (autoPlace) {
+ var orgPlacement = placement
+ var viewportDim = this.getPosition(this.$viewport)
+ placement = placement == 'bottom' && pos.bottom + actualHeight > viewportDim.bottom ? 'top' :
+ placement == 'top' && pos.top - actualHeight < viewportDim.top ? 'bottom' :
+ placement == 'right' && pos.right + actualWidth > viewportDim.width ? 'left' :
+ placement == 'left' && pos.left - actualWidth < viewportDim.left ? 'right' :
+ placement
-/**
- * @const
- * @enum {string}
- * @private
- */
-Tooltip._HoverState = {
- IN: 'in',
- OUT: 'out'
-}
+ $tip
+ .removeClass(orgPlacement)
+ .addClass(placement)
+ }
+ var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
-/**
- * @const
- * @enum {string}
- * @private
- */
-Tooltip._Event = {
- HIDE : 'hide.bs.tooltip',
- HIDDEN : 'hidden.bs.tooltip',
- SHOW : 'show.bs.tooltip',
- SHOWN : 'shown.bs.tooltip'
-}
+ this.applyPlacement(calculatedOffset, placement)
+ var complete = function () {
+ var prevHoverState = that.hoverState
+ that.$element.trigger('shown.bs.' + that.type)
+ that.hoverState = null
-/**
- * @const
- * @enum {string}
- * @private
- */
-Tooltip._ClassName = {
- FADE : 'fade',
- IN : 'in'
-}
+ if (prevHoverState == 'out') that.leave(that)
+ }
+ $.support.transition && this.$tip.hasClass('fade') ?
+ $tip
+ .one('bsTransitionEnd', complete)
+ .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) :
+ complete()
+ }
+ }
-/**
- * @const
- * @enum {string}
- * @private
- */
-Tooltip._Selector = {
- TOOLTIP : '.tooltip',
- TOOLTIP_INNER : '.tooltip-inner',
- TOOLTIP_ARROW : '.tooltip-arrow'
-}
+ Tooltip.prototype.applyPlacement = function (offset, placement) {
+ var $tip = this.tip()
+ var width = $tip[0].offsetWidth
+ var height = $tip[0].offsetHeight
+ // manually read margins because getBoundingClientRect includes difference
+ var marginTop = parseInt($tip.css('margin-top'), 10)
+ var marginLeft = parseInt($tip.css('margin-left'), 10)
-/**
- * @const
- * @type {Function}
- * @private
- */
-Tooltip._JQUERY_NO_CONFLICT = $.fn[Tooltip._NAME]
+ // we must check for NaN for ie 8/9
+ if (isNaN(marginTop)) marginTop = 0
+ if (isNaN(marginLeft)) marginLeft = 0
+ offset.top += marginTop
+ offset.left += marginLeft
-/**
- * @param {Object=} opt_config
- * @this {jQuery}
- * @return {jQuery}
- * @private
- */
-Tooltip._jQueryInterface = function (opt_config) {
- return this.each(function () {
- var data = $(this).data(Tooltip._DATA_KEY)
- var config = typeof opt_config == 'object' ? opt_config : null
+ // $.fn.offset doesn't round pixel values
+ // so we use setOffset directly with our own function B-0
+ $.offset.setOffset($tip[0], $.extend({
+ using: function (props) {
+ $tip.css({
+ top: Math.round(props.top),
+ left: Math.round(props.left)
+ })
+ }
+ }, offset), 0)
- if (!data && opt_config == 'destroy') {
- return
- }
+ $tip.addClass('in')
- if (!data) {
- data = new Tooltip(this, config)
- $(this).data(Tooltip._DATA_KEY, data)
- }
+ // check to see if placing tip in new offset caused the tip to resize itself
+ var actualWidth = $tip[0].offsetWidth
+ var actualHeight = $tip[0].offsetHeight
- if (typeof opt_config === 'string') {
- data[opt_config]()
+ if (placement == 'top' && actualHeight != height) {
+ offset.top = offset.top + height - actualHeight
}
- })
-}
+ var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight)
-/**
- * Enable tooltip
- */
-Tooltip.prototype['enable'] = function () {
- this._isEnabled = true
-}
+ if (delta.left) offset.left += delta.left
+ else offset.top += delta.top
+ var isVertical = /top|bottom/.test(placement)
+ var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight
+ var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight'
-/**
- * Disable tooltip
- */
-Tooltip.prototype['disable'] = function () {
- this._isEnabled = false
-}
+ $tip.offset(offset)
+ this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical)
+ }
+ Tooltip.prototype.replaceArrow = function (delta, dimension, isVertical) {
+ this.arrow()
+ .css(isVertical ? 'left' : 'top', 50 * (1 - delta / dimension) + '%')
+ .css(isVertical ? 'top' : 'left', '')
+ }
-/**
- * Toggle the tooltip enable state
- */
-Tooltip.prototype['toggleEnabled'] = function () {
- this._isEnabled = !this._isEnabled
-}
+ Tooltip.prototype.setContent = function () {
+ var $tip = this.tip()
+ var title = this.getTitle()
-/**
- * Toggle the tooltips display
- * @param {Event} opt_event
- */
-Tooltip.prototype['toggle'] = function (opt_event) {
- var context = this
- var dataKey = this.getDataKey()
+ $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
+ $tip.removeClass('fade in top bottom left right')
+ }
- if (opt_event) {
- context = $(opt_event.currentTarget).data(dataKey)
+ Tooltip.prototype.hide = function (callback) {
+ var that = this
+ var $tip = $(this.$tip)
+ var e = $.Event('hide.bs.' + this.type)
- if (!context) {
- context = new this.constructor(opt_event.currentTarget, this._getDelegateConfig())
- $(opt_event.currentTarget).data(dataKey, context)
+ function complete() {
+ if (that.hoverState != 'in') $tip.detach()
+ that.$element
+ .removeAttr('aria-describedby')
+ .trigger('hidden.bs.' + that.type)
+ callback && callback()
}
- }
-
- $(context.getTipElement()).hasClass(Tooltip._ClassName.IN) ?
- context._leave(null, context) :
- context._enter(null, context)
-}
+ this.$element.trigger(e)
-/**
- * Remove tooltip functionality
- */
-Tooltip.prototype['destroy'] = function () {
- clearTimeout(this._timeout)
- this['hide'](function () {
- $(this.element)
- .off(Tooltip._Selector.TOOLTIP)
- .removeData(this.getDataKey())
- }.bind(this))
-}
+ if (e.isDefaultPrevented()) return
+ $tip.removeClass('in')
-/**
- * Show the tooltip
- * todo (fat): ~fuck~ this is a big function - refactor out all of positioning logic
- * and replace with external lib
- */
-Tooltip.prototype['show'] = function () {
- var showEvent = $.Event(this.getEventObject().SHOW)
+ $.support.transition && $tip.hasClass('fade') ?
+ $tip
+ .one('bsTransitionEnd', complete)
+ .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) :
+ complete()
- if (this.isWithContent() && this._isEnabled) {
- $(this.element).trigger(showEvent)
+ this.hoverState = null
- var isInTheDom = $.contains(this.element.ownerDocument.documentElement, this.element)
+ return this
+ }
- if (showEvent.isDefaultPrevented() || !isInTheDom) {
- return
+ Tooltip.prototype.fixTitle = function () {
+ var $e = this.$element
+ if ($e.attr('title') || typeof $e.attr('data-original-title') != 'string') {
+ $e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
}
+ }
- var tip = this.getTipElement()
- var tipId = Bootstrap.getUID(this.getName())
+ Tooltip.prototype.hasContent = function () {
+ return this.getTitle()
+ }
- tip.setAttribute('id', tipId)
- this.element.setAttribute('aria-describedby', tipId)
+ Tooltip.prototype.getPosition = function ($element) {
+ $element = $element || this.$element
- this.setContent()
+ var el = $element[0]
+ var isBody = el.tagName == 'BODY'
- if (this.config['animation']) {
- $(tip).addClass(Tooltip._ClassName.FADE)
+ var elRect = el.getBoundingClientRect()
+ if (elRect.width == null) {
+ // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093
+ elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top })
}
+ var elOffset = isBody ? { top: 0, left: 0 } : $element.offset()
+ var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() }
+ var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null
- var placement = typeof this.config['placement'] == 'function' ?
- this.config['placement'].call(this, tip, this.element) :
- this.config['placement']
-
- var autoToken = /\s?auto?\s?/i
- var isWithAutoPlacement = autoToken.test(placement)
-
- if (isWithAutoPlacement) {
- placement = placement.replace(autoToken, '') || Tooltip.Direction.TOP
- }
+ return $.extend({}, elRect, scroll, outerDims, elOffset)
+ }
- if (tip.parentNode && tip.parentNode.nodeType == Node.ELEMENT_NODE) {
- tip.parentNode.removeChild(tip)
- }
+ Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {
+ return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } :
+ placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } :
+ placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } :
+ /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }
- tip.style.top = 0
- tip.style.left = 0
- tip.style.display = 'block'
+ }
- $(tip).addClass(Tooltip._NAME + '-' + placement)
+ Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) {
+ var delta = { top: 0, left: 0 }
+ if (!this.$viewport) return delta
- $(tip).data(this.getDataKey(), this)
+ var viewportPadding = this.options.viewport && this.options.viewport.padding || 0
+ var viewportDimensions = this.getPosition(this.$viewport)
- if (this.config['container']) {
- $(this.config['container'])[0].appendChild(tip)
+ if (/right|left/.test(placement)) {
+ var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll
+ var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight
+ if (topEdgeOffset < viewportDimensions.top) { // top overflow
+ delta.top = viewportDimensions.top - topEdgeOffset
+ } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow
+ delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset
+ }
} else {
- this.element.parentNode.insertBefore(tip, this.element.nextSibling)
+ var leftEdgeOffset = pos.left - viewportPadding
+ var rightEdgeOffset = pos.left + viewportPadding + actualWidth
+ if (leftEdgeOffset < viewportDimensions.left) { // left overflow
+ delta.left = viewportDimensions.left - leftEdgeOffset
+ } else if (rightEdgeOffset > viewportDimensions.right) { // right overflow
+ delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset
+ }
}
- var position = this._getPosition()
- var actualWidth = tip.offsetWidth
- var actualHeight = tip.offsetHeight
-
- var calculatedPlacement = this._getCalculatedAutoPlacement(isWithAutoPlacement, placement, position, actualWidth, actualHeight)
- var calculatedOffset = this._getCalculatedOffset(calculatedPlacement, position, actualWidth, actualHeight)
-
- this._applyCalculatedPlacement(calculatedOffset, calculatedPlacement)
-
- var complete = function () {
- var prevHoverState = this.hoverState
- $(this.element).trigger(this.getEventObject().SHOWN)
- this.hoverState = null
-
- if (prevHoverState == 'out') this._leave(null, this)
- }.bind(this)
-
- Bootstrap.transition && $(this._tip).hasClass(Tooltip._ClassName.FADE) ?
- $(this._tip)
- .one(Bootstrap.TRANSITION_END, complete)
- .emulateTransitionEnd(Tooltip._TRANSITION_DURATION) :
- complete()
+ return delta
}
-}
+ Tooltip.prototype.getTitle = function () {
+ var title
+ var $e = this.$element
+ var o = this.options
-/**
- * Hide the tooltip breh
- */
-Tooltip.prototype['hide'] = function (callback) {
- var tip = this.getTipElement()
- var hideEvent = $.Event(this.getEventObject().HIDE)
+ title = $e.attr('data-original-title')
+ || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
- var complete = function () {
- if (this._hoverState != Tooltip._HoverState.IN) {
- tip.parentNode.removeChild(tip)
- }
+ return title
+ }
- this.element.removeAttribute('aria-describedby')
- $(this.element).trigger(this.getEventObject().HIDDEN)
+ Tooltip.prototype.getUID = function (prefix) {
+ do prefix += ~~(Math.random() * 1000000)
+ while (document.getElementById(prefix))
+ return prefix
+ }
- if (callback) {
- callback()
+ Tooltip.prototype.tip = function () {
+ if (!this.$tip) {
+ this.$tip = $(this.options.template)
+ if (this.$tip.length != 1) {
+ throw new Error(this.type + ' `template` option must consist of exactly 1 top-level element!')
+ }
}
- }.bind(this)
+ return this.$tip
+ }
- $(this.element).trigger(hideEvent)
+ Tooltip.prototype.arrow = function () {
+ return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow'))
+ }
- if (hideEvent.isDefaultPrevented()) return
+ Tooltip.prototype.enable = function () {
+ this.enabled = true
+ }
- $(tip).removeClass(Tooltip._ClassName.IN)
+ Tooltip.prototype.disable = function () {
+ this.enabled = false
+ }
- if (Bootstrap.transition && $(this._tip).hasClass(Tooltip._ClassName.FADE)) {
- $(tip)
- .one(Bootstrap.TRANSITION_END, complete)
- .emulateTransitionEnd(Tooltip._TRANSITION_DURATION)
- } else {
- complete()
+ Tooltip.prototype.toggleEnabled = function () {
+ this.enabled = !this.enabled
}
- this._hoverState = ''
-}
+ Tooltip.prototype.toggle = function (e) {
+ var self = this
+ if (e) {
+ self = $(e.currentTarget).data('bs.' + this.type)
+ if (!self) {
+ self = new this.constructor(e.currentTarget, this.getDelegateOptions())
+ $(e.currentTarget).data('bs.' + this.type, self)
+ }
+ }
+ if (e) {
+ self.inState.click = !self.inState.click
+ if (self.isInStateTrue()) self.enter(self)
+ else self.leave(self)
+ } else {
+ self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
+ }
+ }
-/**
- * @return {string}
- */
-Tooltip.prototype['getHoverState'] = function (callback) {
- return this._hoverState
-}
+ Tooltip.prototype.destroy = function () {
+ var that = this
+ clearTimeout(this.timeout)
+ this.hide(function () {
+ that.$element.off('.' + that.type).removeData('bs.' + that.type)
+ if (that.$tip) {
+ that.$tip.detach()
+ }
+ that.$tip = null
+ that.$arrow = null
+ that.$viewport = null
+ })
+ }
-/**
- * @return {string}
- * @protected
- */
-Tooltip.prototype.getName = function () {
- return Tooltip._NAME
-}
+ // TOOLTIP PLUGIN DEFINITION
+ // =========================
+ function Plugin(option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.tooltip')
+ var options = typeof option == 'object' && option
-/**
- * @return {string}
- * @protected
- */
-Tooltip.prototype.getDataKey = function () {
- return Tooltip._DATA_KEY
-}
+ if (!data && /destroy|hide/.test(option)) return
+ if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+ var old = $.fn.tooltip
-/**
- * @return {Object}
- * @protected
- */
-Tooltip.prototype.getEventObject = function () {
- return Tooltip._Event
-}
+ $.fn.tooltip = Plugin
+ $.fn.tooltip.Constructor = Tooltip
-/**
- * @return {string}
- * @protected
- */
-Tooltip.prototype.getTitle = function () {
- var title = this.element.getAttribute('data-original-title')
+ // TOOLTIP NO CONFLICT
+ // ===================
- if (!title) {
- title = typeof this.config['title'] === 'function' ?
- this.config['title'].call(this.element) :
- this.config['title']
+ $.fn.tooltip.noConflict = function () {
+ $.fn.tooltip = old
+ return this
}
- return /** @type {string} */ (title)
-}
+}(jQuery);
+/* ========================================================================
+ * Bootstrap: popover.js v3.3.4
+ * http://getbootstrap.com/javascript/#popovers
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
-/**
- * @return {Element}
- * @protected
- */
-Tooltip.prototype.getTipElement = function () {
- return (this._tip = this._tip || $(this.config['template'])[0])
-}
++function ($) {
+ 'use strict';
-/**
- * @return {Element}
- * @protected
- */
-Tooltip.prototype.getArrowElement = function () {
- return (this.arrow = this.arrow || $(this.getTipElement()).find(Tooltip._Selector.TOOLTIP_ARROW)[0])
-}
+ // POPOVER PUBLIC CLASS DEFINITION
+ // ===============================
+ var Popover = function (element, options) {
+ this.init('popover', element, options)
+ }
-/**
- * @return {boolean}
- * @protected
- */
-Tooltip.prototype.isWithContent = function () {
- return !!this.getTitle()
-}
+ if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
+ Popover.VERSION = '3.3.4'
-/**
- * @protected
- */
-Tooltip.prototype.setContent = function () {
- var tip = this.getTipElement()
- var title = this.getTitle()
+ Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, {
+ placement: 'right',
+ trigger: 'click',
+ content: '',
+ template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
+ })
- $(tip).find(Tooltip._Selector.TOOLTIP_INNER)[0][this.config['html'] ? 'innerHTML' : 'innerText'] = title
- $(tip)
- .removeClass(Tooltip._ClassName.FADE)
- .removeClass(Tooltip._ClassName.IN)
+ // NOTE: POPOVER EXTENDS tooltip.js
+ // ================================
- for (var direction in Tooltip.Direction) {
- $(tip).removeClass(Tooltip._NAME + '-' + direction)
- }
-}
+ Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
+ Popover.prototype.constructor = Popover
-/**
- * @private
- */
-Tooltip.prototype._setListeners = function () {
- var triggers = this.config['trigger'].split(' ')
+ Popover.prototype.getDefaults = function () {
+ return Popover.DEFAULTS
+ }
- triggers.forEach(function (trigger) {
- if (trigger == 'click') {
- $(this.element).on('click.bs.tooltip', this.config['selector'], this['toggle'].bind(this))
+ Popover.prototype.setContent = function () {
+ var $tip = this.tip()
+ var title = this.getTitle()
+ var content = this.getContent()
- } else if (trigger != 'manual') {
- var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin'
- var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'
+ $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
+ $tip.find('.popover-content').children().detach().end()[ // we use append for html objects to maintain js events
+ this.options.html ? (typeof content == 'string' ? 'html' : 'append') : 'text'
+ ](content)
- $(this.element)
- .on(eventIn + '.bs.tooltip', this.config['selector'], this._enter.bind(this))
- .on(eventOut + '.bs.tooltip', this.config['selector'], this._leave.bind(this))
- }
- }.bind(this))
+ $tip.removeClass('fade top bottom left right in')
- if (this.config['selector']) {
- this.config = $.extend({}, this.config, { 'trigger': 'manual', 'selector': '' })
- } else {
- this._fixTitle()
+ // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do
+ // this manually by checking the contents.
+ if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide()
}
-}
-
-
-/**
- * @param {Object=} opt_config
- * @return {Object}
- * @private
- */
-Tooltip.prototype._getConfig = function (opt_config) {
- var config = $.extend({}, this.constructor['Defaults'], $(this.element).data(), opt_config)
- if (config['delay'] && typeof config['delay'] == 'number') {
- config['delay'] = {
- 'show': config['delay'],
- 'hide': config['delay']
- }
+ Popover.prototype.hasContent = function () {
+ return this.getTitle() || this.getContent()
}
- return config
-}
+ Popover.prototype.getContent = function () {
+ var $e = this.$element
+ var o = this.options
+ return $e.attr('data-content')
+ || (typeof o.content == 'function' ?
+ o.content.call($e[0]) :
+ o.content)
+ }
-/**
- * @return {Object}
- * @private
- */
-Tooltip.prototype._getDelegateConfig = function () {
- var config = {}
- var defaults = this.constructor['Defaults']
-
- if (this.config) {
- for (var key in this.config) {
- var value = this.config[key]
- if (defaults[key] != value) config[key] = value
- }
+ Popover.prototype.arrow = function () {
+ return (this.$arrow = this.$arrow || this.tip().find('.arrow'))
}
- return config
-}
+ // POPOVER PLUGIN DEFINITION
+ // =========================
+ function Plugin(option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.popover')
+ var options = typeof option == 'object' && option
-/**
- * @param {boolean} isWithAutoPlacement
- * @param {string} placement
- * @param {Object} position
- * @param {number} actualWidth
- * @param {number} actualHeight
- * @return {string}
- * @private
- */
-Tooltip.prototype._getCalculatedAutoPlacement = function (isWithAutoPlacement, placement, position, actualWidth, actualHeight) {
- if (isWithAutoPlacement) {
- var originalPlacement = placement
- var container = this.config['container'] ? $(this.config['container'])[0] : this.element.parentNode
- var containerDim = this._getPosition(/** @type {Element} */ (container))
-
- placement = placement == Tooltip.Direction.BOTTOM && position.bottom + actualHeight > containerDim.bottom ? Tooltip.Direction.TOP :
- placement == Tooltip.Direction.TOP && position.top - actualHeight < containerDim.top ? Tooltip.Direction.BOTTOM :
- placement == Tooltip.Direction.RIGHT && position.right + actualWidth > containerDim.width ? Tooltip.Direction.LEFT :
- placement == Tooltip.Direction.LEFT && position.left - actualWidth < containerDim.left ? Tooltip.Direction.RIGHT :
- placement
-
- $(this._tip)
- .removeClass(Tooltip._NAME + '-' + originalPlacement)
- .addClass(Tooltip._NAME + '-' + placement)
+ if (!data && /destroy|hide/.test(option)) return
+ if (!data) $this.data('bs.popover', (data = new Popover(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
}
- return placement
-}
-
+ var old = $.fn.popover
-/**
- * @param {string} placement
- * @param {Object} position
- * @param {number} actualWidth
- * @param {number} actualHeight
- * @return {{left: number, top: number}}
- * @private
- */
-Tooltip.prototype._getCalculatedOffset = function (placement, position, actualWidth, actualHeight) {
- return placement == Tooltip.Direction.BOTTOM ? { top: position.top + position.height, left: position.left + position.width / 2 - actualWidth / 2 } :
- placement == Tooltip.Direction.TOP ? { top: position.top - actualHeight, left: position.left + position.width / 2 - actualWidth / 2 } :
- placement == Tooltip.Direction.LEFT ? { top: position.top + position.height / 2 - actualHeight / 2, left: position.left - actualWidth } :
- /* placement == Tooltip.Direction.RIGHT */ { top: position.top + position.height / 2 - actualHeight / 2, left: position.left + position.width }
-}
+ $.fn.popover = Plugin
+ $.fn.popover.Constructor = Popover
-/**
- * @param {string} placement
- * @param {Object} position
- * @param {number} actualWidth
- * @param {number} actualHeight
- * @return {Object}
- * @private
- */
-Tooltip.prototype._getViewportAdjustedDelta = function (placement, position, actualWidth, actualHeight) {
- var delta = { top: 0, left: 0 }
+ // POPOVER NO CONFLICT
+ // ===================
- if (!this._viewport) {
- return delta
+ $.fn.popover.noConflict = function () {
+ $.fn.popover = old
+ return this
}
- var viewportPadding = this.config['viewport'] && this.config['viewport']['padding'] || 0
- var viewportDimensions = this._getPosition(this._viewport)
+}(jQuery);
- if (placement === Tooltip.Direction.RIGHT || placement === Tooltip.Direction.LEFT) {
- var topEdgeOffset = position.top - viewportPadding - viewportDimensions.scroll
- var bottomEdgeOffset = position.top + viewportPadding - viewportDimensions.scroll + actualHeight
+/* ========================================================================
+ * Bootstrap: scrollspy.js v3.3.4
+ * http://getbootstrap.com/javascript/#scrollspy
+ * ========================================================================
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
- if (topEdgeOffset < viewportDimensions.top) { // top overflow
- delta.top = viewportDimensions.top - topEdgeOffset
- } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow
- delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset
- }
++function ($) {
+ 'use strict';
- } else {
- var leftEdgeOffset = position.left - viewportPadding
- var rightEdgeOffset = position.left + viewportPadding + actualWidth
+ // SCROLLSPY CLASS DEFINITION
+ // ==========================
- if (leftEdgeOffset < viewportDimensions.left) { // left overflow
- delta.left = viewportDimensions.left - leftEdgeOffset
+ function ScrollSpy(element, options) {
+ this.$body = $(document.body)
+ this.$scrollElement = $(element).is(document.body) ? $(window) : $(element)
+ this.options = $.extend({}, ScrollSpy.DEFAULTS, options)
+ this.selector = (this.options.target || '') + ' .nav li > a'
+ this.offsets = []
+ this.targets = []
+ this.activeTarget = null
+ this.scrollHeight = 0
- } else if (rightEdgeOffset > viewportDimensions.width) { // right overflow
- delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset
- }
+ this.$scrollElement.on('scroll.bs.scrollspy', $.proxy(this.process, this))
+ this.refresh()
+ this.process()
}
- return delta
-}
+ ScrollSpy.VERSION = '3.3.4'
-
-/**
- * @param {Element=} opt_element
- * @return {Object}
- * @private
- */
-Tooltip.prototype._getPosition = function (opt_element) {
- var element = opt_element || this.element
- var isBody = element.tagName == 'BODY'
- var rect = element.getBoundingClientRect()
- var offset = isBody ? { top: 0, left: 0 } : $(element).offset()
- var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : this.element.scrollTop }
- var outerDims = isBody ? { width: window.innerWidth, height: window.innerHeight } : null
-
- return $.extend({}, rect, scroll, outerDims, offset)
-}
-
-
-/**
- * @param {{left: number, top: number}} offset
- * @param {string} placement
- * @private
- */
-Tooltip.prototype._applyCalculatedPlacement = function (offset, placement) {
- var tip = this.getTipElement()
- var width = tip.offsetWidth
- var height = tip.offsetHeight
-
- // manually read margins because getBoundingClientRect includes difference
- var marginTop = parseInt(tip.style.marginTop, 10)
- var marginLeft = parseInt(tip.style.marginLeft, 10)
-
- // we must check for NaN for ie 8/9
- if (isNaN(marginTop)) {
- marginTop = 0
+ ScrollSpy.DEFAULTS = {
+ offset: 10
}
- if (isNaN(marginLeft)) {
- marginLeft = 0
+
+ ScrollSpy.prototype.getScrollHeight = function () {
+ return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight)
}
- offset.top = offset.top + marginTop
- offset.left = offset.left + marginLeft
+ ScrollSpy.prototype.refresh = function () {
+ var that = this
+ var offsetMethod = 'offset'
+ var offsetBase = 0
- // $.fn.offset doesn't round pixel values
- // so we use setOffset directly with our own function B-0
- $.offset.setOffset(tip, $.extend({
- using: function (props) {
- tip.style.top = Math.round(props.top) + 'px'
- tip.style.left = Math.round(props.left) + 'px'
- }
- }, offset), 0)
+ this.offsets = []
+ this.targets = []
+ this.scrollHeight = this.getScrollHeight()
- $(tip).addClass(Tooltip._ClassName.IN)
+ if (!$.isWindow(this.$scrollElement[0])) {
+ offsetMethod = 'position'
+ offsetBase = this.$scrollElement.scrollTop()
+ }
- // check to see if placing tip in new offset caused the tip to resize itself
- var actualWidth = tip.offsetWidth
- var actualHeight = tip.offsetHeight
+ this.$body
+ .find(this.selector)
+ .map(function () {
+ var $el = $(this)
+ var href = $el.data('target') || $el.attr('href')
+ var $href = /^#./.test(href) && $(href)
- if (placement == Tooltip.Direction.TOP && actualHeight != height) {
- offset.top = offset.top + height - actualHeight
+ return ($href
+ && $href.length
+ && $href.is(':visible')
+ && [[$href[offsetMethod]().top + offsetBase, href]]) || null
+ })
+ .sort(function (a, b) { return a[0] - b[0] })
+ .each(function () {
+ that.offsets.push(this[0])
+ that.targets.push(this[1])
+ })
}
- var delta = this._getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight)
+ ScrollSpy.prototype.process = function () {
+ var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
+ var scrollHeight = this.getScrollHeight()
+ var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height()
+ var offsets = this.offsets
+ var targets = this.targets
+ var activeTarget = this.activeTarget
+ var i
- if (delta.left) {
- offset.left += delta.left
- } else {
- offset.top += delta.top
- }
+ if (this.scrollHeight != scrollHeight) {
+ this.refresh()
+ }
- var isVertical = placement === Tooltip.Direction.TOP || placement === Tooltip.Direction.BOTTOM
- var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight
- var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight'
+ if (scrollTop >= maxScroll) {
+ return activeTarget != (i = targets[targets.length - 1]) && this.activate(i)
+ }
- $(tip).offset(offset)
+ if (activeTarget && scrollTop < offsets[0]) {
+ this.activeTarget = null
+ return this.clear()
+ }
- this._replaceArrow(arrowDelta, tip[arrowOffsetPosition], isVertical)
-}
+ for (i = offsets.length; i--;) {
+ activeTarget != targets[i]
+ && scrollTop >= offsets[i]
+ && (offsets[i + 1] === undefined || scrollTop < offsets[i + 1])
+ && this.activate(targets[i])
+ }
+ }
+ ScrollSpy.prototype.activate = function (target) {
+ this.activeTarget = target
-/**
- * @param {number} delta
- * @param {number} dimension
- * @param {boolean} isHorizontal
- * @private
- */
-Tooltip.prototype._replaceArrow = function (delta, dimension, isHorizontal) {
- var arrow = this.getArrowElement()
+ this.clear()
- arrow.style[isHorizontal ? 'left' : 'top'] = 50 * (1 - delta / dimension) + '%'
- arrow.style[isHorizontal ? 'top' : 'left'] = ''
-}
+ var selector = this.selector +
+ '[data-target="' + target + '"],' +
+ this.selector + '[href="' + target + '"]'
+ var active = $(selector)
+ .parents('li')
+ .addClass('active')
+ if (active.parent('.dropdown-menu').length) {
+ active = active
+ .closest('li.dropdown')
+ .addClass('active')
+ }
-/**
- * @private
- */
-Tooltip.prototype._fixTitle = function () {
- if (this.element.getAttribute('title') || typeof this.element.getAttribute('data-original-title') != 'string') {
- this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '')
- this.element.setAttribute('title', '')
+ active.trigger('activate.bs.scrollspy')
}
-}
-
-/**
- * @param {Event=} opt_event
- * @param {Object=} opt_context
- * @private
- */
-Tooltip.prototype._enter = function (opt_event, opt_context) {
- var dataKey = this.getDataKey()
- var context = opt_context || $(opt_event.currentTarget).data(dataKey)
-
- if (context && context._tip && context._tip.offsetWidth) {
- context._hoverState = Tooltip._HoverState.IN
- return
+ ScrollSpy.prototype.clear = function () {
+ $(this.selector)
+ .parentsUntil(this.options.target, '.active')
+ .removeClass('active')
}
- if (!context) {
- context = new this.constructor(opt_event.currentTarget, this._getDelegateConfig())
- $(opt_event.currentTarget).data(dataKey, context)
- }
- clearTimeout(context._timeout)
+ // SCROLLSPY PLUGIN DEFINITION
+ // ===========================
- context._hoverState = Tooltip._HoverState.IN
+ function Plugin(option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.scrollspy')
+ var options = typeof option == 'object' && option
- if (!context.config['delay'] || !context.config['delay']['show']) {
- context['show']()
- return
+ if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
}
- context._timeout = setTimeout(function () {
- if (context._hoverState == Tooltip._HoverState.IN) {
- context['show']()
- }
- }, context.config['delay']['show'])
-}
-
+ var old = $.fn.scrollspy
-/**
- * @param {Event=} opt_event
- * @param {Object=} opt_context
- * @private
- */
-Tooltip.prototype._leave = function (opt_event, opt_context) {
- var dataKey = this.getDataKey()
- var context = opt_context || $(opt_event.currentTarget).data(dataKey)
-
- if (!context) {
- context = new this.constructor(opt_event.currentTarget, this._getDelegateConfig())
- $(opt_event.currentTarget).data(dataKey, context)
- }
+ $.fn.scrollspy = Plugin
+ $.fn.scrollspy.Constructor = ScrollSpy
- clearTimeout(context._timeout)
- context._hoverState = Tooltip._HoverState.OUT
+ // SCROLLSPY NO CONFLICT
+ // =====================
- if (!context.config['delay'] || !context.config['delay']['hide']) {
- context['hide']()
- return
+ $.fn.scrollspy.noConflict = function () {
+ $.fn.scrollspy = old
+ return this
}
- context._timeout = setTimeout(function () {
- if (context._hoverState == Tooltip._HoverState.OUT) {
- context['hide']()
- }
- }, context.config['delay']['hide'])
-}
-
-
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface + noConflict implementaiton
- * ------------------------------------------------------------------------
- */
-
-/**
- * @const
- * @type {Function}
- */
-$.fn[Tooltip._NAME] = Tooltip._jQueryInterface
-
-
-/**
- * @const
- * @type {Function}
- */
-$.fn[Tooltip._NAME]['Constructor'] = Tooltip
+ // SCROLLSPY DATA-API
+ // ==================
+ $(window).on('load.bs.scrollspy.data-api', function () {
+ $('[data-spy="scroll"]').each(function () {
+ var $spy = $(this)
+ Plugin.call($spy, $spy.data())
+ })
+ })
-/**
- * @const
- * @type {Function}
- */
-$.fn[Tooltip._NAME]['noConflict'] = function () {
- $.fn[Tooltip._NAME] = Tooltip._JQUERY_NO_CONFLICT
- return this
-}
+}(jQuery);
-/** =======================================================================
- * Bootstrap: popover.js v4.0.0
- * http://getbootstrap.com/javascript/#popovers
+/* ========================================================================
+ * Bootstrap: tab.js v3.3.4
+ * http://getbootstrap.com/javascript/#tabs
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Bootstrap's popover plugin - extends tooltip.
- *
- * Public Methods & Properties:
- *
- * + $.popover
- * + $.popover.noConflict
- * + $.popover.Constructor
- * + $.popover.Constructor.VERSION
- * + $.popover.Constructor.Defaults
- * + $.popover.Constructor.Defaults.container
- * + $.popover.Constructor.Defaults.animation
- * + $.popover.Constructor.Defaults.placement
- * + $.popover.Constructor.Defaults.selector
- * + $.popover.Constructor.Defaults.template
- * + $.popover.Constructor.Defaults.trigger
- * + $.popover.Constructor.Defaults.title
- * + $.popover.Constructor.Defaults.content
- * + $.popover.Constructor.Defaults.delay
- * + $.popover.Constructor.Defaults.html
- * + $.popover.Constructor.Defaults.viewport
- * + $.popover.Constructor.Defaults.viewport.selector
- * + $.popover.Constructor.Defaults.viewport.padding
- * + $.popover.Constructor.prototype.enable
- * + $.popover.Constructor.prototype.disable
- * + $.popover.Constructor.prototype.destroy
- * + $.popover.Constructor.prototype.toggleEnabled
- * + $.popover.Constructor.prototype.toggle
- * + $.popover.Constructor.prototype.show
- * + $.popover.Constructor.prototype.hide
- *
- * ========================================================================
- */
-
-
-'use strict';
+ * ======================================================================== */
-if (!Tooltip) throw new Error('Popover requires tooltip.js')
-
-
-/**
- * Our tooltip class.
- * @param {Element!} element
- * @param {Object=} opt_config
- * @constructor
- * @extends {Tooltip}
- */
-var Popover = function (element, opt_config) {
- Tooltip.apply(this, arguments)
-}
-Bootstrap.inherits(Popover, Tooltip)
++function ($) {
+ 'use strict';
+ // TAB CLASS DEFINITION
+ // ====================
-/**
- * @const
- * @type {string}
- */
-Popover['VERSION'] = '4.0.0'
+ var Tab = function (element) {
+ // jscs:disable requireDollarBeforejQueryAssignment
+ this.element = $(element)
+ // jscs:enable requireDollarBeforejQueryAssignment
+ }
+ Tab.VERSION = '3.3.4'
-/**
- * @const
- * @type {Object}
- */
-Popover['Defaults'] = $.extend({}, $.fn['tooltip']['Constructor']['Defaults'], {
- 'placement': 'right',
- 'trigger': 'click',
- 'content': '',
- 'template': '<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
-})
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Popover._NAME = 'popover'
+ Tab.TRANSITION_DURATION = 150
+ Tab.prototype.show = function () {
+ var $this = this.element
+ var $ul = $this.closest('ul:not(.dropdown-menu)')
+ var selector = $this.data('target')
-/**
- * @const
- * @type {string}
- * @private
- */
-Popover._DATA_KEY = 'bs.popover'
+ if (!selector) {
+ selector = $this.attr('href')
+ selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
+ }
+ if ($this.parent('li').hasClass('active')) return
-/**
- * @const
- * @enum {string}
- * @private
- */
-Popover._Event = {
- HIDE : 'hide.bs.popover',
- HIDDEN : 'hidden.bs.popover',
- SHOW : 'show.bs.popover',
- SHOWN : 'shown.bs.popover'
-}
+ var $previous = $ul.find('.active:last a')
+ var hideEvent = $.Event('hide.bs.tab', {
+ relatedTarget: $this[0]
+ })
+ var showEvent = $.Event('show.bs.tab', {
+ relatedTarget: $previous[0]
+ })
+ $previous.trigger(hideEvent)
+ $this.trigger(showEvent)
-/**
- * @const
- * @enum {string}
- * @private
- */
-Popover._ClassName = {
- FADE : 'fade',
- IN : 'in'
-}
+ if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return
+ var $target = $(selector)
-/**
- * @const
- * @enum {string}
- * @private
- */
-Popover._Selector = {
- TITLE : '.popover-title',
- CONTENT : '.popover-content',
- ARROW : '.popover-arrow'
-}
-
-
-/**
- * @const
- * @type {Function}
- * @private
- */
-Popover._JQUERY_NO_CONFLICT = $.fn[Popover._NAME]
+ this.activate($this.closest('li'), $ul)
+ this.activate($target, $target.parent(), function () {
+ $previous.trigger({
+ type: 'hidden.bs.tab',
+ relatedTarget: $this[0]
+ })
+ $this.trigger({
+ type: 'shown.bs.tab',
+ relatedTarget: $previous[0]
+ })
+ })
+ }
+ Tab.prototype.activate = function (element, container, callback) {
+ var $active = container.find('> .active')
+ var transition = callback
+ && $.support.transition
+ && ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length)
+
+ function next() {
+ $active
+ .removeClass('active')
+ .find('> .dropdown-menu > .active')
+ .removeClass('active')
+ .end()
+ .find('[data-toggle="tab"]')
+ .attr('aria-expanded', false)
+
+ element
+ .addClass('active')
+ .find('[data-toggle="tab"]')
+ .attr('aria-expanded', true)
+
+ if (transition) {
+ element[0].offsetWidth // reflow for transition
+ element.addClass('in')
+ } else {
+ element.removeClass('fade')
+ }
-/**
- * @param {Object|string=} opt_config
- * @this {jQuery}
- * @return {jQuery}
- * @private
- */
-Popover._jQueryInterface = function (opt_config) {
- return this.each(function () {
- var data = $(this).data(Popover._DATA_KEY)
- var config = typeof opt_config === 'object' ? opt_config : null
+ if (element.parent('.dropdown-menu').length) {
+ element
+ .closest('li.dropdown')
+ .addClass('active')
+ .end()
+ .find('[data-toggle="tab"]')
+ .attr('aria-expanded', true)
+ }
- if (!data && opt_config === 'destroy') {
- return
+ callback && callback()
}
- if (!data) {
- data = new Popover(this, config)
- $(this).data(Popover._DATA_KEY, data)
- }
+ $active.length && transition ?
+ $active
+ .one('bsTransitionEnd', next)
+ .emulateTransitionEnd(Tab.TRANSITION_DURATION) :
+ next()
- if (typeof opt_config === 'string') {
- data[opt_config]()
- }
- })
-}
+ $active.removeClass('in')
+ }
-/**
- * @return {string}
- * @protected
- */
-Popover.prototype.getName = function () {
- return Popover._NAME
-}
+ // TAB PLUGIN DEFINITION
+ // =====================
+ function Plugin(option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.tab')
-/**
- * @override
- */
-Popover.prototype.getDataKey = function () {
- return Popover._DATA_KEY
-}
+ if (!data) $this.data('bs.tab', (data = new Tab(this)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+ var old = $.fn.tab
-/**
- * @override
- */
-Popover.prototype.getEventObject = function () {
- return Popover._Event
-}
+ $.fn.tab = Plugin
+ $.fn.tab.Constructor = Tab
-/**
- * @override
- */
-Popover.prototype.getArrowElement = function () {
- return (this.arrow = this.arrow || $(this.getTipElement()).find(Popover._Selector.ARROW)[0])
-}
-
+ // TAB NO CONFLICT
+ // ===============
-/**
- * @override
- */
-Popover.prototype.setContent = function () {
- var tip = this.getTipElement()
- var title = this.getTitle()
- var content = this._getContent()
- var titleElement = $(tip).find(Popover._Selector.TITLE)[0]
-
- if (titleElement) {
- titleElement[this.config['html'] ? 'innerHTML' : 'innerText'] = title
+ $.fn.tab.noConflict = function () {
+ $.fn.tab = old
+ return this
}
- // we use append for html objects to maintain js events
- $(tip).find(Popover._Selector.CONTENT).children().detach().end()[
- this.config['html'] ? (typeof content == 'string' ? 'html' : 'append') : 'text'
- ](content)
- $(tip)
- .removeClass(Popover._ClassName.FADE)
- .removeClass(Popover._ClassName.IN)
+ // TAB DATA-API
+ // ============
- for (var direction in Tooltip.Direction) {
- $(tip).removeClass(Popover._NAME + '-' + Tooltip.Direction[direction])
+ var clickHandler = function (e) {
+ e.preventDefault()
+ Plugin.call($(this), 'show')
}
-}
-
-
-/**
- * @override
- */
-Popover.prototype.isWithContent = function () {
- return this.getTitle() || this._getContent()
-}
-
-
-/**
- * @override
- */
-Popover.prototype.getTipElement = function () {
- return (this.tip = this.tip || $(this.config['template'])[0])
-}
-
-
-/**
- * @private
- */
-Popover.prototype._getContent = function () {
- return this.element.getAttribute('data-content')
- || (typeof this.config['content'] == 'function' ?
- this.config['content'].call(this.element) :
- this.config['content'])
-}
-
-
-
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface + noConflict implementaiton
- * ------------------------------------------------------------------------
- */
-
-/**
- * @const
- * @type {Function}
- */
-$.fn[Popover._NAME] = Popover._jQueryInterface
-
-
-/**
- * @const
- * @type {Function}
- */
-$.fn[Popover._NAME]['Constructor'] = Popover
+ $(document)
+ .on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler)
+ .on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler)
-/**
- * @const
- * @type {Function}
- */
-$.fn[Popover._NAME]['noConflict'] = function () {
- $.fn[Popover._NAME] = Popover._JQUERY_NO_CONFLICT
- return this
-}
+}(jQuery);
-/** =======================================================================
- * Bootstrap: tab.js v4.0.0
- * http://getbootstrap.com/javascript/#tabs
+/* ========================================================================
+ * Bootstrap: affix.js v3.3.4
+ * http://getbootstrap.com/javascript/#affix
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ========================================================================
- * @fileoverview - Bootstrap's tab plugin. Tab O_O
- *
- * Public Methods & Properties:
- *
- * + $.tab
- * + $.tab.noConflict
- * + $.tab.Constructor
- * + $.tab.Constructor.VERSION
- * + $.tab.Constructor.prototype.show
- *
- * ========================================================================
- */
-
-
-'use strict';
-
-/**
- * Our Tab class.
- * @param {Element!} element
- * @constructor
- */
-var Tab = function (element) {
-
- /** @type {Element} */
- this._element = element
+ * ======================================================================== */
-}
++function ($) {
+ 'use strict';
-/**
- * @const
- * @type {string}
- */
-Tab['VERSION'] = '4.0.0'
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Tab._NAME = 'tab'
-
-
-/**
- * @const
- * @type {string}
- * @private
- */
-Tab._DATA_KEY = 'bs.tab'
-
-
-/**
- * @const
- * @type {number}
- * @private
- */
-Tab._TRANSITION_DURATION = 150
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Tab._Event = {
- HIDE : 'hide.bs.tab',
- HIDDEN : 'hidden.bs.tab',
- SHOW : 'show.bs.tab',
- SHOWN : 'shown.bs.tab'
-}
-
-
-/**
- * @const
- * @enum {string}
- * @private
- */
-Tab._ClassName = {
- DROPDOWN_MENU : 'dropdown-menu',
- ACTIVE : 'active',
- FADE : 'fade',
- IN : 'in'
-}
-
+ // AFFIX CLASS DEFINITION
+ // ======================
-/**
- * @const
- * @enum {string}
- * @private
- */
-Tab._Selector = {
- A : 'a',
- LI : 'li',
- LI_DROPDOWN : 'li.dropdown',
- UL : 'ul:not(.dropdown-menu)',
- FADE_CHILD : ':scope > .fade',
- ACTIVE : '.active',
- ACTIVE_CHILD : ':scope > .active',
- DATA_TOGGLE : '[data-toggle="tab"], [data-toggle="pill"]',
- DROPDOWN_ACTIVE_CHILD : ':scope > .dropdown-menu > .active'
-}
+ var Affix = function (element, options) {
+ this.options = $.extend({}, Affix.DEFAULTS, options)
+ this.$target = $(this.options.target)
+ .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this))
+ .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this))
-/**
- * @param {Object|string=} opt_config
- * @this {jQuery}
- * @return {jQuery}
- * @private
- */
-Tab._jQueryInterface = function (opt_config) {
- return this.each(function () {
- var $this = $(this)
- var data = $this.data(Tab._DATA_KEY)
+ this.$element = $(element)
+ this.affixed = null
+ this.unpin = null
+ this.pinnedOffset = null
- if (!data) {
- data = data = new Tab(this)
- $this.data(Tab._DATA_KEY, data)
- }
+ this.checkPosition()
+ }
- if (typeof opt_config === 'string') {
- data[opt_config]()
- }
- })
-}
+ Affix.VERSION = '3.3.4'
+ Affix.RESET = 'affix affix-top affix-bottom'
-/**
- * Show the tab
- */
-Tab.prototype['show'] = function () {
- if ( this._element.parentNode
- && this._element.parentNode.nodeType == Node.ELEMENT_NODE
- && $(this._element).parent().hasClass(Tab._ClassName.ACTIVE)) {
- return
+ Affix.DEFAULTS = {
+ offset: 0,
+ target: window
}
- var ulElement = $(this._element).closest(Tab._Selector.UL)[0]
- var selector = Bootstrap.getSelectorFromElement(this._element)
+ Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) {
+ var scrollTop = this.$target.scrollTop()
+ var position = this.$element.offset()
+ var targetHeight = this.$target.height()
- if (ulElement) {
- var previous = /** @type {Array.<Element>} */ ($.makeArray($(ulElement).find(Tab._Selector.ACTIVE)))
- previous = previous[previous.length - 1]
+ if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false
- if (previous) {
- previous = $(previous).find('a')[0]
+ if (this.affixed == 'bottom') {
+ if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom'
+ return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom'
}
- }
- var hideEvent = $.Event(Tab._Event.HIDE, {
- relatedTarget: this._element
- })
+ var initializing = this.affixed == null
+ var colliderTop = initializing ? scrollTop : position.top
+ var colliderHeight = initializing ? targetHeight : height
- var showEvent = $.Event(Tab._Event.SHOW, {
- relatedTarget: previous
- })
+ if (offsetTop != null && scrollTop <= offsetTop) return 'top'
+ if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom'
- if (previous) {
- $(previous).trigger(hideEvent)
+ return false
}
- $(this._element).trigger(showEvent)
-
- if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return
-
- if (selector) {
- var target = $(selector)[0]
+ Affix.prototype.getPinnedOffset = function () {
+ if (this.pinnedOffset) return this.pinnedOffset
+ this.$element.removeClass(Affix.RESET).addClass('affix')
+ var scrollTop = this.$target.scrollTop()
+ var position = this.$element.offset()
+ return (this.pinnedOffset = position.top - scrollTop)
}
- this._activate($(this._element).closest(Tab._Selector.LI)[0], ulElement)
+ Affix.prototype.checkPositionWithEventLoop = function () {
+ setTimeout($.proxy(this.checkPosition, this), 1)
+ }
- var complete = function () {
- var hiddenEvent = $.Event(Tab._Event.HIDDEN, {
- relatedTarget: this._element
- })
+ Affix.prototype.checkPosition = function () {
+ if (!this.$element.is(':visible')) return
- var shownEvent = $.Event(Tab._Event.SHOWN, {
- relatedTarget: previous
- })
+ var height = this.$element.height()
+ var offset = this.options.offset
+ var offsetTop = offset.top
+ var offsetBottom = offset.bottom
+ var scrollHeight = Math.max($(document).height(), $(document.body).height())
- $(previous).trigger(hiddenEvent)
- $(this._element).trigger(shownEvent)
- }.bind(this)
+ if (typeof offset != 'object') offsetBottom = offsetTop = offset
+ if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element)
+ if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element)
- if (target) {
- this._activate(target, /** @type {Element} */ (target.parentNode), complete)
- } else {
- complete()
- }
-}
+ var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom)
+ if (this.affixed != affix) {
+ if (this.unpin != null) this.$element.css('top', '')
-/**
- * @param {Element} element
- * @param {Element} container
- * @param {Function=} opt_callback
- * @private
- */
-Tab.prototype._activate = function (element, container, opt_callback) {
- var active = $(container).find(Tab._Selector.ACTIVE_CHILD)[0]
- var isTransitioning = opt_callback
- && Bootstrap.transition
- && ((active && $(active).hasClass(Tab._ClassName.FADE))
- || !!$(container).find(Tab._Selector.FADE_CHILD)[0])
-
- var complete = this._transitionComplete.bind(this, element, active, isTransitioning, opt_callback)
-
- if (active && isTransitioning) {
- $(active)
- .one(Bootstrap.TRANSITION_END, complete)
- .emulateTransitionEnd(Tab._TRANSITION_DURATION)
-
- } else {
- complete()
- }
+ var affixType = 'affix' + (affix ? '-' + affix : '')
+ var e = $.Event(affixType + '.bs.affix')
- if (active) {
- $(active).removeClass(Tab._ClassName.IN)
- }
-}
+ this.$element.trigger(e)
+ if (e.isDefaultPrevented()) return
-/**
- * @param {Element} element
- * @param {Element} active
- * @param {boolean} isTransitioning
- * @param {Function=} opt_callback
- * @private
- */
-Tab.prototype._transitionComplete = function (element, active, isTransitioning, opt_callback) {
- if (active) {
- $(active).removeClass(Tab._ClassName.ACTIVE)
+ this.affixed = affix
+ this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null
- var dropdownChild = $(active).find(Tab._Selector.DROPDOWN_ACTIVE_CHILD)[0]
- if (dropdownChild) {
- $(dropdownChild).removeClass(Tab._ClassName.ACTIVE)
+ this.$element
+ .removeClass(Affix.RESET)
+ .addClass(affixType)
+ .trigger(affixType.replace('affix', 'affixed') + '.bs.affix')
}
- var activeToggle = $(active).find(Tab._Selector.DATA_TOGGLE)[0]
- if (activeToggle) {
- activeToggle.setAttribute('aria-expanded', false)
+ if (affix == 'bottom') {
+ this.$element.offset({
+ top: scrollHeight - height - offsetBottom
+ })
}
}
- $(element).addClass(Tab._ClassName.ACTIVE)
-
- var elementToggle = $(element).find(Tab._Selector.DATA_TOGGLE)[0]
- if (elementToggle) {
- elementToggle.setAttribute('aria-expanded', true)
- }
-
- if (isTransitioning) {
- Bootstrap.reflow(element)
- $(element).addClass(Tab._ClassName.IN)
- } else {
- $(element).removeClass(Tab._ClassName.FADE)
- }
- if (element.parentNode && $(element.parentNode).hasClass(Tab._ClassName.DROPDOWN_MENU)) {
- var dropdownElement = $(element).closest(Tab._Selector.LI_DROPDOWN)[0]
- if (dropdownElement) {
- $(dropdownElement).addClass(Tab._ClassName.ACTIVE)
- }
+ // AFFIX PLUGIN DEFINITION
+ // =======================
- elementToggle = $(element).find(Tab._Selector.DATA_TOGGLE)[0]
- if (elementToggle) {
- elementToggle.setAttribute('aria-expanded', true)
- }
- }
+ function Plugin(option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.affix')
+ var options = typeof option == 'object' && option
- if (opt_callback) {
- opt_callback()
+ if (!data) $this.data('bs.affix', (data = new Affix(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
}
-}
+ var old = $.fn.affix
-/**
- * ------------------------------------------------------------------------
- * jQuery Interface + noConflict implementaiton
- * ------------------------------------------------------------------------
- */
+ $.fn.affix = Plugin
+ $.fn.affix.Constructor = Affix
-/**
- * @const
- * @type {Function}
- */
-$.fn[Tab._NAME] = Tab._jQueryInterface
+ // AFFIX NO CONFLICT
+ // =================
-/**
- * @const
- * @type {Function}
- */
-$.fn[Tab._NAME]['Constructor'] = Tab
+ $.fn.affix.noConflict = function () {
+ $.fn.affix = old
+ return this
+ }
-/**
- * @const
- * @type {Function}
- */
-$.fn[Tab._NAME]['noConflict'] = function () {
- $.fn[Tab._NAME] = Tab._JQUERY_NO_CONFLICT
- return this
-}
+ // AFFIX DATA-API
+ // ==============
+ $(window).on('load', function () {
+ $('[data-spy="affix"]').each(function () {
+ var $spy = $(this)
+ var data = $spy.data()
+ data.offset = data.offset || {}
-// TAB DATA-API
-// ============
+ if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom
+ if (data.offsetTop != null) data.offset.top = data.offsetTop
-var clickHandler = function (e) {
- e.preventDefault()
- Tab._jQueryInterface.call($(this), 'show')
-}
+ Plugin.call($spy, data)
+ })
+ })
-$(document)
- .on('click.bs.tab.data-api', Tab._Selector.DATA_TOGGLE, clickHandler)
+}(jQuery);