All files / src/util index.js

94.92% Statements 131/138
93.57% Branches 102/109
100% Functions 25/25
94.89% Lines 130/137

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337              23x 23x 23x     23x 4633x 521x     4112x             23x 63x 63x     63x     23x 1383x   1383x 226x           226x 102x       124x 1x     124x     1281x     23x 88x   88x 79x     9x     23x 1295x   1295x     23x 2297x 2x       2295x   2295x 2295x     2295x 2274x       21x 21x   21x     23x 2284x     23x 8724x 5360x     3364x 12x     3364x     23x   1272x 1088x     184x 145x     39x     23x 108x 22x     86x   86x   86x 81x     5x 3x 3x       3x 1x       4x     23x 235x 5x     230x 8x     222x 120x     102x     23x 57x         57x 57x 57x                             23x                   23x 1142x     23x 4979x 2x     4977x     23x   23x 17x   15x 13x 25x 28x         15x   2x       81x   23x 14x 27x   27x                         23x 2586x 2545x       23x 2453x 160x 160x     2293x 2293x   2293x   2293x 2293x 1x     2292x 2292x 2292x     2293x 2293x 2292x 2279x                           23x 60x 60x       60x 21x     39x   39x 34x     39x                                                  
/**
 * --------------------------------------------------------------------------
 * Bootstrap (v5.2.3): util/index.js
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * --------------------------------------------------------------------------
 */
 
const MAX_UID = 1_000_000
const MILLISECONDS_MULTIPLIER = 1000
const TRANSITION_END = 'transitionend'
 
// Shout-out Angus Croll (https://goo.gl/pxwQGp)
const toType = object => {
  if (object === null || object === undefined) {
    return `${object}`
  }
 
  return Object.prototype.toString.call(object).match(/\s([a-z]+)/i)[1].toLowerCase()
}
 
/**
 * Public Util API
 */
 
const getUID = prefix => {
  do {
    prefix += Math.floor(Math.random() * MAX_UID)
  } while (document.getElementById(prefix))
 
  return prefix
}
 
const getSelector = element => {
  let selector = element.getAttribute('data-bs-target')
 
  if (!selector || selector === '#') {
    let hrefAttribute = element.getAttribute('href')
 
    // The only valid content that could double as a selector are IDs or classes,
    // so everything starting with `#` or `.`. If a "real" URL is used as the selector,
    // `document.querySelector` will rightfully complain it is invalid.
    // See https://github.com/twbs/bootstrap/issues/32273
    if (!hrefAttribute || (!hrefAttribute.includes('#') && !hrefAttribute.startsWith('.'))) {
      return null
    }
 
    // Just in case some CMS puts out a full URL with the anchor appended
    if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) {
      hrefAttribute = `#${hrefAttribute.split('#')[1]}`
    }
 
    selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null
  }
 
  return selector
}
 
const getSelectorFromElement = element => {
  const selector = getSelector(element)
 
  if (selector) {
    return document.querySelector(selector) ? selector : null
  }
 
  return null
}
 
const getElementFromSelector = element => {
  const selector = getSelector(element)
 
  return selector ? document.querySelector(selector) : null
}
 
const getTransitionDurationFromElement = element => {
  if (!element) {
    return 0
  }
 
  // Get transition-duration of the element
  let { transitionDuration, transitionDelay } = window.getComputedStyle(element)
 
  const floatTransitionDuration = Number.parseFloat(transitionDuration)
  const floatTransitionDelay = Number.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]
 
  return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER
}
 
const triggerTransitionEnd = element => {
  element.dispatchEvent(new Event(TRANSITION_END))
}
 
const isElement = object => {
  if (!object || typeof object !== 'object') {
    return false
  }
 
  if (typeof object.jquery !== 'undefined') {
    object = object[0]
  }
 
  return typeof object.nodeType !== 'undefined'
}
 
const getElement = object => {
  // it's a jQuery object or a node element
  if (isElement(object)) {
    return object.jquery ? object[0] : object
  }
 
  if (typeof object === 'string' && object.length > 0) {
    return document.querySelector(object)
  }
 
  return null
}
 
