util.js 2.51 KB
Newer Older
fat's avatar
fat committed
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
/**
 * --------------------------------------------------------------------------
 * Bootstrap (v4.0.0): util.js
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 */


/**
 * --------------------------------------------------------------------------
 * Public Util Api
 * --------------------------------------------------------------------------
 */

var Util = {

  TRANSITION_END: 'bsTransitionEnd',

  getUID(prefix) {
    do prefix += ~~(Math.random() * 1000000)
    while (document.getElementById(prefix))
    return prefix
  },

  getSelectorFromElement(element) {
    let selector = element.getAttribute('data-target')

    if (!selector) {
      selector = element.getAttribute('href') || ''
      selector = /^#[a-z]/i.test(selector) ? selector : null
    }

    return selector
  },

  reflow(element) {
    new Function('bs', 'return bs')(element.offsetHeight)
  },

  supportsTransitionEnd() {
    return !!transition
  }

}

export default Util


/**
 * --------------------------------------------------------------------------
 * Private TransitionEnd Helpers
 * --------------------------------------------------------------------------
 */

let transition = false

const TransitionEndEvent = {
  WebkitTransition : 'webkitTransitionEnd',
  MozTransition    : 'transitionend',
  OTransition      : 'oTransitionEnd otransitionend',
  transition       : 'transitionend'
}

function getSpecialTransitionEndEvent() {
  return {
    bindType: transition.end,
    delegateType: transition.end,
    handle: function (event) {
      if ($(event.target).is(this)) {
        return event.handleObj.handler.apply(this, arguments)
      }
    }
  }
}

function transitionEndTest() {
  if (window.QUnit) {
    return false
  }

  let el = document.createElement('bootstrap')

  for (var name in TransitionEndEvent) {
    if (el.style[name] !== undefined) {
      return { end: TransitionEndEvent[name] }
    }
  }

  return false
}

function transitionEndEmulator(duration) {
  let called = false

  $(this).one(Util.TRANSITION_END, function () {
    called = true
  })

  setTimeout(() => {
    if (!called) {
      $(this).trigger(transition.end)
    }
  }, duration)

  return this
}

function setTransitionEndSupport() {
  transition = transitionEndTest()

  $.fn.emulateTransitionEnd = transitionEndEmulator

  if (Util.supportsTransitionEnd()) {
    $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent()
  }
}

setTransitionEndSupport()