util.js 4.75 KiB
/**
 * --------------------------------------------------------------------------
 * Bootstrap (v4.3.1): util.js
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 */
/**
 * ------------------------------------------------------------------------
 * Private TransitionEnd Helpers
 * ------------------------------------------------------------------------
const TRANSITION_END = 'transitionend'
const MAX_UID = 1000000
const MILLISECONDS_MULTIPLIER = 1000
// Shoutout AngusCroll (https://goo.gl/pxwQGp)
function toType(obj) {
  return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase()
const Util = {
  TRANSITION_END: 'bsTransitionEnd',
  getUID(prefix) {
    do {
      // eslint-disable-next-line no-bitwise
      prefix += ~~(Math.random() * MAX_UID) // "~~" acts like a faster Math.floor() here
    } while (document.getElementById(prefix))
    return prefix
  getSelectorFromElement(element) {
    let selector = element.getAttribute('data-target')
    if (!selector || selector === '#') {
      const hrefAttr = element.getAttribute('href')
      selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : ''
    try {
      return document.querySelector(selector) ? selector : null
    } catch (err) {
      return null
  getTransitionDurationFromElement(element) {
    if (!element) {
      return 0
    // Get transition-duration of the element
    let transitionDuration = window.getComputedStyle(element).transitionDuration
    let transitionDelay = window.getComputedStyle(element).transitionDelay
    const floatTransitionDuration = parseFloat(transitionDuration)
    const floatTransitionDelay = parseFloat(transitionDelay)
    // Return 0 if element or transition duration is not found
    if (!floatTransitionDuration && !floatTransitionDelay) {
      return 0
    // If multiple durations are defined, take the first
    transitionDuration = transitionDuration.split(',')[0]
    transitionDelay = transitionDelay.split(',')[0]
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
return (parseFloat(transitionDuration) + parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER }, reflow(element) { return element.offsetHeight }, triggerTransitionEnd(element) { element.dispatchEvent(new Event(Util.TRANSITION_END)) }, // TODO: Remove in v5 supportsTransitionEnd() { return Boolean(TRANSITION_END) }, isElement(obj) { return (obj[0] || obj).nodeType }, emulateTransitionEnd(element, duration) { setTimeout(() => { Util.triggerTransitionEnd(element) }, duration) }, typeCheckConfig(componentName, config, configTypes) { for (const property in configTypes) { if (Object.prototype.hasOwnProperty.call(configTypes, property)) { const expectedTypes = configTypes[property] const value = config[property] const valueType = value && Util.isElement(value) ? 'element' : toType(value) if (!new RegExp(expectedTypes).test(valueType)) { throw new Error( `${componentName.toUpperCase()}: ` + `Option "${property}" provided type "${valueType}" ` + `but expected type "${expectedTypes}".`) } } } }, makeArray(nodeList) { if (typeof nodeList === 'undefined' || nodeList === null) { return [] } const strRepresentation = Object.prototype.toString.call(nodeList) if (strRepresentation === '[object NodeList]' || strRepresentation === '[object HTMLCollection]' || strRepresentation === '[object Array]') { return Array.prototype.slice.call(nodeList) } return [nodeList] }, isVisible(element) { if (typeof element === 'undefined' || element === null) { return false } if (element.style !== null && element.parentNode !== null && typeof element.parentNode.style !== 'undefined') { return element.style.display !== 'none' && element.parentNode.style.display !== 'none' && element.style.visibility !== 'hidden' } return false },
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
findShadowRoot(element) { if (!document.documentElement.attachShadow) { return null } // Can find the shadow root otherwise it'll return the document if (typeof element.getRootNode === 'function') { const root = element.getRootNode() return root instanceof ShadowRoot ? root : null } if (element instanceof ShadowRoot) { return element } // when we don't find a shadow root if (!element.parentNode) { return null } return Util.findShadowRoot(element.parentNode) }, noop() { // eslint-disable-next-line no-empty-function return function () {} }, get jQuery() { return window.$ || window.jQuery } } export default Util