Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
ractive-touch
Advanced tools
Changelog
v0.4.0 - October 7, 2014
Hammer.defaults
have been changed. (#5, @ErikPettersson)Readme
Touch events for Ractive. Supports tap, pan, swipe, rotate, pinch, and press.
Find more Ractive.js plugins at docs.ractivejs.org/latest/plugins
<button on-tap="activate">
<button on-swipeleft="buttonSwipe">
ractive.on('buttonSwipe', function (e) {
e.original.deltaX
e.original.deltaY
e.original.direction // 0,1,2,3
e.original.pointerType // "mouse"
e.original.velocity // 1.62
e.original.velocityX
e.original.velocityY
})
Ractive-touch is available via npm and Bower.
$ npm install --save ractive-touch
$ bower install --save ractive-touch
CommonJS usage: Require the module to use it. It automatically registers itself into either window.Ractive or require('ractive'), whichever's available. No need to use the return value.
require('ractive-touch');
Standalone usage: For those not using npm, it's also available as a standalone .js file. Be sure to include it after ractive.js and hammer.js.
Viewport: It's recommended to add a viewport
meta tag to your HTML
restricting zoom:
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
Tap:
on-tap
on-doubletap
on-swipe
on-swipeleft
on-swiperight
on-swipeup
on-swipedown
Pan:
on-pan
on-panstart
on-panmove
on-panend
on-pancancel
on-panleft
on-panright
on-panup
on-pandown
on-press
on-rotate
on-rotatestart
on-rotatemove
on-rotateend
on-rotatecancel
on-pinch
on-pinchstart
on-pinchmove
on-pinchend
on-pinchcancel
on-pinchin
on-pinchout
You can configure options via attributes in your DOM node.
You can use the data-
attribute convention as well.
<div on-pan='move' pan-direction='all'>
<div on-pan='move' data-pan-direction='all'> <!-- alternate syntax -->
Tap:
tap-pointers='1'
tap-taps='1'
tap-interval='300'
tap-time='250'
tap-threshold='2'
tap-posThreshold='10'
Pan:
pan-pointers='1'
pan-threshold='1'
pan-direction='all'
*swipe-pointers='1'
swipe-distance='10'
swipe-direction='all'
*swipe-velocity='0.65'
rotate-pointers='2'
rotate-threshold='0'
press-pointers='1'
press-threshold='5'
press-time='500'
pinch-pointers='2'
pinch-threshold='0'
*
- directions can be none, all, up, down, left, right, horizontal,
vertical.
Ractive-touch is written for Ractive, a live DOM binding library for creating interactive UIs.
Touch event detection is powered by Hammer.js. Refer to their documentation for more details.
:copyright:
Ractive-touch © 2014+, Rico Sta. Cruz. Released under the MIT License.
Authored and maintained by Rico Sta. Cruz with help from contributors.
ricostacruz.com · GitHub @rstacruz · Twitter @rstacruz
FAQs
Touch events for Ractive. Supports tap, pan, swipe, rotate, pinch, and press.
The npm package ractive-touch receives a total of 12 weekly downloads. As such, ractive-touch popularity was classified as not popular.
We found that ractive-touch demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.