File size: 2,347 Bytes
bc20498 |
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 |
import { noop } from './callbacks.js';
import { isHTMLElement } from './is.js';
/**
* Adds an event listener to the specified target element(s) for the given event(s), and returns a function to remove it.
* @param target The target element(s) to add the event listener to.
* @param event The event(s) to listen for.
* @param handler The function to be called when the event is triggered.
* @param options An optional object that specifies characteristics about the event listener.
* @returns A function that removes the event listener from the target element(s).
*/
export function addEventListener(target, event, handler, options) {
const events = Array.isArray(event) ? event : [event];
// Add the event listener to each specified event for the target element(s).
events.forEach((_event) => target.addEventListener(_event, handler, options));
// Return a function that removes the event listener from the target element(s).
return () => {
events.forEach((_event) => target.removeEventListener(_event, handler, options));
};
}
export function addMeltEventListener(target, event, handler, options) {
const events = Array.isArray(event) ? event : [event];
if (typeof handler === 'function') {
const handlerWithMelt = withMelt((_event) => handler(_event));
// Add the event listener to each specified event for the target element(s).
events.forEach((_event) => target.addEventListener(_event, handlerWithMelt, options));
// Return a function that removes the event listener from the target element(s).
return () => {
events.forEach((_event) => target.removeEventListener(_event, handlerWithMelt, options));
};
}
return () => noop();
}
export function dispatchMeltEvent(originalEvent) {
const node = originalEvent.currentTarget;
if (!isHTMLElement(node))
return null;
const customMeltEvent = new CustomEvent(`m-${originalEvent.type}`, {
detail: {
originalEvent,
},
cancelable: true,
});
node.dispatchEvent(customMeltEvent);
return customMeltEvent;
}
export function withMelt(handler) {
return (event) => {
const customEvent = dispatchMeltEvent(event);
if (customEvent?.defaultPrevented)
return;
return handler(event);
};
}
|