Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
button.js 4.21 KiB
1 
/**
2 
 * --------------------------------------------------------------------------
3 
 * Bootstrap (v4.0.0): button.js
4 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 
 * --------------------------------------------------------------------------
6 
 */
7
8 
const Button = (($) => {
9
10
11 
  /**
12 
   * ------------------------------------------------------------------------
13 
   * Constants
14 
   * ------------------------------------------------------------------------
15 
   */
16
17 
  const NAME                = 'button'
18 
  const VERSION             = '4.0.0'
19 
  const DATA_KEY            = 'bs.button'
20 
  const EVENT_KEY           = `.${DATA_KEY}`
21 
  const DATA_API_KEY        = '.data-api'
22 
  const JQUERY_NO_CONFLICT  = $.fn[NAME]
23
24 
  const ClassName = {
25 
    ACTIVE : 'active',
26 
    BUTTON : 'btn',
27 
    FOCUS  : 'focus'
28 
  }
29
30 
  const Selector = {
31 
    DATA_TOGGLE_CARROT : '[data-toggle^="button"]',
32 
    DATA_TOGGLE        : '[data-toggle="buttons"]',
33 
    INPUT              : 'input',
34 
    ACTIVE             : '.active',
35 
    BUTTON             : '.btn'
36 
  }
37
38 
  const Event = {
39 
    CLICK_DATA_API      : `click${EVENT_KEY}${DATA_API_KEY}`,
40 
    FOCUS_BLUR_DATA_API : `focus${EVENT_KEY}${DATA_API_KEY} `
41 
                        + `blur${EVENT_KEY}${DATA_API_KEY}`
42 
  }
43
44
45 
  /**
46 
   * ------------------------------------------------------------------------
47 
   * Class Definition
48 
   * ------------------------------------------------------------------------
49 
   */
50
51 
  class Button {
52
53 
    constructor(element) {
54 
      this._element = element
55 
    }
56
57
58 
    // getters
59
60 
    static get VERSION() {
61 
      return VERSION
62 
    }
63
64
65 
    // public
66
67 
    toggle() {
68 
      let triggerChangeEvent = true
69 
      let rootElement        = $(this._element).closest(
70 
        Selector.DATA_TOGGLE
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
)[0] if (rootElement) { let input = $(this._element).find(Selector.INPUT)[0] if (input) { if (input.type === 'radio') { if (input.checked && $(this._element).hasClass(ClassName.ACTIVE)) { triggerChangeEvent = false } else { let activeElement = $(rootElement).find(Selector.ACTIVE)[0] if (activeElement) { $(activeElement).removeClass(ClassName.ACTIVE) } } } if (triggerChangeEvent) { input.checked = !$(this._element).hasClass(ClassName.ACTIVE) $(this._element).trigger('change') } } } else { this._element.setAttribute('aria-pressed', !$(this._element).hasClass(ClassName.ACTIVE)) } if (triggerChangeEvent) { $(this._element).toggleClass(ClassName.ACTIVE) } } dispose() { $.removeData(this._element, DATA_KEY) this._element = null } // static static _jQueryInterface(config) { return this.each(function () { let data = $(this).data(DATA_KEY) if (!data) { data = new Button(this) $(this).data(DATA_KEY, data) } if (config === 'toggle') { data[config]() } }) } } /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ $(document) .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => { event.preventDefault()
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
let button = event.target if (!$(button).hasClass(ClassName.BUTTON)) { button = $(button).closest(Selector.BUTTON) } Button._jQueryInterface.call($(button), 'toggle') }) .on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => { let button = $(event.target).closest(Selector.BUTTON)[0] $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type)) }) /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ */ $.fn[NAME] = Button._jQueryInterface $.fn[NAME].Constructor = Button $.fn[NAME].noConflict = function () { $.fn[NAME] = JQUERY_NO_CONFLICT return Button._jQueryInterface } return Button })(jQuery) export default Button