aboutsummaryrefslogtreecommitdiff
path: root/js/dist/dom/event-handler.js
diff options
context:
space:
mode:
authorXhmikosR <[email protected]>2021-08-18 07:29:56 +0300
committerGitHub <[email protected]>2021-08-18 07:29:56 +0300
commit433a148c9e61aa942801fd8101dfa5c4045fdaed (patch)
treef41db59fd06019169df5ea0338213ec0e298f226 /js/dist/dom/event-handler.js
parentb97cfa163b5098db70e03b27c91fca5dde9c267e (diff)
parent18b3e1ac71f73d006756684a285c5a818e2d1454 (diff)
downloadbootstrap-global-focus-vars.tar.xz
bootstrap-global-focus-vars.zip
Merge branch 'main' into global-focus-varsglobal-focus-vars
Diffstat (limited to 'js/dist/dom/event-handler.js')
-rw-r--r--js/dist/dom/event-handler.js180
1 files changed, 96 insertions, 84 deletions
diff --git a/js/dist/dom/event-handler.js b/js/dist/dom/event-handler.js
index 751acc0b1..b44c0824b 100644
--- a/js/dist/dom/event-handler.js
+++ b/js/dist/dom/event-handler.js
@@ -1,5 +1,5 @@
/*!
- * Bootstrap event-handler.js v5.0.0-beta2 (https://getbootstrap.com/)
+ * Bootstrap event-handler.js v5.1.0 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
@@ -11,14 +11,15 @@
/**
* --------------------------------------------------------------------------
- * Bootstrap (v5.0.0-beta2): util/index.js
+ * Bootstrap (v5.1.0): util/index.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
- var getjQuery = function getjQuery() {
- var _window = window,
- jQuery = _window.jQuery;
+ const getjQuery = () => {
+ const {
+ jQuery
+ } = window;
if (jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
return jQuery;
@@ -27,11 +28,9 @@
return null;
};
- document.documentElement.dir === 'rtl';
-
/**
* --------------------------------------------------------------------------
- * Bootstrap (v5.0.0-beta2): dom/event-handler.js
+ * Bootstrap (v5.1.0): dom/event-handler.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
@@ -41,17 +40,18 @@
* ------------------------------------------------------------------------
*/
- var namespaceRegex = /[^.]*(?=\..*)\.|.*/;
- var stripNameRegex = /\..*/;
- var stripUidRegex = /::\d+$/;
- var eventRegistry = {}; // Events storage
+ const namespaceRegex = /[^.]*(?=\..*)\.|.*/;
+ const stripNameRegex = /\..*/;
+ const stripUidRegex = /::\d+$/;
+ const eventRegistry = {}; // Events storage
- var uidEvent = 1;
- var customEvents = {
+ let uidEvent = 1;
+ const customEvents = {
mouseenter: 'mouseover',
mouseleave: 'mouseout'
};
- var nativeEvents = new Set(['click', 'dblclick', 'mouseup', 'mousedown', 'contextmenu', 'mousewheel', 'DOMMouseScroll', 'mouseover', 'mouseout', 'mousemove', 'selectstart', 'selectend', 'keydown', 'keypress', 'keyup', 'orientationchange', 'touchstart', 'touchmove', 'touchend', 'touchcancel', 'pointerdown', 'pointermove', 'pointerup', 'pointerleave', 'pointercancel', 'gesturestart', 'gesturechange', 'gestureend', 'focus', 'blur', 'change', 'reset', 'select', 'submit', 'focusin', 'focusout', 'load', 'unload', 'beforeunload', 'resize', 'move', 'DOMContentLoaded', 'readystatechange', 'error', 'abort', 'scroll']);
+ const customEventsRegex = /^(mouseenter|mouseleave)/i;
+ const nativeEvents = new Set(['click', 'dblclick', 'mouseup', 'mousedown', 'contextmenu', 'mousewheel', 'DOMMouseScroll', 'mouseover', 'mouseout', 'mousemove', 'selectstart', 'selectend', 'keydown', 'keypress', 'keyup', 'orientationchange', 'touchstart', 'touchmove', 'touchend', 'touchcancel', 'pointerdown', 'pointermove', 'pointerup', 'pointerleave', 'pointercancel', 'gesturestart', 'gesturechange', 'gestureend', 'focus', 'blur', 'change', 'reset', 'select', 'submit', 'focusin', 'focusout', 'load', 'unload', 'beforeunload', 'resize', 'move', 'DOMContentLoaded', 'readystatechange', 'error', 'abort', 'scroll']);
/**
* ------------------------------------------------------------------------
* Private methods
@@ -59,11 +59,11 @@
*/
function getUidEvent(element, uid) {
- return uid && uid + "::" + uidEvent++ || element.uidEvent || uidEvent++;
+ return uid && `${uid}::${uidEvent++}` || element.uidEvent || uidEvent++;
}
function getEvent(element) {
- var uid = getUidEvent(element);
+ const uid = getUidEvent(element);
element.uidEvent = uid;
eventRegistry[uid] = eventRegistry[uid] || {};
return eventRegistry[uid];
@@ -83,16 +83,18 @@
function bootstrapDelegationHandler(element, selector, fn) {
return function handler(event) {
- var domElements = element.querySelectorAll(selector);
+ const domElements = element.querySelectorAll(selector);
- for (var target = event.target; target && target !== this; target = target.parentNode) {
- for (var i = domElements.length; i--;) {
+ for (let {
+ target
+ } = event; target && target !== this; target = target.parentNode) {
+ for (let i = domElements.length; i--;) {
if (domElements[i] === target) {
event.delegateTarget = target;
if (handler.oneOff) {
// eslint-disable-next-line unicorn/consistent-destructuring
- EventHandler.off(element, event.type, fn);
+ EventHandler.off(element, event.type, selector, fn);
}
return fn.apply(target, [event]);
@@ -105,15 +107,11 @@
};
}
- function findHandler(events, handler, delegationSelector) {
- if (delegationSelector === void 0) {
- delegationSelector = null;
- }
-
- var uidEventList = Object.keys(events);
+ function findHandler(events, handler, delegationSelector = null) {
+ const uidEventList = Object.keys(events);
- for (var i = 0, len = uidEventList.length; i < len; i++) {
- var event = events[uidEventList[i]];
+ for (let i = 0, len = uidEventList.length; i < len; i++) {
+ const event = events[uidEventList[i]];
if (event.originalHandler === handler && event.delegationSelector === delegationSelector) {
return event;
@@ -124,17 +122,10 @@
}
function normalizeParams(originalTypeEvent, handler, delegationFn) {
- var delegation = typeof handler === 'string';
- var originalHandler = delegation ? delegationFn : handler; // allow to get the native events from namespaced events ('click.bs.button' --> 'click')
-
- var typeEvent = originalTypeEvent.replace(stripNameRegex, '');
- var custom = customEvents[typeEvent];
-
- if (custom) {
- typeEvent = custom;
- }
-
- var isNative = nativeEvents.has(typeEvent);
+ const delegation = typeof handler === 'string';
+ const originalHandler = delegation ? delegationFn : handler;
+ let typeEvent = getTypeEvent(originalTypeEvent);
+ const isNative = nativeEvents.has(typeEvent);
if (!isNative) {
typeEvent = originalTypeEvent;
@@ -151,24 +142,38 @@
if (!handler) {
handler = delegationFn;
delegationFn = null;
- }
+ } // in case of mouseenter or mouseleave wrap the handler within a function that checks for its DOM position
+ // this prevents the handler from being dispatched the same way as mouseover or mouseout does
+
+
+ if (customEventsRegex.test(originalTypeEvent)) {
+ const wrapFn = fn => {
+ return function (event) {
+ if (!event.relatedTarget || event.relatedTarget !== event.delegateTarget && !event.delegateTarget.contains(event.relatedTarget)) {
+ return fn.call(this, event);
+ }
+ };
+ };
- var _normalizeParams = normalizeParams(originalTypeEvent, handler, delegationFn),
- delegation = _normalizeParams[0],
- originalHandler = _normalizeParams[1],
- typeEvent = _normalizeParams[2];
+ if (delegationFn) {
+ delegationFn = wrapFn(delegationFn);
+ } else {
+ handler = wrapFn(handler);
+ }
+ }
- var events = getEvent(element);
- var handlers = events[typeEvent] || (events[typeEvent] = {});
- var previousFn = findHandler(handlers, originalHandler, delegation ? handler : null);
+ const [delegation, originalHandler, typeEvent] = normalizeParams(originalTypeEvent, handler, delegationFn);
+ const events = getEvent(element);
+ const handlers = events[typeEvent] || (events[typeEvent] = {});
+ const previousFn = findHandler(handlers, originalHandler, delegation ? handler : null);
if (previousFn) {
previousFn.oneOff = previousFn.oneOff && oneOff;
return;
}
- var uid = getUidEvent(originalHandler, originalTypeEvent.replace(namespaceRegex, ''));
- var fn = delegation ? bootstrapDelegationHandler(element, handler, delegationFn) : bootstrapHandler(element, handler);
+ const uid = getUidEvent(originalHandler, originalTypeEvent.replace(namespaceRegex, ''));
+ const fn = delegation ? bootstrapDelegationHandler(element, handler, delegationFn) : bootstrapHandler(element, handler);
fn.delegationSelector = delegation ? handler : null;
fn.originalHandler = originalHandler;
fn.oneOff = oneOff;
@@ -178,7 +183,7 @@
}
function removeHandler(element, events, typeEvent, handler, delegationSelector) {
- var fn = findHandler(events[typeEvent], handler, delegationSelector);
+ const fn = findHandler(events[typeEvent], handler, delegationSelector);
if (!fn) {
return;
@@ -189,35 +194,39 @@
}
function removeNamespacedHandlers(element, events, typeEvent, namespace) {
- var storeElementEvent = events[typeEvent] || {};
- Object.keys(storeElementEvent).forEach(function (handlerKey) {
+ const storeElementEvent = events[typeEvent] || {};
+ Object.keys(storeElementEvent).forEach(handlerKey => {
if (handlerKey.includes(namespace)) {
- var event = storeElementEvent[handlerKey];
+ const event = storeElementEvent[handlerKey];
removeHandler(element, events, typeEvent, event.originalHandler, event.delegationSelector);
}
});
}
- var EventHandler = {
- on: function on(element, event, handler, delegationFn) {
+ function getTypeEvent(event) {
+ // allow to get the native events from namespaced events ('click.bs.button' --> 'click')
+ event = event.replace(stripNameRegex, '');
+ return customEvents[event] || event;
+ }
+
+ const EventHandler = {
+ on(element, event, handler, delegationFn) {
addHandler(element, event, handler, delegationFn, false);
},
- one: function one(element, event, handler, delegationFn) {
+
+ one(element, event, handler, delegationFn) {
addHandler(element, event, handler, delegationFn, true);
},
- off: function off(element, originalTypeEvent, handler, delegationFn) {
+
+ off(element, originalTypeEvent, handler, delegationFn) {
if (typeof originalTypeEvent !== 'string' || !element) {
return;
}
- var _normalizeParams2 = normalizeParams(originalTypeEvent, handler, delegationFn),
- delegation = _normalizeParams2[0],
- originalHandler = _normalizeParams2[1],
- typeEvent = _normalizeParams2[2];
-
- var inNamespace = typeEvent !== originalTypeEvent;
- var events = getEvent(element);
- var isNamespace = originalTypeEvent.startsWith('.');
+ const [delegation, originalHandler, typeEvent] = normalizeParams(originalTypeEvent, handler, delegationFn);
+ const inNamespace = typeEvent !== originalTypeEvent;
+ const events = getEvent(element);
+ const isNamespace = originalTypeEvent.startsWith('.');
if (typeof originalHandler !== 'undefined') {
// Simplest case: handler is passed, remove that listener ONLY.
@@ -230,35 +239,36 @@
}
if (isNamespace) {
- Object.keys(events).forEach(function (elementEvent) {
+ Object.keys(events).forEach(elementEvent => {
removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1));
});
}
- var storeElementEvent = events[typeEvent] || {};
- Object.keys(storeElementEvent).forEach(function (keyHandlers) {
- var handlerKey = keyHandlers.replace(stripUidRegex, '');
+ const storeElementEvent = events[typeEvent] || {};
+ Object.keys(storeElementEvent).forEach(keyHandlers => {
+ const handlerKey = keyHandlers.replace(stripUidRegex, '');
if (!inNamespace || originalTypeEvent.includes(handlerKey)) {
- var event = storeElementEvent[keyHandlers];
+ const event = storeElementEvent[keyHandlers];
removeHandler(element, events, typeEvent, event.originalHandler, event.delegationSelector);
}
});
},
- trigger: function trigger(element, event, args) {
+
+ trigger(element, event, args) {
if (typeof event !== 'string' || !element) {
return null;
}
- var $ = getjQuery();
- var typeEvent = event.replace(stripNameRegex, '');
- var inNamespace = event !== typeEvent;
- var isNative = nativeEvents.has(typeEvent);
- var jQueryEvent;
- var bubbles = true;
- var nativeDispatch = true;
- var defaultPrevented = false;
- var evt = null;
+ const $ = getjQuery();
+ const typeEvent = getTypeEvent(event);
+ const inNamespace = event !== typeEvent;
+ const isNative = nativeEvents.has(typeEvent);
+ let jQueryEvent;
+ let bubbles = true;
+ let nativeDispatch = true;
+ let defaultPrevented = false;
+ let evt = null;
if (inNamespace && $) {
jQueryEvent = $.Event(event, args);
@@ -273,18 +283,19 @@
evt.initEvent(typeEvent, bubbles, true);
} else {
evt = new CustomEvent(event, {
- bubbles: bubbles,
+ bubbles,
cancelable: true
});
} // merge custom information in our event
if (typeof args !== 'undefined') {
- Object.keys(args).forEach(function (key) {
+ Object.keys(args).forEach(key => {
Object.defineProperty(evt, key, {
- get: function get() {
+ get() {
return args[key];
}
+
});
});
}
@@ -303,6 +314,7 @@
return evt;
}
+
};
return EventHandler;