mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-12 09:54:25 +01:00
e81e7cda90
* Move `getElementFromSelector` & getSelectorFromElement` inside selector-engine.js, in order to use SelectorEngine methods, avoiding raw querySelector usage * add `getMultipleElementsFromSelector` helper Co-authored-by: Julien Déramond <juderamond@gmail.com>
36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
/**
|
|
* --------------------------------------------------------------------------
|
|
* Bootstrap (v5.2.2): util/component-functions.js
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
* --------------------------------------------------------------------------
|
|
*/
|
|
|
|
import EventHandler from '../dom/event-handler.js'
|
|
import { isDisabled } from './index.js'
|
|
import SelectorEngine from '../dom/selector-engine.js'
|
|
|
|
const enableDismissTrigger = (component, method = 'hide') => {
|
|
const clickEvent = `click.dismiss${component.EVENT_KEY}`
|
|
const name = component.NAME
|
|
|
|
EventHandler.on(document, clickEvent, `[data-bs-dismiss="${name}"]`, function (event) {
|
|
if (['A', 'AREA'].includes(this.tagName)) {
|
|
event.preventDefault()
|
|
}
|
|
|
|
if (isDisabled(this)) {
|
|
return
|
|
}
|
|
|
|
const target = SelectorEngine.getElementFromSelector(this) || this.closest(`.${name}`)
|
|
const instance = component.getOrCreateInstance(target)
|
|
|
|
// Method argument is left, for Alert and only, as it doesn't implement the 'hide' method
|
|
instance[method]()
|
|
})
|
|
}
|
|
|
|
export {
|
|
enableDismissTrigger
|
|
}
|