All files / src/dom manipulator.js

100% Statements 29/29
100% Branches 16/16
100% Functions 4/4
100% Lines 28/28

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                196x 6x     190x 12x     178x 9x     169x 2x     167x       76x     11x   37x       18x       245x 1x     244x       244x 175x     244x       21x       6x   6x             41x             78x 2x     76x 4x   72x            
/**
 * --------------------------------------------------------------------------
 * Bootstrap (v5.0.0-alpha1): dom/manipulator.js
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 */
 
function normalizeData(val) {
  if (val === 'true') {
    return true
  }
 
  if (val === 'false') {
    return false
  }
 
  if (val === Number(val).toString()) {
    return Number(val)
  }
 
  if (val === '' || val === 'null') {
    return null
  }
 
  return val
}
 
function normalizeDataKey(key) {
  return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`)
}
 
const Manipulator = {
  setDataAttribute(element, key, value) {
    element.setAttribute(`data-${normalizeDataKey(key)}`, value)
  },
 
  removeDataAttribute(element, key) {
    element.removeAttribute(`data-${normalizeDataKey(key)}`)
  },
 
  getDataAttributes(element) {
    if (!element) {
      return {}
    }
 
    const attributes = {
      ...element.dataset
    }
 
    Object.keys(attributes).forEach(key => {
      attributes[key] = normalizeData(attributes[key])
    })
 
    return attributes
  },
 
  getDataAttribute(element, key) {
    return normalizeData(element.getAttribute(`data-${normalizeDataKey(key)}`))
  },
 
  offset(element) {
    const rect = element.getBoundingClientRect()
 
    return {
      top: rect.top + document.body.scrollTop,
      left: rect.left + document.body.scrollLeft
    }
  },
 
  position(element) {
    return {
      top: element.offsetTop,
      left: element.offsetLeft
    }
  },
 
  toggleClass(element, className) {
    if (!element) {
      return
    }
 
    if (element.classList.contains(className)) {
      element.classList.remove(className)
    } else {
      element.classList.add(className)
    }
  }
}
 
export default Manipulator