Code Duplication    Length = 504-507 lines in 2 locations

js/tooltip.js 1 location

@@ 11-517 (lines=507) @@
8
 * ======================================================================== */
9
10
11
+function ($) {
12
  'use strict';
13
14
  // TOOLTIP PUBLIC CLASS DEFINITION
15
  // ===============================
16
17
  var Tooltip = function (element, options) {
18
    this.type       = null
19
    this.options    = null
20
    this.enabled    = null
21
    this.timeout    = null
22
    this.hoverState = null
23
    this.$element   = null
24
    this.inState    = null
25
26
    this.init('tooltip', element, options)
27
  }
28
29
  Tooltip.VERSION  = '3.3.6'
30
31
  Tooltip.TRANSITION_DURATION = 150
32
33
  Tooltip.DEFAULTS = {
34
    animation: true,
35
    placement: 'top',
36
    selector: false,
37
    template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
38
    trigger: 'hover focus',
39
    title: '',
40
    delay: 0,
41
    html: false,
42
    container: false,
43
    viewport: {
44
      selector: 'body',
45
      padding: 0
46
    }
47
  }
48
49
  Tooltip.prototype.init = function (type, element, options) {
50
    this.enabled   = true
51
    this.type      = type
52
    this.$element  = $(element)
53
    this.options   = this.getOptions(options)
54
    this.$viewport = this.options.viewport && $($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport))
55
    this.inState   = { click: false, hover: false, focus: false }
56
57
    if (this.$element[0] instanceof document.constructor && !this.options.selector) {
58
      throw new Error('`selector` option must be specified when initializing ' + this.type + ' on the window.document object!')
59
    }
60
61
    var triggers = this.options.trigger.split(' ')
62
63
    for (var i = triggers.length; i--;) {
64
      var trigger = triggers[i]
65
66
      if (trigger == 'click') {
67
        this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
68
      } else if (trigger != 'manual') {
69
        var eventIn  = trigger == 'hover' ? 'mouseenter' : 'focusin'
70
        var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'
71
72
        this.$element.on(eventIn  + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
73
        this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
74
      }
75
    }
76
77
    this.options.selector ?
78
      (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
79
      this.fixTitle()
80
  }
81
82
  Tooltip.prototype.getDefaults = function () {
83
    return Tooltip.DEFAULTS
84
  }
85
86
  Tooltip.prototype.getOptions = function (options) {
87
    options = $.extend({}, this.getDefaults(), this.$element.data(), options)
88
89
    if (options.delay && typeof options.delay == 'number') {
90
      options.delay = {
91
        show: options.delay,
92
        hide: options.delay
93
      }
94
    }
95
96
    return options
97
  }
98
99
  Tooltip.prototype.getDelegateOptions = function () {
100
    var options  = {}
101
    var defaults = this.getDefaults()
102
103
    this._options && $.each(this._options, function (key, value) {
104
      if (defaults[key] != value) options[key] = value
105
    })
106
107
    return options
108
  }
109
110
  Tooltip.prototype.enter = function (obj) {
111
    var self = obj instanceof this.constructor ?
112
      obj : $(obj.currentTarget).data('bs.' + this.type)
113
114
    if (!self) {
115
      self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
116
      $(obj.currentTarget).data('bs.' + this.type, self)
117
    }
118
119
    if (obj instanceof $.Event) {
120
      self.inState[obj.type == 'focusin' ? 'focus' : 'hover'] = true
121
    }
122
123
    if (self.tip().hasClass('in') || self.hoverState == 'in') {
124
      self.hoverState = 'in'
125
      return
126
    }
127
128
    clearTimeout(self.timeout)
129
130
    self.hoverState = 'in'
131
132
    if (!self.options.delay || !self.options.delay.show) return self.show()
133
134
    self.timeout = setTimeout(function () {
135
      if (self.hoverState == 'in') self.show()
136
    }, self.options.delay.show)
137
  }
138
139
  Tooltip.prototype.isInStateTrue = function () {
140
    for (var key in this.inState) {
141
      if (this.inState[key]) return true
142
    }
143
144
    return false
145
  }
146
147
  Tooltip.prototype.leave = function (obj) {
148
    var self = obj instanceof this.constructor ?
149
      obj : $(obj.currentTarget).data('bs.' + this.type)
150
151
    if (!self) {
152
      self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
153
      $(obj.currentTarget).data('bs.' + this.type, self)
154
    }
155
156
    if (obj instanceof $.Event) {
157
      self.inState[obj.type == 'focusout' ? 'focus' : 'hover'] = false
158
    }
159
160
    if (self.isInStateTrue()) return
161
162
    clearTimeout(self.timeout)
163
164
    self.hoverState = 'out'
165
166
    if (!self.options.delay || !self.options.delay.hide) return self.hide()
167
168
    self.timeout = setTimeout(function () {
169
      if (self.hoverState == 'out') self.hide()
170
    }, self.options.delay.hide)
171
  }
172
173
  Tooltip.prototype.show = function () {
174
    var e = $.Event('show.bs.' + this.type)
175
176
    if (this.hasContent() && this.enabled) {
177
      this.$element.trigger(e)
178
179
      var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0])
180
      if (e.isDefaultPrevented() || !inDom) return
181
      var that = this
182
183
      var $tip = this.tip()
184
185
      var tipId = this.getUID(this.type)
186
187
      this.setContent()
188
      $tip.attr('id', tipId)
189
      this.$element.attr('aria-describedby', tipId)
190
191
      if (this.options.animation) $tip.addClass('fade')
192
193
      var placement = typeof this.options.placement == 'function' ?
194
        this.options.placement.call(this, $tip[0], this.$element[0]) :
195
        this.options.placement
196
197
      var autoToken = /\s?auto?\s?/i
198
      var autoPlace = autoToken.test(placement)
199
      if (autoPlace) placement = placement.replace(autoToken, '') || 'top'
200
201
      $tip
202
        .detach()
203
        .css({ top: 0, left: 0, display: 'block' })
204
        .addClass(placement)
205
        .data('bs.' + this.type, this)
206
207
      this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
208
      this.$element.trigger('inserted.bs.' + this.type)
209
210
      var pos          = this.getPosition()
211
      var actualWidth  = $tip[0].offsetWidth
212
      var actualHeight = $tip[0].offsetHeight
213
214
      if (autoPlace) {
215
        var orgPlacement = placement
216
        var viewportDim = this.getPosition(this.$viewport)
217
218
        placement = placement == 'bottom' && pos.bottom + actualHeight > viewportDim.bottom ? 'top'    :
219
                    placement == 'top'    && pos.top    - actualHeight < viewportDim.top    ? 'bottom' :
220
                    placement == 'right'  && pos.right  + actualWidth  > viewportDim.width  ? 'left'   :
221
                    placement == 'left'   && pos.left   - actualWidth  < viewportDim.left   ? 'right'  :
222
                    placement
223
224
        $tip
225
          .removeClass(orgPlacement)
226
          .addClass(placement)
227
      }
228
229
      var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
230
231
      this.applyPlacement(calculatedOffset, placement)
232
233
      var complete = function () {
234
        var prevHoverState = that.hoverState
235
        that.$element.trigger('shown.bs.' + that.type)
236
        that.hoverState = null
237
238
        if (prevHoverState == 'out') that.leave(that)
239
      }
240
241
      $.support.transition && this.$tip.hasClass('fade') ?
242
        $tip
243
          .one('bsTransitionEnd', complete)
244
          .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) :
245
        complete()
246
    }
