npmpackage.info

Gathering detailed insights and metrics for wheel-gestures

Other packages similar to wheel-gestures

embla-carousel-wheel-gestures

8.0.2

wheel gestures for embla carousel

react-use-gesture

9.1.3

React hook for receiving gestures https://use-gesture.netlify.app

@thi.ng/rstream-gestures

5.0.128

Unified mouse, mouse wheel & multi-touch event stream abstraction

react-scroll-wheel-handler

2.2.0

Simple react component for handling scroll trackpad, arrow keys, swipe gestures and mouse wheel event.

Gathering detailed insights and metrics for wheel-gestures

wheel-gestures - 2.2.48 | npmpackage.info

wheel-gestures

☸️ wheel gestures and momentum detection

2.2.48

MIT

TypeScript

348.85 kB

3.4

Installations

npm install wheel-gestures

Developer Guide

BETA

Typescript

No

Module System

CommonJS, ESM

Min. Node Version

>=18

Node Version

18.20.4

NPM Version

8.19.4 Score

99.4

Supply Chain

95.3

Quality

77.1

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

1

Total

713

Closed

121

Merged

591

Issues

Open

2

Total

11

Closed

9

Releases

v2.2.48

Updated on Aug 31, 2024

v2.2.47

Updated on Jul 04, 2024

v2.2.46

Updated on Jul 04, 2024

v2.2.44

Updated on Jun 08, 2021

v2.2.43

Updated on Jun 02, 2021

v2.2.42

Updated on Jun 02, 2021

View All 63 releases

Languages

TypeScript

JavaScript

TypeScript (97.28%)

JavaScript (2.72%)

Developer

xiel

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

37 Stars

616 Commits

4 Forks

3 Watchers

4 Branches

3 Contributors

Updated on Jun 17, 2025

Maintainers

View All 3 Contributors

Package Meta Information

Latest Version

2.2.48

Package Id

wheel-gestures@2.2.48

Unpacked Size

348.85 kB

Size

53.55 kB

File Count

NPM Version

8.19.4

Node Version

18.20.4

Published on

Aug 31, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

WheelGestures

wheel gestures and momentum detection in the browser

Installation

Install wheel-gestures using your package manager:

1yarn add wheel-gestures # OR npm install wheel-gestures

Usage

Import and create an instance of WheelGestures and then add the element you want to observe.

1import { WheelGestures } from 'wheel-gestures'
2
3// create an instance per element
4const wheelGestures = WheelGestures()
5
6// find and observe the element the user can interact with
7const element = window.document.querySelector('.slider')
8wheelGestures.observe(element)
9
10// add your event callback 
11wheelGestures.on('wheel', (wheelEventState) => {
12  //...
13})

There are options to customize the behaviour.

WheelEventState

This is the TypeScript type of the WheelEventState object provided. Even if you do not use TypeScript, this might be helpful to see how the data is provided:

1export type VectorXYZ = [number, number, number]
2
3export interface WheelEventState {
4  isStart: boolean
5  isMomentum: boolean
6  isEnding: boolean
7  isMomentumCancel: boolean
8  axisDelta: VectorXYZ
9  axisVelocity: VectorXYZ
10  axisMovement: VectorXYZ
11  axisMovementProjection: VectorXYZ
12  event: WheelEvent | WheelEventData
13  previous?: WheelEventState
14}

Prior Art

Other people also thought that it might be helpful for some interactions to be able to distinguish between user initiated wheel events and the ones that are triggered by inertia scroll, but none of the other known libraries delivered results in the precision I needed, so I developed my own solution. Honourable mentions:

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

7

SAST

Determines if the project uses static code analysis.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Security-Policy

Determines if the project has published a security policy.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Fuzzing

Determines if the project uses fuzzing.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

39 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
Warn: Project is vulnerable to: GHSA-g77x-44xx-532m
Warn: Project is vulnerable to: GHSA-gp8f-8m3g-qvj9
Warn: Project is vulnerable to: GHSA-7gfc-8cq8-jh5f
Warn: Project is vulnerable to: GHSA-7m27-7ghc-44w9
Warn: Project is vulnerable to: GHSA-qpjv-v59x-3qc4
Warn: Project is vulnerable to: GHSA-f82v-jwr5-mffw
Warn: Project is vulnerable to: GHSA-3h52-269p-cp9r
Warn: Project is vulnerable to: GHSA-x7hr-w5r2-h6wg
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q
Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38
Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-cph5-m8f7-6c5x
Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx
Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-44c6-4v22-4mhx
Warn: Project is vulnerable to: GHSA-4x5v-gmq8-25ch
Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94
Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6
Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj
Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc

Score

3.4

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to wheel-gestures

Other packages similar to wheel-gestures

wheel-gestures

Installations

Developer Guide

No

CommonJS, ESM

>=18

18.20.4

8.19.4

Score

Pull Requests

1

713

121

591

Issues

2

11

9

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

WheelGestures

Installation

Usage

WheelEventState

Prior Art

10

10

10

7

2

0

0

0

0

0

0

0

3.4

/10