2017-08-29 19:16:00 +00:00
|
|
|
import $ from 'jquery'
|
|
|
|
|
|
2015-05-07 19:48:22 +00:00
|
|
|
/**
|
|
|
|
|
* --------------------------------------------------------------------------
|
2017-10-19 16:40:37 +00:00
|
|
|
* Bootstrap (v4.0.0-beta.2): util.js
|
2015-05-07 19:48:22 +00:00
|
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
|
|
|
* --------------------------------------------------------------------------
|
|
|
|
|
*/
|
|
|
|
|
|
2017-08-29 19:16:00 +00:00
|
|
|
const Util = (() => {
|
2015-05-07 19:48:22 +00:00
|
|
|
|
|
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
/**
|
|
|
|
|
* ------------------------------------------------------------------------
|
|
|
|
|
* Private TransitionEnd Helpers
|
|
|
|
|
* ------------------------------------------------------------------------
|
|
|
|
|
*/
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
let transition = false
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2016-05-31 06:42:00 +00:00
|
|
|
const MAX_UID = 1000000
|
|
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
const TransitionEndEvent = {
|
|
|
|
|
WebkitTransition : 'webkitTransitionEnd',
|
|
|
|
|
MozTransition : 'transitionend',
|
|
|
|
|
OTransition : 'oTransitionEnd otransitionend',
|
|
|
|
|
transition : 'transitionend'
|
|
|
|
|
}
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-05-13 21:46:50 +00:00
|
|
|
// shoutout AngusCroll (https://goo.gl/pxwQGp)
|
|
|
|
|
function toType(obj) {
|
2016-11-21 14:36:00 +00:00
|
|
|
return {}.toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
|
2015-05-13 21:46:50 +00:00
|
|
|
}
|
|
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
function getSpecialTransitionEndEvent() {
|
|
|
|
|
return {
|
|
|
|
|
bindType: transition.end,
|
|
|
|
|
delegateType: transition.end,
|
2015-08-19 02:22:46 +00:00
|
|
|
handle(event) {
|
2015-05-07 23:34:28 +00:00
|
|
|
if ($(event.target).is(this)) {
|
2016-06-05 18:17:05 +00:00
|
|
|
return event.handleObj.handler.apply(this, arguments) // eslint-disable-line prefer-rest-params
|
2015-05-07 23:34:28 +00:00
|
|
|
}
|
2017-07-27 10:39:55 +00:00
|
|
|
return undefined // eslint-disable-line no-undefined
|
2015-05-07 23:34:28 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
function transitionEndTest() {
|
|
|
|
|
if (window.QUnit) {
|
|
|
|
|
return false
|
2015-05-07 19:48:22 +00:00
|
|
|
}
|
|
|
|
|
|
2016-11-21 14:36:00 +00:00
|
|
|
const el = document.createElement('bootstrap')
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2016-11-21 14:36:00 +00:00
|
|
|
for (const name in TransitionEndEvent) {
|
2017-07-27 10:39:55 +00:00
|
|
|
if (typeof el.style[name] !== 'undefined') {
|
2016-11-21 14:36:00 +00:00
|
|
|
return {
|
|
|
|
|
end: TransitionEndEvent[name]
|
|
|
|
|
}
|
2015-05-07 23:34:28 +00:00
|
|
|
}
|
|
|
|
|
}
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
return false
|
2015-05-07 19:48:22 +00:00
|
|
|
}
|
|
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
function transitionEndEmulator(duration) {
|
|
|
|
|
let called = false
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-08-19 02:22:46 +00:00
|
|
|
$(this).one(Util.TRANSITION_END, () => {
|
2015-05-07 23:34:28 +00:00
|
|
|
called = true
|
|
|
|
|
})
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
setTimeout(() => {
|
|
|
|
|
if (!called) {
|
2015-05-08 05:26:40 +00:00
|
|
|
Util.triggerTransitionEnd(this)
|
2015-05-07 19:48:22 +00:00
|
|
|
}
|
2015-05-07 23:34:28 +00:00
|
|
|
}, duration)
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
return this
|
2015-05-07 19:48:22 +00:00
|
|
|
}
|
|
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
function setTransitionEndSupport() {
|
|
|
|
|
transition = transitionEndTest()
|
|
|
|
|
|
|
|
|
|
$.fn.emulateTransitionEnd = transitionEndEmulator
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
if (Util.supportsTransitionEnd()) {
|
|
|
|
|
$.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent()
|
2015-05-07 19:48:22 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
/**
|
|
|
|
|
* --------------------------------------------------------------------------
|
|
|
|
|
* Public Util Api
|
|
|
|
|
* --------------------------------------------------------------------------
|
|
|
|
|
*/
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2016-11-21 14:36:00 +00:00
|
|
|
const Util = {
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
TRANSITION_END: 'bsTransitionEnd',
|
|
|
|
|
|
|
|
|
|
getUID(prefix) {
|
2015-08-19 02:22:46 +00:00
|
|
|
do {
|
2016-11-21 14:36:00 +00:00
|
|
|
// eslint-disable-next-line no-bitwise
|
2016-05-31 06:42:00 +00:00
|
|
|
prefix += ~~(Math.random() * MAX_UID) // "~~" acts like a faster Math.floor() here
|
2015-08-19 02:22:46 +00:00
|
|
|
} while (document.getElementById(prefix))
|
2015-05-07 23:34:28 +00:00
|
|
|
return prefix
|
|
|
|
|
},
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
getSelectorFromElement(element) {
|
|
|
|
|
let selector = element.getAttribute('data-target')
|
2017-03-19 00:42:11 +00:00
|
|
|
if (!selector || selector === '#') {
|
2015-05-07 23:34:28 +00:00
|
|
|
selector = element.getAttribute('href') || ''
|
|
|
|
|
}
|
|
|
|
|
|
2017-03-19 00:42:11 +00:00
|
|
|
try {
|
2017-08-25 19:54:49 +00:00
|
|
|
const $selector = $(document).find(selector)
|
2017-03-19 00:42:11 +00:00
|
|
|
return $selector.length > 0 ? selector : null
|
|
|
|
|
} catch (error) {
|
|
|
|
|
return null
|
|
|
|
|
}
|
2015-05-07 23:34:28 +00:00
|
|
|
},
|
2015-05-07 19:48:22 +00:00
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
reflow(element) {
|
2016-10-30 21:47:14 +00:00
|
|
|
return element.offsetHeight
|
2015-05-07 23:34:28 +00:00
|
|
|
},
|
|
|
|
|
|
2015-05-08 05:26:40 +00:00
|
|
|
triggerTransitionEnd(element) {
|
|
|
|
|
$(element).trigger(transition.end)
|
|
|
|
|
},
|
|
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
supportsTransitionEnd() {
|
2015-08-19 02:22:46 +00:00
|
|
|
return Boolean(transition)
|
2015-05-13 21:46:50 +00:00
|
|
|
},
|
|
|
|
|
|
2017-09-25 10:41:54 +00:00
|
|
|
isElement(obj) {
|
|
|
|
|
return (obj[0] || obj).nodeType
|
|
|
|
|
},
|
|
|
|
|
|
2015-05-13 21:46:50 +00:00
|
|
|
typeCheckConfig(componentName, config, configTypes) {
|
2016-11-21 14:36:00 +00:00
|
|
|
for (const property in configTypes) {
|
2017-07-27 10:39:55 +00:00
|
|
|
if (Object.prototype.hasOwnProperty.call(configTypes, property)) {
|
2016-11-21 14:36:00 +00:00
|
|
|
const expectedTypes = configTypes[property]
|
|
|
|
|
const value = config[property]
|
2017-09-25 10:41:54 +00:00
|
|
|
const valueType = value && Util.isElement(value) ?
|
2016-11-21 14:36:00 +00:00
|
|
|
'element' : toType(value)
|
2015-08-19 02:22:46 +00:00
|
|
|
|
|
|
|
|
if (!new RegExp(expectedTypes).test(valueType)) {
|
|
|
|
|
throw new Error(
|
|
|
|
|
`${componentName.toUpperCase()}: ` +
|
|
|
|
|
`Option "${property}" provided type "${valueType}" ` +
|
|
|
|
|
`but expected type "${expectedTypes}".`)
|
|
|
|
|
}
|
2015-05-13 21:46:50 +00:00
|
|
|
}
|
|
|
|
|
}
|
2015-05-07 23:34:28 +00:00
|
|
|
}
|
2015-05-07 19:48:22 +00:00
|
|
|
}
|
|
|
|
|
|
2015-05-07 23:34:28 +00:00
|
|
|
setTransitionEndSupport()
|
|
|
|
|
|
|
|
|
|
return Util
|
|
|
|
|
|
2017-10-03 12:27:36 +00:00
|
|
|
})($)
|
2015-05-07 23:34:28 +00:00
|
|
|
|
|
|
|
|
export default Util
|