PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.0.2

npm

2yy-ngx-ripple

![CI](https://github.com/2YY/ngx-ripple/workflows/CI/badge.svg) [![Maintainability](https://api.codeclimate.com/v1/badges/5a1a3a8851b0c322b628/maintainability)](https://codeclimate.com/github/2YY/ngx-ripple/maintainability) [![Test Coverage](https://api.c

Published28 Nov 2020
Direct dependencies3
Transitive dependenciesNot calculated

README

Current package documentation

NgxRipple

CI Maintainability Test Coverage

Installation

npm i 2yy-ngx-ripple

Motivation

By default, Ripples triggered by click event.

But, if you want trigger Ripples by mouseenter event, you can achieve it with NgxRippleService.

Usage

In your foo.component.ts:

@ViewChild('btn', {read: MatRipple}) btnRef: MatRipple;

constructor(public rippleService: NgxRippleService) {}

Then, in your foo.component.html:

<button #btn matRipple (mouseenter)="rippleService.show(btnRef)" (mouseleave)="rippleService.hide(btnRef)">My Button</button>

License

MIT License

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 3

Native requirements
3 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
tslib
Environment
{
  "local_name": "tslib",
  "alias": false,
  "peer_metadata": null
}
^2.0.0runtime
@angular/common
Environment
{
  "local_name": "@angular/common",
  "alias": false,
  "peer_metadata": null
}
^9.0.7peer
@angular/core
Environment
{
  "local_name": "@angular/core",
  "alias": false,
  "peer_metadata": null
}
^9.0.7peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-36dTxIewbMlMOjAC2VSK1jPSEHdv6+3XKM7Vl14tLl1OiitJDsySbiCKqAZBCWtG8hIxNxQapeMF0RDHHWTaKQ==",
  "shasum": "cf9ea546fb720c0a0050eaaaf1411d2232b227c8",
  "tarball": "https://registry.npmjs.org/2yy-ngx-ripple/-/2yy-ngx-ripple-0.0.2.tgz",
  "fileCount": 15,
  "unpackedSize": 16919,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfwbnhCRA9TVsSAnZWagAAlJ0QAIBS9NABbMOkKpOXVoe7\n736HHuITAyBf971Igs9L4by2EfmjBe6rp/rCLvmMEJMk6iMtbpvGrzNxt734\n5VlRYWRl5hwA/QIAJbD71twYl9LYL4EpdrzR8nfy/PIWCYVxiNqPYQ7Ub7Op\nzQI5UX87SBjiHLT0JM4yFY1xLT2DzhHFMfBCydQMdNhHzliOw1JDSaNFzv54\ndur6LEuQDU9pYHdTa8A8YHMppN2l7160cnydTfrsEJDsO6iX1t+MJ2FNZzQ6\nZEPVmg3v/TurkVQczN95MCHtCuO83RCQ0XRLn6H2jhZ+d4YVj+RrFk06F8n/\ned1GIIo//qDIBY8Wkzb5jyk51OXK2iKKkyB9Br+datHr0f7aaije+FObdwi4\n7lO+tt0Vp8XkFAMh61SfhrMlvapvKS4bnbWA5U44sMNB2+4nzTVSkiu5TKNE\n6yLaYr9X0yK8KhzqB0f2KNIpfWQFRdeLxvUogfm9TePPUlRVsbbPiuBvCwjk\ndC28Z3/JAKbr3bUdGp2XqoXomT0knfjc9YpMQqc5+knGC5BceERGH6CzQsry\n92HNerTENPNnlDL09gq2ti0kXJJTTYXUrGNEhTdUtQRL6+T8zBgErFpISJv+\nGK8iHBJRfAuGJQqZxCbVrJ673mMM1HXorzV1jAGuPFCd7FM6mtubnp5A6xsn\ni8J5\r\n=0nSR\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQCaejycnr9zXObsjp+LAeEcq1XzH6FPRSP70WR+64/9QAIgFbeusJa4Dzaj1bjlyOcN46XWH3vSSpo5fjGLEUxtaSY="
    }
  ]
}

Repository

PENDING
2yy/ngx-ripple

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:20 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:90b5c34ec142be34f2ca9b17cb6bbdb4403d8aa119b844dc180d250634e4eeff

Other collected versions

0.0.15 JunView all collected versions →