247
  }
248
249
  Tooltip.prototype.applyPlacement = function (offset, placement) {
250
    var $tip   = this.tip()
251
    var width  = $tip[0].offsetWidth
252
    var height = $tip[0].offsetHeight
253
254
    // manually read margins because getBoundingClientRect includes difference
255
    var marginTop = parseInt($tip.css('margin-top'), 10)
256
    var marginLeft = parseInt($tip.css('margin-left'), 10)
257
258
    // we must check for NaN for ie 8/9
259
    if (isNaN(marginTop))  marginTop  = 0
260
    if (isNaN(marginLeft)) marginLeft = 0
261
262
    offset.top  += marginTop
263
    offset.left += marginLeft
264
265
    // $.fn.offset doesn't round pixel values
266
    // so we use setOffset directly with our own function B-0
267
    $.offset.setOffset($tip[0], $.extend({
268
      using: function (props) {
269
        $tip.css({
270
          top: Math.round(props.top),
271
          left: Math.round(props.left)
272
        })
273
      }
274
    }, offset), 0)
275
276
    $tip.addClass('in')
277
278
    // check to see if placing tip in new offset caused the tip to resize itself
279
    var actualWidth  = $tip[0].offsetWidth
280
    var actualHeight = $tip[0].offsetHeight
281
282
    if (placement == 'top' && actualHeight != height) {
283
      offset.top = offset.top + height - actualHeight
284
    }
285
286
    var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight)