const isVisible = element => {
  if (!isElement(element) || element.getClientRects().length === 0) {
    return false
  }
 
  const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible'
  // Handle `details` element as its content may falsie appear visible when it is closed
  const closedDetails = element.closest('details:not([open])')
 
  if (!closedDetails) {
    return elementIsVisible
  }
 
  if (closedDetails !== element) {
    const summary = element.closest('summary')
    Iif (summary && summary.parentNode !== closedDetails) {
      return false
    }
 
    if (summary === null) {
      return false
    }
  }
 
  return elementIsVisible
}
 
const isDisabled = element => {
  if (!element || element.nodeType !== Node.ELEMENT_NODE) {
    return true
  }
 
  if (element.classList.contains('disabled')) {
    return true
  }
 
  if (typeof element.disabled !== 'undefined') {
    return element.disabled
  }
 
  return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false'
}
 
const findShadowRoot = element => {
  Iif (!document.documentElement.attachShadow) {
    return null
  }
 
  // Can find the shadow root otherwise it'll return the document
  Eif (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 findShadowRoot(element.parentNode)
}
 
const noop = () => {}
 
/**
 * Trick to restart an element's animation
 *
 * @param {HTMLElement} element
 * @return void
 *
 * @see https://www.charistheo.io/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation
 */
const reflow = element => {
  element.offsetHeight // eslint-disable-line no-unused-expressions
}
 
const getjQuery = () => {
  if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
    return window.jQuery
  }
 
  return null
}
 
const DOMContentLoadedCallbacks = []
 
const onDOMContentLoaded = callback => {
  if (document.readyState === 'loading') {
    // add listener on the first call when the document is in loading state
    if (!DOMContentLoadedCallbacks.length) {
      document.addEventListener('DOMContentLoaded', () => {
        for (const callback of DOMContentLoadedCallbacks) {
          callback()
        }
      })
    }
 
    DOMContentLoadedCallbacks.push(callback)
  } else {
    callback()
  }
}
 
const isRTL = () => document.documentElement.dir === 'rtl'
 
const defineJQueryPlugin = plugin => {
  onDOMContentLoaded(() => {
    const $ = getjQuery()
    /* istanbul ignore if */
    if ($) {
      const name = plugin.NAME
      const JQUERY_NO_CONFLICT = $.fn[name]
      $.fn[name] = plugin.jQueryInterface
      $.fn[name].Constructor = plugin
      $.fn[name].noConflict = () => {
        $.fn[name] = JQUERY_NO_CONFLICT
        return plugin.jQueryInterface
      }
    }
  })
}
 
const execute = callback => {
  if (typeof callback === 'function') {
    callback()
  }
}
 
const executeAfterTransition = (callback, transitionElement, waitForTransition = true) => {
  if (!waitForTransition) {
    execute(callback)
    return
  }
 
  const durationPadding = 5
  const emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding
 
  let called = false
 
  const handler = ({ target }) => {
    if (target !== transitionElement) {
      return
    }
 
    called = true
    transitionElement.removeEventListener(TRANSITION_END, handler)
    execute(callback)
  }
 
  transitionElement.addEventListener(TRANSITION_END, handler)
  setTimeout(() => {
    if (!called) {
      triggerTransitionEnd(transitionElement)
    }
  }, emulatedDuration)
}
 
/**
 * Return the previous/next element of a list.
 *
 * @param {array} list    The list of elements
 * @param activeElement   The active element
 * @param shouldGetNext   Choose to get next or previous element
 * @param isCycleAllowed
 * @return {Element|elem} The proper element
 */
const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {
  const listLength = list.length
  let index = list.indexOf(activeElement)
 
  // if the element does not exist in the list return an element
  // depending on the direction and if cycle is allowed
  if (index === -1) {
    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]
  }
 
  index += shouldGetNext ? 1 : -1
 
  if (isCycleAllowed) {
    index = (index + listLength) % listLength
  }
 
  return list[Math.max(0, Math.min(index, listLength - 1))]
}
 
export {
  defineJQueryPlugin,
  execute,
  executeAfterTransition,
  findShadowRoot,
  getElement,
  getElementFromSelector,
  getjQuery,
  getNextActiveElement,
  getSelectorFromElement,
  getTransitionDurationFromElement,
  getUID,
  isDisabled,
  isElement,
  isRTL,
  isVisible,
  noop,
  onDOMContentLoaded,
  reflow,
  triggerTransitionEnd,
  toType
}