Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
popover.js 4.37 KiB
1 
import Tooltip from './tooltip'
2
3
4 
/**
5 
 * --------------------------------------------------------------------------
6 
 * Bootstrap (v4.0.0): popover.js
7 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
8 
 * --------------------------------------------------------------------------
9 
 */
10
11 
const Popover = (($) => {
12
13
14 
  /**
15 
   * ------------------------------------------------------------------------
16 
   * Constants
17 
   * ------------------------------------------------------------------------
18 
   */
19
20 
  const NAME                = 'popover'
21 
  const VERSION             = '4.0.0'
22 
  const DATA_KEY            = 'bs.popover'
23 
  const EVENT_KEY           = `.${DATA_KEY}`
24 
  const JQUERY_NO_CONFLICT  = $.fn[NAME]
25
26 
  const Default = $.extend({}, Tooltip.Default, {
27 
    placement : 'right',
28 
    trigger   : 'click',
29 
    content   : '',
30 
    template  : '<div class="popover" role="tooltip">'
31 
              + '<div class="popover-arrow"></div>'
32 
              + '<h3 class="popover-title"></h3>'
33 
              + '<div class="popover-content"></div></div>'
34 
  })
35
36 
  const DefaultType = $.extend({}, Tooltip.DefaultType, {
37 
    content : '(string|function)'
38 
  })
39
40 
  const ClassName = {
41 
    FADE : 'fade',
42 
    IN  : 'in'
43 
  }
44
45 
  const Selector = {
46 
    TITLE   : '.popover-title',
47 
    CONTENT : '.popover-content',
48 
    ARROW   : '.popover-arrow'
49 
  }
50
51 
  const Event = {
52 
    HIDE       : `hide${EVENT_KEY}`,
53 
    HIDDEN     : `hidden${EVENT_KEY}`,
54 
    SHOW       : `show${EVENT_KEY}`,
55 
    SHOWN      : `shown${EVENT_KEY}`,
56 
    INSERTED   : `inserted${EVENT_KEY}`,
57 
    CLICK      : `click${EVENT_KEY}`,
58 
    FOCUSIN    : `focusin${EVENT_KEY}`,
59 
    FOCUSOUT   : `focusout${EVENT_KEY}`,
60 
    MOUSEENTER : `mouseenter${EVENT_KEY}`,
61 
    MOUSELEAVE : `mouseleave${EVENT_KEY}`
62 
  }
63
64
65 
  /**
66 
   * ------------------------------------------------------------------------
67 
   * Class Definition
68 
   * ------------------------------------------------------------------------
69 
   */
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
class Popover extends Tooltip { // getters static get VERSION() { return VERSION } static get Default() { return Default } static get NAME() { return NAME } static get DATA_KEY() { return DATA_KEY } static get Event() { return Event } static get EVENT_KEY() { return EVENT_KEY } static get DefaultType() { return DefaultType } // overrides isWithContent() { return this.getTitle() || this._getContent() } getTipElement() { return (this.tip = this.tip || $(this.config.template)[0]) } setContent() { let tip = this.getTipElement() let title = this.getTitle() let content = this._getContent() let titleElement = $(tip).find(Selector.TITLE)[0] if (titleElement) { titleElement[ this.config.html ? 'innerHTML' : 'innerText' ] = title } // we use append for html objects to maintain js events $(tip).find(Selector.CONTENT).children().detach().end()[ this.config.html ? (typeof content === 'string' ? 'html' : 'append') : 'text' ](content) $(tip) .removeClass(ClassName.FADE) .removeClass(ClassName.IN) this.cleanupTether() } // private
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
_getContent() { return this.element.getAttribute('data-content') || (typeof this.config.content === 'function' ? this.config.content.call(this.element) : this.config.content) } // static static _jQueryInterface(config) { return this.each(function () { let data = $(this).data(DATA_KEY) let _config = typeof config === 'object' ? config : null if (!data && /destroy|hide/.test(config)) { return } if (!data) { data = new Popover(this, _config) $(this).data(DATA_KEY, data) } if (typeof config === 'string') { data[config]() } }) } } /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $.fn[NAME] = Popover._jQueryInterface $.fn[NAME].Constructor = Popover $.fn[NAME].noConflict = function () { $.fn[NAME] = JQUERY_NO_CONFLICT return Popover._jQueryInterface } return Popover })(jQuery) export default Popover