/
bootstrap.ts
69 lines (61 loc) · 1.86 KB
/
bootstrap.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
import query from '../utilities/query';
import ready from '../utilities/ready';
/**
* Invoke Bootstrap Dropdowns
* @param {*} element
*/
function invokeBootstrapDropdown(element)
{
document.addEventListener('click', (event) => {
if (element === event.target || element.contains(event.target)) {
event.preventDefault();
let instance = window['Bootstrap'].Dropdown.getOrCreateInstance(element, {
autoClose: true
});
// ByPass in Navbar restriction
// @see https://github.com/twbs/bootstrap/issues/32379#issuecomment-743910487
instance._inNavbar = false;
// Toggle Dropdown
instance.toggle();
} else {
let instance = window['Bootstrap'].Dropdown.getInstance(element, {
autoClose: true
});
if (instance && instance._isShown()) {
instance.toggle();
}
}
});
}
/**
* Invoke Bootstrap Tooltips
* @param {*} element
*/
function invokeBootstrapTooltip(element)
{
if (element.hasAttribute('data-rat-init')) {
return;
}
new window['Bootstrap'].Tooltip(element);
element.dataset.ratInit = '1';
}
/**
* Invoke Bootstrap Popovers
* @param {*} element
*/
function invokeBootstrapPopover(element)
{
if (element.hasAttribute('data-rat-init')) {
return;
}
new window['Bootstrap'].Popover(element);
element.dataset.ratInit = '1';
}
// Export Ready Handler
export default () => {
ready(() => {
query('[data-newshub-toggle="dropdown"]').map(el => invokeBootstrapDropdown(el));
query('[data-bs-toggle="tooltip"],[data-newshub-toggle="tooltip"]').map(el => invokeBootstrapTooltip(el));
query('[data-bs-toggle="popover"],[data-newshub-toggle="popover"]').map(el => invokeBootstrapPopover(el));
});
};