Awesome
aurelia-long-click-event
aurelia plugin for long-click event.
How to Use
install the plugin using yarn
or npm
.
yarn add aurelia-long-click-event
npm install aurelia-long-click-event
initialize the plugin in your main.js
or main.ts
.
import { PLATFORM } from "aurelia-pal";
aurelia.use
.standardConfiguration()
.developmentLogging()
+ .plugin(PLATFORM.moduleName("aurelia-long-click-event"));
you can pass optional configuration to control the name of the long-click event (defaults to "long-click"), and the click duration (defaults to 500 ms).
import { LongClickConfig } from "aurelia-long-click-event"; // (TS users can use this interface for strongly typed config)
...
.plugin(PLATFORM.moduleName("aurelia-long-click-event"), { longClickEventName: "long-click", clickDurationMS: 500 });
now you can register callbacks to the event just like any regular event (using trigger
or delegate
)
<button long-click.delegate="longClick()">long click me</button>
plugin was build using:
- https://github.com/john-doherty/long-press-event
- https://github.com/aurelia-toolbelt/aurelia-plugin-skeleton-typescript
How to build and run sample
-
npm run watch
- Launches sample and watches src folder
- it does the type-checking and ts-lints on every save
- open
http://localhost:4444
to see the plugin in action.
-
npm run build
- Produces amd/commonjs/system/es2015 builds
- This will NOT emit/update files if you have any typescript or tslint errors
I Need help regarding how to test the plugin - PR welcome