287
288
    if (delta.left) offset.left += delta.left
289
    else offset.top += delta.top
290
291
    var isVertical          = /top|bottom/.test(placement)
292
    var arrowDelta          = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight
293
    var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight'
294
295
    $tip.offset(offset)
296
    this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical)
297
  }
298
299
  Tooltip.prototype.replaceArrow = function (delta, dimension, isVertical) {
300
    this.arrow()
301
      .css(isVertical ? 'left' : 'top', 50 * (1 - delta / dimension) + '%')
302
      .css(isVertical ? 'top' : 'left', '')
303
  }
304
305
  Tooltip.prototype.setContent = function () {
306
    var $tip  = this.tip()
307
    var title = this.getTitle()
308
309
    $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
310
    $tip.removeClass('fade in top bottom left right')
311
  }
312
313
  Tooltip.prototype.hide = function (callback) {
314
    var that = this
315
    var $tip = $(this.$tip)
316
    var e    = $.Event('hide.bs.' + this.type)
317
318
    function complete() {
319
      if (that.hoverState != 'in') $tip.detach()
320
      if (that.$element) { // TODO: Check whether guarding this code with this `if` is really necessary.
321
        that.$element
322
          .removeAttr('aria-describedby')
323
          .trigger('hidden.bs.' + that.type)
324
      }
325
      callback && callback()
326
    }
327
328
    this.$element.trigger(e)
329
330
    if (e.isDefaultPrevented()) return
331
332
    $tip.removeClass('in')
333
334
    $.support.transition && $tip.hasClass('fade') ?
335
      $tip
336
        .one('bsTransitionEnd', complete)
337
        .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) :
338
      complete()
339
340
    this.hoverState = null
341
342
    return this
343
  }
344
345
  Tooltip.prototype.fixTitle = function () {
346
    var $e = this.$element
347
    if ($e.attr('title') || typeof $e.attr('data-original-title') != 'string') {
348
      $e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
349
    }
350
  }
351
352
  Tooltip.prototype.hasContent = function () {
353
    return this.getTitle()
354
  }
355
356
  Tooltip.prototype.getPosition = function ($element) {
357
    $element   = $element || this.$element
358
359
    var el     = $element[0]
360
    var isBody = el.tagName == 'BODY'
361
362
    var elRect    = el.getBoundingClientRect()
363
    if (elRect.width == null) {
364
      // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093
365
      elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top })
366
    }
367
    var elOffset  = isBody ? { top: 0, left: 0 } : $element.offset()
368
    var scroll    = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() }
369
    var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null
370
371
    return $.extend({}, elRect, scroll, outerDims, elOffset)
372
  }
373
374
  Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {
375
    return placement == 'bottom' ? { top: pos.top + pos.height,   left: pos.left + pos.width / 2 - actualWidth / 2 } :
376
           placement == 'top'    ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } :
377
           placement == 'left'   ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } :
378
        /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }
379
380
  }
381
382
  Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) {
383
    var delta = { top: 0, left: 0 }
384
    if (!this.$viewport) return delta
385
386
    var viewportPadding = this.options.viewport && this.options.viewport.padding || 0
387
    var viewportDimensions = this.getPosition(this.$viewport)
388
389
    if (/right|left/.test(placement)) {
390
      var topEdgeOffset    = pos.top - viewportPadding - viewportDimensions.scroll
391
      var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight
392
      if (topEdgeOffset < viewportDimensions.top) { // top overflow
393
        delta.top = viewportDimensions.top - topEdgeOffset
394
      } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow
395
        delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset
396
      }
397
    } else {
398
      var leftEdgeOffset  = pos.left - viewportPadding
399
      var rightEdgeOffset = pos.left + viewportPadding + actualWidth
400
      if (leftEdgeOffset < viewportDimensions.left) { // left overflow
401
        delta.left = viewportDimensions.left - leftEdgeOffset
402
      } else if (rightEdgeOffset > viewportDimensions.right) { // right overflow
403
        delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset
404
      }
405
    }
406
407
    return delta
408
  }
409
410
  Tooltip.prototype.getTitle = function () {
411
    var title
412
    var $e = this.$element
413
    var o  = this.options
414
415
    title = $e.attr('data-original-title')
416
      || (typeof o.title == 'function' ? o.title.call($e[0]) :  o.title)
417
418
    return title
419
  }
420
421
  Tooltip.prototype.getUID = function (prefix) {
422
    do prefix += ~~(Math.random() * 1000000)
423
    while (document.getElementById(prefix))
424
    return prefix
425
  }
426
427
  Tooltip.prototype.tip = function () {
428
    if (!this.$tip) {
429
      this.$tip = $(this.options.template)
430
      if (this.$tip.length != 1) {
431
        throw new Error(this.type + ' `template` option must consist of exactly 1 top-level element!')
432
      }
433
    }
434
    return this.$tip
435
  }
436
437
  Tooltip.prototype.arrow = function () {
438
    return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow'))
439
  }
440
441
  Tooltip.prototype.enable = function () {
442
    this.enabled = true
443
  }
444
445
  Tooltip.prototype.disable = function () {
446
    this.enabled = false
447
  }
448
449
  Tooltip.prototype.toggleEnabled = function () {
450
    this.enabled = !this.enabled
451
  }
452
453
  Tooltip.prototype.toggle = function (e) {
454
    var self = this
455
    if (e) {
456
      self = $(e.currentTarget).data('bs.' + this.type)
457
      if (!self) {
458
        self = new this.constructor(e.currentTarget, this.getDelegateOptions())
459
        $(e.currentTarget).data('bs.' + this.type, self)
460
      }
461
    }
462
463
    if (e) {
464
      self.inState.click = !self.inState.click
465
      if (self.isInStateTrue()) self.enter(self)
466
      else self.leave(self)
467
    } else {
468
      self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
469
    }
470
  }
471
472
  Tooltip.prototype.destroy = function () {
473
    var that = this
474
    clearTimeout(this.timeout)
475
    this.hide(function () {
476
      that.$element.off('.' + that.type).removeData('bs.' + that.type)
477
      if (that.$tip) {
478
        that.$tip.detach()
479
      }
480
      that.$tip = null
481
      that.$arrow = null
482
      that.$viewport = null
483
      that.$element = null
484
    })
485
  }
486
487
488
  // TOOLTIP PLUGIN DEFINITION
489
  // =========================
490
491
  function Plugin(option) {
492
    return this.each(function () {
493
      var $this   = $(this)
494
      var data    = $this.data('bs.tooltip')
495
      var options = typeof option == 'object' && option
496
497
      if (!data && /destroy|hide/.test(option)) return
498
      if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
499
      if (typeof option == 'string') data[option]()
500
    })
501
  }
502
503
  var old = $.fn.tooltip
504
505
  $.fn.tooltip             = Plugin
506
  $.fn.tooltip.Constructor = Tooltip
507
508
509
  // TOOLTIP NO CONFLICT
510
  // ===================
511
512
  $.fn.tooltip.noConflict = function () {
513
    $.fn.tooltip = old
514
    return this
515
  }
516
517
}(jQuery);

js/bootstrap.js 1 location

@@ 1259-1762 (lines=504) @@
1256
 * ======================================================================== */
1257
1258
1259
+function ($) {
1260
  'use strict';
1261
1262
  // TOOLTIP PUBLIC CLASS DEFINITION
1263
  // ===============================
1264
1265
  var Tooltip = function (element, options) {
1266
    this.type       = null
1267
    this.options    = null
1268
    this.enabled    = null
1269
    this.timeout    = null
1270
    this.hoverState = null
1271
    this.$element   = null
1272
    this.inState    = null
1273
1274
    this.init('tooltip', element, options)
1275
  }
1276
1277
  Tooltip.VERSION  = '3.3.6'
1278
1279
  Tooltip.TRANSITION_DURATION = 150
1280
1281
  Tooltip.DEFAULTS = {
1282
    animation: true,
1283
    placement: 'top',
1284
    selector: false,
1285
    template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
1286
    trigger: 'hover focus',
1287
    title: '',
1288
    delay: 0,
1289
    html: false,
1290
    container: false,
1291
    viewport: {
1292
      selector: 'body',
1293
      padding: 0
1294
    }
1295
  }
1296
1297
  Tooltip.prototype.init = function (type, element, options) {
1298
    this.enabled   = true
1299
    this.type      = type
1300
    this.$element  = $(element)
1301
    this.options   = this.getOptions(options)
1302
    this.$viewport = this.options.viewport && $($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport))
1303
    this.inState   = { click: false, hover: false, focus: false }
1304
1305
    if (this.$element[0] instanceof document.constructor && !this.options.selector) {
1306
      throw new Error('`selector` option must be specified when initializing ' + this.type + ' on the window.document object!')
1307
    }
1308
1309
    var triggers = this.options.trigger.split(' ')
1310
1311
    for (var i = triggers.length; i--;) {
1312
      var trigger = triggers[i]
1313
1314
      if (trigger == 'click') {
1315
        this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
1316
      } else if (trigger != 'manual') {
1317
        var eventIn  = trigger == 'hover' ? 'mouseenter' : 'focusin'
1318
        var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'
1319
1320
        this.$element.on(eventIn  + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
1321
        this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
1322
      }
1323
    }
1324
1325
    this.options.selector ?
1326
      (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
1327
      this.fixTitle()
1328
  }
1329
1330
  Tooltip.prototype.getDefaults = function () {
1331
    return Tooltip.DEFAULTS
1332
  }
1333
1334
  Tooltip.prototype.getOptions = function (options) {
1335
    options = $.extend({}, this.getDefaults(), this.$element.data(), options)
1336
1337
    if (options.delay && typeof options.delay == 'number') {
1338
      options.delay = {
1339
        show: options.delay,
1340
        hide: options.delay
1341
      }
1342
    }
1343
1344
    return options
1345
  }
1346
1347
  Tooltip.prototype.getDelegateOptions = function () {
1348
    var options  = {}
1349
    var defaults = this.getDefaults()
1350
1351
    this._options && $.each(this._options, function (key, value) {
1352
      if (defaults[key] != value) options[key] = value
1353
    })
1354
1355
    return options
1356
  }
1357
1358
  Tooltip.prototype.enter = function (obj) {
1359
    var self = obj instanceof this.constructor ?
1360
      obj : $(obj.currentTarget).data('bs.' + this.type)
1361
1362
    if (!self) {
1363
      self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
1364
      $(obj.currentTarget).data('bs.' + this.type, self)
1365
    }
1366
1367
    if (obj instanceof $.Event) {
1368
      self.inState[obj.type == 'focusin' ? 'focus' : 'hover'] = true
1369
    }
1370
1371
    if (self.tip().hasClass('in') || self.hoverState == 'in') {
1372
      self.hoverState = 'in'
1373
      return
1374
    }
1375
1376
    clearTimeout(self.timeout)
1377
1378
    self.hoverState = 'in'
1379
1380
    if (!self.options.delay || !self.options.delay.show) return self.show()
1381
1382
    self.timeout = setTimeout(function () {
1383
      if (self.hoverState == 'in') self.show()
1384
    }, self.options.delay.show)
1385
  }
1386
1387
  Tooltip.prototype.isInStateTrue = function () {
1388
    for (var key in this.inState) {
1389
      if (this.inState[key]) return true
1390
    }
1391
1392
    return false
1393
  }
1394
1395
  Tooltip.prototype.leave = function (obj) {
1396
    var self = obj instanceof this.constructor ?
1397
      obj : $(obj.currentTarget).data('bs.' + this.type)
1398
1399
    if (!self) {
1400
      self = new this.constructor(obj.currentTarget, this.getDelegateOptions())
1401
      $(obj.currentTarget).data('bs.' + this.type, self)
1402
    }
1403
1404
    if (obj instanceof $.Event) {
1405
      self.inState[obj.type == 'focusout' ? 'focus' : 'hover'] = false
1406
    }
1407
1408
    if (self.isInStateTrue()) return
1409
1410
    clearTimeout(self.timeout)
1411
1412
    self.hoverState = 'out'
1413
1414
    if (!self.options.delay || !self.options.delay.hide) return self.hide()
1415
1416
    self.timeout = setTimeout(function () {
1417
      if (self.hoverState == 'out') self.hide()
1418
    }, self.options.delay.hide)
1419
  }
1420
1421
  Tooltip.prototype.show = function () {
1422
    var e = $.Event('show.bs.' + this.type)
1423
1424
    if (this.hasContent() && this.enabled) {
1425
      this.$element.trigger(e)
1426
1427
      var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0])
1428
      if (e.isDefaultPrevented() || !inDom) return
1429
      var that = this
1430
1431
      var $tip = this.tip()
1432
1433
      var tipId = this.getUID(this.type)
1434
1435
      this.setContent()
1436
      $tip.attr('id', tipId)
1437
      this.$element.attr('aria-describedby', tipId)
1438
1439
      if (this.options.animation) $tip.addClass('fade')
1440
1441
      var placement = typeof this.options.placement == 'function' ?
1442
        this.options.placement.call(this, $tip[0], this.$element[0]) :
1443
        this.options.placement
1444
1445
      var autoToken = /\s?auto?\s?/i
1446
      var autoPlace = autoToken.test(placement)
1447
      if (autoPlace) placement = placement.replace(autoToken, '') || 'top'
1448
1449
      $tip
1450
        .detach()
1451
        .css({ top: 0, left: 0, display: 'block' })
1452
        .addClass(placement)
1453
        .data('bs.' + this.type, this)
1454
1455
      this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
1456
      this.$element.trigger('inserted.bs.' + this.type)
1457
1458
      var pos          = this.getPosition()
1459
      var actualWidth  = $tip[0].offsetWidth
1460
      var actualHeight = $tip[0].offsetHeight
1461
1462
      if (autoPlace) {
1463
        var orgPlacement = placement
1464
        var viewportDim = this.getPosition(this.$viewport)
1465
1466
        placement = placement == 'bottom' && pos.bottom + actualHeight > viewportDim.bottom ? 'top'    :
1467
                    placement == 'top'    && pos.top    - actualHeight < viewportDim.top    ? 'bottom' :
1468
                    placement == 'right'  && pos.right  + actualWidth  > viewportDim.width  ? 'left'   :
1469
                    placement == 'left'   && pos.left   - actualWidth  < viewportDim.left   ? 'right'  :
1470
                    placement
1471
1472
        $tip
1473
          .removeClass(orgPlacement)
1474
          .addClass(placement)
1475
      }
1476
1477
      var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
1478
1479
      this.applyPlacement(calculatedOffset, placement)
1480
1481
      var complete = function () {
1482
        var prevHoverState = that.hoverState
1483
        that.$element.trigger('shown.bs.' + that.type)
1484
        that.hoverState = null
1485
1486
        if (prevHoverState == 'out') that.leave(that)
1487
      }
1488
1489
      $.support.transition && this.$tip.hasClass('fade') ?
1490
        $tip
1491
          .one('bsTransitionEnd', complete)
1492
          .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) :
1493
        complete()
1494
    }
