svelte-image-viewer/dist/utilities/gestures/mouse-wheel-zoom.js

A couple of simple components for displaying content with pan and zoom capabilities.

/**
 * @deprecated use `panAndZoom` instead
 */
export default function mouseWheelZoom(element, callback) {
    const handleWheel = (event) => {
        event.preventDefault();
        callback(event.deltaY);
    };
    element.addEventListener("wheel", handleWheel, { passive: false });
    return {
        destroy() {
            element.removeEventListener("wheel", handleWheel);
        },
    };
}