uikit/src/js/api/events.js

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

import { hasOwn, isArray, isFunction, isPlainObject, isString, on } from 'uikit-util';

export function initEvents(instance) {
    instance._events = [];
    for (const event of instance.$options.events || []) {
        if (hasOwn(event, 'handler')) {
            registerEvent(instance, event);
        } else {
            for (const key in event) {
                registerEvent(instance, event[key], key);
            }
        }
    }
}

export function unbindEvents(instance) {
    instance._events.forEach((unbind) => unbind());
    delete instance._events;
}

export function registerEvent(instance, event, key) {
    let { name, el, handler, capture, passive, delegate, filter, self } = isPlainObject(event)
        ? event
        : { name: key, handler: event };
    el = isFunction(el) ? el.call(instance, instance) : el || instance.$el;

    if (!el || (isArray(el) && !el.length) || (filter && !filter.call(instance, instance))) {
        return;
    }

    instance._events.push(
        on(
            el,
            name,
            delegate ? (isString(delegate) ? delegate : delegate.call(instance, instance)) : null,
            isString(handler) ? instance[handler] : handler.bind(instance),
            { passive, capture, self },
        ),
    );
}