talos

1
/**
2
 * --------------------------------------------------------------------------
3
 * Bootstrap (v4.6.1): toast.js
4
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
5
 * --------------------------------------------------------------------------
6
 */
7

8
import $ from 'jquery'
9
import Util from './util'
10

11
/**
12
 * Constants
13
 */
14

15
const NAME = 'toast'
16
const VERSION = '4.6.1'
17
const DATA_KEY = 'bs.toast'
18
const EVENT_KEY = `.${DATA_KEY}`
19
const JQUERY_NO_CONFLICT = $.fn[NAME]
20

21
const CLASS_NAME_FADE = 'fade'
22
const CLASS_NAME_HIDE = 'hide'
23
const CLASS_NAME_SHOW = 'show'
24
const CLASS_NAME_SHOWING = 'showing'
25

26
const EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY}`
27
const EVENT_HIDE = `hide${EVENT_KEY}`
28
const EVENT_HIDDEN = `hidden${EVENT_KEY}`
29
const EVENT_SHOW = `show${EVENT_KEY}`
30
const EVENT_SHOWN = `shown${EVENT_KEY}`
31

32
const SELECTOR_DATA_DISMISS = '[data-dismiss="toast"]'
33

34
const Default = {
35
  animation: true,
36
  autohide: true,
37
  delay: 500
38
}
39

40
const DefaultType = {
41
  animation: 'boolean',
42
  autohide: 'boolean',
43
  delay: 'number'
44
}
45

46
/**
47
 * Class definition
48
 */
49

50
class Toast {
51
  constructor(element, config) {
52
    this._element = element
53
    this._config = this._getConfig(config)
54
    this._timeout = null
55
    this._setListeners()
56
  }
57

58
  // Getters
59
  static get VERSION() {
60
    return VERSION
61
  }
62

63
  static get DefaultType() {
64
    return DefaultType
65
  }
66

67
  static get Default() {
68
    return Default
69
  }
70

71
  // Public
72
  show() {
73
    const showEvent = $.Event(EVENT_SHOW)
74

75
    $(this._element).trigger(showEvent)
76
    if (showEvent.isDefaultPrevented()) {
77
      return
78
    }
79

80
    this._clearTimeout()
81

82
    if (this._config.animation) {
83
      this._element.classList.add(CLASS_NAME_FADE)
84
    }
85

86
    const complete = () => {
87
      this._element.classList.remove(CLASS_NAME_SHOWING)
88
      this._element.classList.add(CLASS_NAME_SHOW)
89

90
      $(this._element).trigger(EVENT_SHOWN)
91

92
      if (this._config.autohide) {
93
        this._timeout = setTimeout(() => {
94
          this.hide()
95
        }, this._config.delay)
96
      }
97
    }
98

99
    this._element.classList.remove(CLASS_NAME_HIDE)
100
    Util.reflow(this._element)
101
    this._element.classList.add(CLASS_NAME_SHOWING)
102
    if (this._config.animation) {
103
      const transitionDuration = Util.getTransitionDurationFromElement(this._element)
104

105
      $(this._element)
106
        .one(Util.TRANSITION_END, complete)
107
        .emulateTransitionEnd(transitionDuration)
108
    } else {
109
      complete()
110
    }
111
  }
112

113
  hide() {
114
    if (!this._element.classList.contains(CLASS_NAME_SHOW)) {
115
      return
116
    }
117

118
    const hideEvent = $.Event(EVENT_HIDE)
119

120
    $(this._element).trigger(hideEvent)
121
    if (hideEvent.isDefaultPrevented()) {
122
      return
123
    }
124

125
    this._close()
126
  }
127

128
  dispose() {
129
    this._clearTimeout()
130

131
    if (this._element.classList.contains(CLASS_NAME_SHOW)) {
132
      this._element.classList.remove(CLASS_NAME_SHOW)
133
    }
134

135
    $(this._element).off(EVENT_CLICK_DISMISS)
136

137
    $.removeData(this._element, DATA_KEY)
138
    this._element = null
139
    this._config = null
140
  }
141

142
  // Private
143
  _getConfig(config) {
144
    config = {
145
      ...Default,
146
      ...$(this._element).data(),
147
      ...(typeof config === 'object' && config ? config : {})
148
    }
149

150
    Util.typeCheckConfig(
151
      NAME,
152
      config,
153
      this.constructor.DefaultType
154
    )
155

156
    return config
157
  }
158

159
  _setListeners() {
160
    $(this._element).on(EVENT_CLICK_DISMISS, SELECTOR_DATA_DISMISS, () => this.hide())
161
  }
162

163
  _close() {
164
    const complete = () => {
165
      this._element.classList.add(CLASS_NAME_HIDE)
166
      $(this._element).trigger(EVENT_HIDDEN)
167
    }
168

169
    this._element.classList.remove(CLASS_NAME_SHOW)
170
    if (this._config.animation) {
171
      const transitionDuration = Util.getTransitionDurationFromElement(this._element)
172

173
      $(this._element)
174
        .one(Util.TRANSITION_END, complete)
175
        .emulateTransitionEnd(transitionDuration)
176
    } else {
177
      complete()
178
    }
179
  }
180

181
  _clearTimeout() {
182
    clearTimeout(this._timeout)
183
    this._timeout = null
184
  }
185

186
  // Static
187
  static _jQueryInterface(config) {
188
    return this.each(function () {
189
      const $element = $(this)
190
      let data = $element.data(DATA_KEY)
191
      const _config = typeof config === 'object' && config
192

193
      if (!data) {
194
        data = new Toast(this, _config)
195
        $element.data(DATA_KEY, data)
196
      }
197

198
      if (typeof config === 'string') {
199
        if (typeof data[config] === 'undefined') {
200
          throw new TypeError(`No method named "${config}"`)
201
        }
202

203
        data[config](this)
204
      }
205
    })
206
  }
207
}
208

209
/**
210
 * jQuery
211
 */
212

213
$.fn[NAME] = Toast._jQueryInterface
214
$.fn[NAME].Constructor = Toast
215
$.fn[NAME].noConflict = () => {
216
  $.fn[NAME] = JQUERY_NO_CONFLICT
217
  return Toast._jQueryInterface
218
}
219

220
export default Toast
221