js-draw/dist/cjs/util/addLongPressOrHoverCssClasses.js

Draw pictures using a pen, touchscreen, or mouse! JS-draw is a drawing library for JavaScript and TypeScript.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const listenForLongPressOrHover_1 = __importDefault(require("./listenForLongPressOrHover"));
/**
 * When a pointer is inside `element`, after a delay, adds the `has-long-press-or-hover`
 * CSS class to `element`.
 *
 * When no pointers are inside `element`, adds the CSS class `no-long-press-or-hover`.
 */
const addLongPressOrHoverCssClasses = (element, options) => {
    const hasLongPressClass = 'has-long-press-or-hover';
    const noLongPressClass = 'no-long-press-or-hover';
    element.classList.add('no-long-press-or-hover');
    const { removeListeners } = (0, listenForLongPressOrHover_1.default)(element, {
        onStart() {
            element.classList.remove(noLongPressClass);
            element.classList.add(hasLongPressClass);
        },
        onEnd() {
            element.classList.add(noLongPressClass);
            element.classList.remove(hasLongPressClass);
        },
        longPressTimeout: options?.timeout,
    });
    return {
        removeEventListeners: () => {
            element.classList.remove(noLongPressClass);
            removeListeners();
        },
    };
};
exports.default = addLongPressOrHoverCssClasses;