aboutsummaryrefslogtreecommitdiffstats
path: root/vendor/twbs/bootstrap/js/src/alert.js
diff options
context:
space:
mode:
Diffstat (limited to 'vendor/twbs/bootstrap/js/src/alert.js')
-rw-r--r--vendor/twbs/bootstrap/js/src/alert.js68
1 files changed, 47 insertions, 21 deletions
diff --git a/vendor/twbs/bootstrap/js/src/alert.js b/vendor/twbs/bootstrap/js/src/alert.js
index 97b305138..75dbec71b 100644
--- a/vendor/twbs/bootstrap/js/src/alert.js
+++ b/vendor/twbs/bootstrap/js/src/alert.js
@@ -1,14 +1,16 @@
/**
* --------------------------------------------------------------------------
- * Bootstrap (v5.1.1): alert.js
+ * Bootstrap (v5.0.2): alert.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
-import { defineJQueryPlugin } from './util/index'
+import {
+ defineJQueryPlugin,
+ getElementFromSelector
+} from './util/index'
import EventHandler from './dom/event-handler'
import BaseComponent from './base-component'
-import { enableDismissTrigger } from './util/component-functions'
/**
* ------------------------------------------------------------------------
@@ -19,9 +21,15 @@ import { enableDismissTrigger } from './util/component-functions'
const NAME = 'alert'
const DATA_KEY = 'bs.alert'
const EVENT_KEY = `.${DATA_KEY}`
+const DATA_API_KEY = '.data-api'
+
+const SELECTOR_DISMISS = '[data-bs-dismiss="alert"]'
const EVENT_CLOSE = `close${EVENT_KEY}`
const EVENT_CLOSED = `closed${EVENT_KEY}`
+const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`
+
+const CLASS_NAME_ALERT = 'alert'
const CLASS_NAME_FADE = 'fade'
const CLASS_NAME_SHOW = 'show'
@@ -40,24 +48,38 @@ class Alert extends BaseComponent {
// Public
- close() {
- const closeEvent = EventHandler.trigger(this._element, EVENT_CLOSE)
+ close(element) {
+ const rootElement = element ? this._getRootElement(element) : this._element
+ const customEvent = this._triggerCloseEvent(rootElement)
- if (closeEvent.defaultPrevented) {
+ if (customEvent === null || customEvent.defaultPrevented) {
return
}
- this._element.classList.remove(CLASS_NAME_SHOW)
-
- const isAnimated = this._element.classList.contains(CLASS_NAME_FADE)
- this._queueCallback(() => this._destroyElement(), this._element, isAnimated)
+ this._removeElement(rootElement)
}
// Private
- _destroyElement() {
- this._element.remove()
- EventHandler.trigger(this._element, EVENT_CLOSED)
- this.dispose()
+
+ _getRootElement(element) {
+ return getElementFromSelector(element) || element.closest(`.${CLASS_NAME_ALERT}`)
+ }
+
+ _triggerCloseEvent(element) {
+ return EventHandler.trigger(element, EVENT_CLOSE)
+ }
+
+ _removeElement(element) {
+ element.classList.remove(CLASS_NAME_SHOW)
+
+ const isAnimated = element.classList.contains(CLASS_NAME_FADE)
+ this._queueCallback(() => this._destroyElement(element), element, isAnimated)
+ }
+
+ _destroyElement(element) {
+ element.remove()
+
+ EventHandler.trigger(element, EVENT_CLOSED)
}
// Static
@@ -66,16 +88,20 @@ class Alert extends BaseComponent {
return this.each(function () {
const data = Alert.getOrCreateInstance(this)
- if (typeof config !== 'string') {
- return
+ if (config === 'close') {
+ data[config](this)
}
+ })
+ }
- if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
- throw new TypeError(`No method named "${config}"`)
+ static handleDismiss(alertInstance) {
+ return function (event) {
+ if (event) {
+ event.preventDefault()
}
- data[config](this)
- })
+ alertInstance.close(this)
+ }
}
}
@@ -85,7 +111,7 @@ class Alert extends BaseComponent {
* ------------------------------------------------------------------------
*/
-enableDismissTrigger(Alert, 'close')
+EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DISMISS, Alert.handleDismiss(new Alert()))
/**
* ------------------------------------------------------------------------