1495
  }
1496
1497
  Tooltip.prototype.applyPlacement = function (offset, placement) {
1498
    var $tip   = this.tip()
1499
    var width  = $tip[0].offsetWidth
1500
    var height = $tip[0].offsetHeight
1501
1502
    // manually read margins because getBoundingClientRect includes difference
1503
    var marginTop = parseInt($tip.css('margin-top'), 10)
1504
    var marginLeft = parseInt($tip.css('margin-left'), 10)
1505
1506
    // we must check for NaN for ie 8/9
1507
    if (isNaN(marginTop))  marginTop  = 0
1508
    if (isNaN(marginLeft)) marginLeft = 0
1509
1510
    offset.top  += marginTop
1511
    offset.left += marginLeft
1512
1513
    // $.fn.offset doesn't round pixel values
1514
    // so we use setOffset directly with our own function B-0
1515
    $.offset.setOffset($tip[0], $.extend({
1516
      using: function (props) {
1517
        $tip.css({
1518
          top: Math.round(props.top),
1519
          left: Math.round(props.left)
1520
        })
1521
      }
1522
    }, offset), 0)
1523
1524
    $tip.addClass('in')
1525
1526
    // check to see if placing tip in new offset caused the tip to resize itself
1527
    var actualWidth  = $tip[0].offsetWidth
1528
    var actualHeight = $tip[0].offsetHeight
1529
1530
    if (placement == 'top' && actualHeight != height) {
1531
      offset.top = offset.top + height - actualHeight
1532
    }
1533
1534
    var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight)
