Catalog npm
Back to packageRELEASE DETAILS

0.0.1

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

Published5 Jun 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
}
^1.10.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-A1K0F8G2/V58oAW/ienwpNj1Y75kcxQ60PBnJicdaXsLFPnMti1VdIJZRCn+HamtUJJG7UQy8XqvFKoTEYUjsw==",
  "shasum": "9e760c7302b5825c35ec362478e826d47dce25ae",
  "tarball": "https://registry.npmjs.org/2yy-ngx-ripple/-/2yy-ngx-ripple-0.0.1.tgz",
  "fileCount": 20,
  "unpackedSize": 73982,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2ltCCRA9TVsSAnZWagAAiT0P/0uwDdoqHH21uzSIl1GP\n9cvOncYq5j/2Q/Me/zovdE7W9uUrW3HgSd4eeiUbXO26ICINDaY8LVrYvTTT\nCVnadDCKRcwaqDo1UMhoeZ6WDgKHQadIj0ei9eMf5w7XHG6HGAd9RgyuE2mH\nxc6X1QOoPRRSyPEWoteLMiXi8Zzj/ETZjQ6AmhYQLssU+pgG2KGrriJOFrq1\nWTATm42tdE2iJza3Lg4QdyFoVajmmVGaLC+N0n7/eVfUkHA07A6AmxqjmxY3\n1nqcejZqlB3iPB8i9jEE36FWA250E1JqB/Qqn5ZfU+1McGeTsMN5ZgeA6CM0\ny2drWLt/lPK4e4IKLii5r9HFHkYDSpTFdRJk7VbO0rnMm7s+68XgWuMISFCo\nrVML4hxulDzcHOksXACKWOMjOHBAgF8cDmipjbxwb6aHe+c62ppVkyMK6PQV\nC+PAryJE8m3VukCq/cVXej9Y0LTPJP2ZCmVeFWPfhE7qTjV+W6IXrO/8AhYs\npUmMOXmqDHaHSNsG3ko/k0G0xIXGnGpvwMvrbVU/RwmABbkbG6W+qxuRJIp7\npdwYYOt1WkORxQMLV6BO+D9lOGYzqHOcL0DUjrFUJCVvmaXD7vDn5GwjcaTT\nKHuK0fROFUKhhk9rO39OqmSnHyKLwQtCUr9Vf4tzcJ9xu86PXM/+A7I5nuX5\nWSLi\r\n=QdzY\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQDwEqIGlv1dOj8uIhzuIjmV1iEZpwnuoDxBIP3gQSTgLwIgQASqJAYhg2jf3iVCOSWLdUcoZjlQm9VsR9FeWubHZqg="
    }
  ]
}

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:1475251a78eae484f233a823bcf44cd5f476e514b0a14bf6b53cd72b58417ed6

Other collected versions

0.0.228 NovView all collected versions →