@material/mwc-formfield - npm Package Compare versions

Comparing version 0.14.0-canary.97ef53d8.0 to 0.14.0-canary.a2f046f5.0

mwc-formfield-base.js

@@ -7,3 +7,3 @@ import { __decorate } from "tslib";
 import { html, property, query } from 'lit-element';
-import { classMap } from 'lit-html/directives/class-map';
+import { classMap } from 'lit-html/directives/class-map.js';
 export class FormfieldBase extends BaseElement {
@@ -24,12 +24,18 @@ constructor() {
             },
-            activateInputRipple: () => {
+            activateInputRipple: async () => {
                 const input = this.input;
-                if (input instanceof FormElement && input.ripple) {
-                    input.ripple.activate();
+                if (input instanceof FormElement) {
+                    const ripple = await input.ripple;
+                    if (ripple) {
+                        ripple.activate();
+                    }
                 }
             },
-            deactivateInputRipple: () => {
+            deactivateInputRipple: async () => {
                 const input = this.input;
-                if (input instanceof FormElement && input.ripple) {
-                    input.ripple.deactivate();
+                if (input instanceof FormElement) {
+                    const ripple = await input.ripple;
+                    if (ripple) {
+                        ripple.deactivate();
+                    }
                 }
@@ -36,0 +42,0 @@ },

package.json

 {
   "name": "@material/mwc-formfield",
-  "version": "0.14.0-canary.97ef53d8.0",
+  "version": "0.14.0-canary.a2f046f5.0",
   "description": "",
@@ -19,3 +19,3 @@ "main": "mwc-formfield.js",
     "@material/form-field": "=6.0.0-canary.69edc6e28.0",
-    "@material/mwc-base": "0.14.0-canary.97ef53d8.0",
+    "@material/mwc-base": "0.14.0-canary.a2f046f5.0",
     "lit-element": "^2.2.1",
@@ -28,3 +28,3 @@ "lit-html": "^1.1.2",
   },
-  "gitHead": "c6865476c6b2c4ccebc9f20145aa8fdf93e1252f"
+  "gitHead": "b2845ca1286088f29e79c96b6d5c5367873cce11"
 }

README.md

@@ -27,3 +27,3 @@ # `<mwc-formfield>` [![Published on npm](https://img.shields.io/npm/v/@material/mwc-formfield.svg)](https://www.npmjs.com/package/@material/mwc-formfield)
 > tooling step is required to resolve *bare module specifiers*, as well as
-> transpilation and polyfills for Edge and IE11. See
+> transpilation and polyfills for IE11. See
 > [here](https://github.com/material-components/material-components-web-components#quick-start)
@@ -36,3 +36,3 @@ > for detailed instructions.
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/c6865476c6b2c4ccebc9f20145aa8fdf93e1252f/packages/formfield/images/with_checkbox.png" width="105px" height="40px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/b2845ca1286088f29e79c96b6d5c5367873cce11/packages/formfield/images/with_checkbox.png" width="105px" height="40px">
 
@@ -52,3 +52,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/c6865476c6b2c4ccebc9f20145aa8fdf93e1252f/packages/formfield/images/with_radio.png" width="94px" height="80px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/b2845ca1286088f29e79c96b6d5c5367873cce11/packages/formfield/images/with_radio.png" width="94px" height="80px">
 
@@ -78,3 +78,3 @@ ```html
 
-<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/c6865476c6b2c4ccebc9f20145aa8fdf93e1252f/packages/formfield/images/with_switch.png" width="160px" height="48px">
+<img src="https://raw.githubusercontent.com/material-components/material-components-web-components/b2845ca1286088f29e79c96b6d5c5367873cce11/packages/formfield/images/with_switch.png" width="160px" height="48px">
 
@@ -81,0 +81,0 @@ ```html

src/mwc-formfield-base.ts

@@ -23,3 +23,3 @@ /**
 import {html, property, query} from 'lit-element';
-import {classMap} from 'lit-html/directives/class-map';
+import {classMap} from 'lit-html/directives/class-map.js';
 
@@ -59,12 +59,18 @@ export class FormfieldBase extends BaseElement {
           },
-      activateInputRipple: () => {
+      activateInputRipple: async () => {
         const input = this.input;
-        if (input instanceof FormElement && input.ripple) {
-          input.ripple.activate();
+        if (input instanceof FormElement) {
+          const ripple = await input.ripple;
+          if (ripple) {
+            ripple.activate();
+          }
         }
       },
-      deactivateInputRipple: () => {
+      deactivateInputRipple: async () => {
         const input = this.input;
-        if (input instanceof FormElement && input.ripple) {
-          input.ripple.deactivate();
+        if (input instanceof FormElement) {
+          const ripple = await input.ripple;
+          if (ripple) {
+            ripple.deactivate();
+          }
         }
@@ -78,3 +84,3 @@ },
   // be emitted into the runtime, which will cause an "HTMLSlotElement is
-  // undefined" error in browsers that don't define it (e.g. Edge and IE11).
+  // undefined" error in browsers that don't define it (e.g. IE11).
   @query('slot') protected slotEl!: HTMLElement;
@@ -81,0 +87,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

44021

increased by1.27%

Lines of code

321

increased by3.88%

Dependency changes

• + Added@material/mwc-base@0.14.0-canary.a2f046f5.0(transitive)

• - Removed@material/mwc-base@0.14.0-canary.97ef53d8.0(transitive)

• Updated@material/mwc-base@0.14.0-canary.a2f046f5.0