1535
1536
    if (delta.left) offset.left += delta.left
1537
    else offset.top += delta.top
1538
1539
    var isVertical          = /top|bottom/.test(placement)
1540
    var arrowDelta          = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight
1541
    var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight'
1542
1543
    $tip.offset(offset)
1544
    this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical)
1545
  }
1546
1547
  Tooltip.prototype.replaceArrow = function (delta, dimension, isVertical) {
1548
    this.arrow()
1549
      .css(isVertical ? 'left' : 'top', 50 * (1 - delta / dimension) + '%')
1550
      .css(isVertical ? 'top' : 'left', '')
1551
  }
1552
1553
  Tooltip.prototype.setContent = function () {
1554
    var $tip  = this.tip()
1555
    var title = this.getTitle()
1556
1557
    $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
1558
    $tip.removeClass('fade in top bottom left right')
1559
  }
1560
1561
  Tooltip.prototype.hide = function (callback) {
1562
    var that = this
1563
    var $tip = $(this.$tip)
1564
    var e    = $.Event('hide.bs.' + this.type)
1565
1566
    function complete() {
1567
      if (that.hoverState != 'in') $tip.detach()
1568
      that.$element
1569
        .removeAttr('aria-describedby')
1570
        .trigger('hidden.bs.' + that.type)
1571
      callback && callback()
1572
    }
1573
1574
    this.$element.trigger(e)
1575
1576
    if (e.isDefaultPrevented()) return
1577
1578
    $tip.removeClass('in')
1579
1580
    $.support.transition && $tip.hasClass('fade') ?
1581
      $tip
1582
        .one('bsTransitionEnd', complete)
1583
        .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) :
1584
      complete()
1585
1586
    this.hoverState = null
1587
1588
    return this
1589
  }
1590
1591
  Tooltip.prototype.fixTitle = function () {
1592
    var $e = this.$element
1593
    if ($e.attr('title') || typeof $e.attr('data-original-title') != 'string') {
1594
      $e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
1595
    }
1596
  }
1597
1598
  Tooltip.prototype.hasContent = function () {
1599
    return this.getTitle()
1600
  }
1601
1602
  Tooltip.prototype.getPosition = function ($element) {
1603
    $element   = $element || this.$element
1604
1605
    var el     = $element[0]
1606
    var isBody = el.tagName == 'BODY'
1607
1608
    var elRect    = el.getBoundingClientRect()
1609
    if (elRect.width == null) {
1610
      // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093
1611
      elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top })
1612
    }
1613
    var elOffset  = isBody ? { top: 0, left: 0 } : $element.offset()
1614
    var scroll    = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() }
1615
    var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null
1616
1617
    return $.extend({}, elRect, scroll, outerDims, elOffset)
1618
  }
1619
1620
  Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {
1621
    return placement == 'bottom' ? { top: pos.top + pos.height,   left: pos.left + pos.width / 2 - actualWidth / 2 } :
1622
           placement == 'top'    ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } :
1623
           placement == 'left'   ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } :
1624
        /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }
1625
1626
  }
