Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

ngx-long-press2

Package Overview
Dependencies
1
Maintainers
1
Versions
2
Issues
File Explorer

Advanced tools

ngx-long-press2

Angular Library to handle long mouse clicks event for desktop and long touch events for mobile and tablets

    2.0.0latest

Version published
Maintainers
1
Yearly downloads
9,773
increased by1047.07%

Weekly downloads

Readme

Source

angular-material-extensions's logo

ngx-long-press2 - Angular Library to handle long mouse clicks event for desktop and long touch events for mobile and tablets

npm version npm demo docs: typedoc Join the chat at https://gitter.im/angular-material-extensions/Lobby

@angular-material-extensions/select-country demonstration

Built by and for developers :heart:

Do you have any question or suggestion ? Please do not hesitate to contact us! Alternatively, provide a PR | open an appropriate issue here

If you like this project, support angular-material-extensions by starring :star: and sharing it :loudspeaker:

Table of Contents

Demo

View all the directives and components in action at https://anthonynahass.github.io/ngx-long-press2

Library's directive

  • ngxLongPress2

Dependencies


Installation

Install via npm.

Install peer dependencies

npm i -s ngx-long-press2

Import the library

import { NgxLongPress2Module } from 'ngx-long-press2'; @NgModule({ declarations: [AppComponent, ...], imports: [NgxLongPress2Module, ...], bootstrap: [AppComponent] }) export class AppModule { }

Other modules in your application like for lazy loading import NgxLongPress2Module into your feature module:

API

optionbindtypedefaultdescription
minTimeInput()number500the minimum time to fire onLongPress event (in ms)
maxTimeInput()number2000the maximum time to fire onReleasePressing event (in ms)
onLongPressOutput()EventEmitter<void>-emits when the minTime is exceeded
onLongPressingOutput()EventEmitter<number>-emits when the user is pressing and the time lapsed in ms will be emitted
onReleasePressingOutput()EventEmitter<void>-emits when the maxTime is exceeded or touchend, mouseup and mouseleave haven been emitted

Usage

<button mat-raised-button ngxLongPress2 [color]="this.timeLapsed1 > 1000? 'primary' : 'warn'" (onLongPress)="onLongPress()" (onLongPressing)="onLongPressing($event)" (onReleasePressing)="onReleasePressing()"> {{ this.timeLapsed1 > 0 ? this.timeLapsed1 + ' ms' : 'PRESS ME'}} </button>

@angular-material-extensions/select-country demonstration

<button ngxLongPress2></button>

images

Run Demo App Locally after cloning the github project

Build the library

$ npm run build:lib

Serve the demo app

$ npm start

Other Angular Libraries


Support

Built by and for developers :heart: we will help you :punch:


jetbrains logo

This project is supported by jetbrains with 1 ALL PRODUCTS PACK OS LICENSE incl. webstorm


License

Copyright (c) 2020 Anthony Nahas. Licensed under the MIT License (MIT)

angular-material-extensions's logo

Keywords

Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc