Use passive event listeners for the ripple

[sgomes]

There are going to be some new metrics in Lighthouse, one of which looks at whether touch event listeners are being marked as passive.

We currently use touch events in two places: drawers and the ripple. We already have passive event listeners for the drawer where supported, but the ripple doesn't do the same. As long as it doesn't cancel the events, it should be able to make use of passive as well.

Making sure we apply passive event listeners wherever possible would both ensure better performance in MDC-Web components, as well as higher Lighthouse scores for applications using it.

[traviskaufman]

Great suggestion @sgomes! Adding "help wanted" to this as the work is straightforward:

• Copy the applyPassive code into mdc-ripple/util.js (this will be refactored as part of Investigate adding focus trapping to all relevant components #70)
• Use applyPassive to instantiate the ripple adapter (via createAdapater) the same way as in drawer
• Add tests for applyPassive e.g. https://github.com/material-components/material-components-web/blob/master/test/unit/mdc-drawer/util.test.js#L102-L122

[sgomes]

Woohoo, thank you @trimox!