@stimulus-library/mixins/dist/use_timeout.js

A library of useful controllers for Stimulus

import { useMixin } from "./use_mixin";
export function useTimeout(controller, handler, timeout) {
    let controllerDisconnect;
    let timeoutHandle = null;
    handler = handler.bind(controller);
    const newHandler = () => {
        handler();
        timeoutHandle = null;
        Object.assign(controller, { disconnect: controllerDisconnect });
    };
    const setup = () => timeoutHandle = setTimeout(newHandler, timeout);
    const teardown = () => {
        if (timeoutHandle !== null) {
            clearTimeout(timeoutHandle);
            timeoutHandle = null;
        }
    };
    controllerDisconnect = useMixin(controller, setup, teardown);
    return teardown;
}