1627
1628
  Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) {
1629
    var delta = { top: 0, left: 0 }
1630
    if (!this.$viewport) return delta
1631
1632
    var viewportPadding = this.options.viewport && this.options.viewport.padding || 0
1633
    var viewportDimensions = this.getPosition(this.$viewport)
1634
1635
    if (/right|left/.test(placement)) {
1636
      var topEdgeOffset    = pos.top - viewportPadding - viewportDimensions.scroll
1637
      var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight
1638
      if (topEdgeOffset < viewportDimensions.top) { // top overflow
1639
        delta.top = viewportDimensions.top - topEdgeOffset
1640
      } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow
1641
        delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset
1642
      }
1643
    } else {
1644
      var leftEdgeOffset  = pos.left - viewportPadding
1645
      var rightEdgeOffset = pos.left + viewportPadding + actualWidth
1646
      if (leftEdgeOffset < viewportDimensions.left) { // left overflow
1647
        delta.left = viewportDimensions.left - leftEdgeOffset
1648
      } else if (rightEdgeOffset > viewportDimensions.right) { // right overflow
1649
        delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset
1650
      }
1651
    }
1652
1653
    return delta
1654
  }
1655
1656
  Tooltip.prototype.getTitle = function () {
1657
    var title
1658
    var $e = this.$element
1659
    var o  = this.options
1660
1661
    title = $e.attr('data-original-title')
1662
      || (typeof o.title == 'function' ? o.title.call($e[0]) :  o.title)
1663
1664
    return title
1665
  }
1666
1667
  Tooltip.prototype.getUID = function (prefix) {
1668
    do prefix += ~~(Math.random() * 1000000)
1669
    while (document.getElementById(prefix))
1670
    return prefix
1671
  }
1672
1673
  Tooltip.prototype.tip = function () {
1674
    if (!this.$tip) {
1675
      this.$tip = $(this.options.template)
1676
      if (this.$tip.length != 1) {
1677
        throw new Error(this.type + ' `template` option must consist of exactly 1 top-level element!')
1678
      }
1679
    }
1680
    return this.$tip
1681
  }
1682
1683
  Tooltip.prototype.arrow = function () {
1684
    return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow'))
1685
  }
1686
1687
  Tooltip.prototype.enable = function () {
1688
    this.enabled = true
1689
  }
1690
1691
  Tooltip.prototype.disable = function () {
1692
    this.enabled = false
1693
  }
1694
1695
  Tooltip.prototype.toggleEnabled = function () {
1696
    this.enabled = !this.enabled
1697
  }
1698
1699
  Tooltip.prototype.toggle = function (e) {
1700
    var self = this
1701
    if (e) {
1702
      self = $(e.currentTarget).data('bs.' + this.type)
1703
      if (!self) {
1704
        self = new this.constructor(e.currentTarget, this.getDelegateOptions())
1705
        $(e.currentTarget).data('bs.' + this.type, self)
1706
      }
1707
    }
1708
1709
    if (e) {
1710
      self.inState.click = !self.inState.click
1711
      if (self.isInStateTrue()) self.enter(self)
1712
      else self.leave(self)
1713
    } else {
1714
      self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
1715
    }
1716
  }
1717
1718
  Tooltip.prototype.destroy = function () {
1719
    var that = this
1720
    clearTimeout(this.timeout)
1721
    this.hide(function () {
1722
      that.$element.off('.' + that.type).removeData('bs.' + that.type)
1723
      if (that.$tip) {
1724
        that.$tip.detach()
1725
      }
1726
      that.$tip = null
1727
      that.$arrow = null
1728
      that.$viewport = null
1729
    })
1730
  }
1731
1732
1733
  // TOOLTIP PLUGIN DEFINITION
1734
  // =========================
1735
1736
  function Plugin(option) {
1737
    return this.each(function () {
1738
      var $this   = $(this)
1739
      var data    = $this.data('bs.tooltip')
1740
      var options = typeof option == 'object' && option
1741
1742
      if (!data && /destroy|hide/.test(option)) return
1743
      if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
1744
      if (typeof option == 'string') data[option]()
1745
    })
1746
  }
1747
1748
  var old = $.fn.tooltip
1749
1750
  $.fn.tooltip             = Plugin
1751
  $.fn.tooltip.Constructor = Tooltip
1752
1753
1754
  // TOOLTIP NO CONFLICT
1755
  // ===================
1756
1757
  $.fn.tooltip.noConflict = function () {
1758
    $.fn.tooltip = old
1759
    return this
1760
  }
1761
1762
}(jQuery);
1763
1764
/* ========================================================================
1765
 * Bootstrap: popover.js v3.3.6