diff options
Diffstat (limited to 'vendor/twbs/bootstrap/js/src/alert.js')
-rw-r--r-- | vendor/twbs/bootstrap/js/src/alert.js | 68 |
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())) /** * ------------------------------------------------------------------------ |