		@@ -17,3 +17,4 @@ /**
		*/
		import {LitElement, html, classString as c$} from '@polymer/lit-element/lit-element.js';
		import {LitElement, html} from '@polymer/lit-element/lit-element.js';
		import {classMap} from 'lit-html/directives/classMap.js';
		import {MDCWebComponentMixin} from '@material/mwc-base/mdc-web-component.js';
		@@ -70,5 +71,5 @@ import {style} from './mwc-ripple-css.js';
		return {
		primary: Boolean,
		accent: Boolean,
		unbounded: Boolean,
		primary: { type: Boolean },
		accent: { type: Boolean },
		unbounded: { type: Boolean },
		};
		@@ -89,16 +90,15 @@ }
		// TODO(sorvell) #css: sizing.
		_render({primary, accent, unbounded}) {
		const classes = c$({
		render() {
		const {primary, accent, unbounded} = this;
		const classInfo = {
		'mdc-ripple-surface--primary': primary,
		'mdc-ripple-surface--accent': accent,
		});
		};
		return html`
		${this._renderStyle()}
		<div class$="mdc-ripple-surface ${classes}" data-mdc-ripple-is-unbounded?="${unbounded}"></div>`;
		<div class="mdc-ripple-surface ${classMap(classInfo)}" data-mdc-ripple-is-unbounded="${unbounded}"></div>`;
		}

		async ready() {
		super.ready();
		await afterNextRender();
		const surface = this._root.querySelector('.mdc-ripple-surface');
		firstUpdated() {
		const surface = this.shadowRoot.querySelector('.mdc-ripple-surface');
		const container = this.parentNode \|\| this;
		@@ -105,0 +105,0 @@ // TODO(sorvell) #css: this might be bad since the container might be positioned.

package.json

@material/mwc-ripple - npm Package Compare versions

New alerts