@material/mwc-formfield - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0

mwc-formfield.d.ts

@@ -17,9 +17,5 @@ /**
 */
-import { BaseElement, Foundation, Adapter } from '@material/mwc-base/base-element.js';
-export interface FormFieldFoundation extends Foundation {
-}
-export declare var FormFieldFoundation: {
-    prototype: FormFieldFoundation;
-    new (adapter: Adapter): FormFieldFoundation;
-};
+import { BaseElement } from '@material/mwc-base/base-element.js';
+import MDCFormFieldFoundation from '@material/form-field/foundation.js';
+import { MDCFormFieldAdapter } from '@material/form-field/adapter.js';
 declare global {
@@ -34,10 +30,5 @@ interface HTMLElementTagNameMap {
     protected mdcRoot: HTMLElement;
-    protected mdcFoundation: FormFieldFoundation;
-    protected readonly mdcFoundationClass: typeof FormFieldFoundation;
-    protected createAdapter(): {
-        registerInteractionHandler: (type: string, handler: EventListener) => void;
-        deregisterInteractionHandler: (type: string, handler: EventListener) => void;
-        activateInputRipple: () => void;
-        deactivateInputRipple: () => void;
-    };
+    protected mdcFoundation: MDCFormFieldFoundation;
+    protected readonly mdcFoundationClass: typeof MDCFormFieldFoundation;
+    protected createAdapter(): MDCFormFieldAdapter;
     protected slotEl: HTMLSlotElement;
@@ -44,0 +35,0 @@ protected labelEl: HTMLLabelElement;

mwc-formfield.js

@@ -36,7 +36,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     createAdapter() {
-        return Object.assign({}, super.createAdapter(), { registerInteractionHandler: (type, handler) => {
+        return {
+            registerInteractionHandler: (type, handler) => {
                 this.labelEl.addEventListener(type, handler);
-            }, deregisterInteractionHandler: (type, handler) => {
+            },
+            deregisterInteractionHandler: (type, handler) => {
                 this.labelEl.removeEventListener(type, handler);
-            }, activateInputRipple: () => {
+            },
+            activateInputRipple: () => {
                 const input = this.input;
@@ -46,3 +49,4 @@ if (input instanceof FormElement && input.ripple) {
                 }
-            }, deactivateInputRipple: () => {
+            },
+            deactivateInputRipple: () => {
                 const input = this.input;
@@ -52,3 +56,4 @@ if (input instanceof FormElement && input.ripple) {
                 }
-            } });
+            }
+        };
     }
@@ -55,0 +60,0 @@ get input() {

package.json

 {
   "name": "@material/mwc-formfield",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "",
@@ -12,4 +12,4 @@ "main": "mwc-formfield.js",
   "dependencies": {
-    "@material/form-field": "^0.44.0",
-    "@material/mwc-base": "^0.3.6"
+    "@material/form-field": "^1.0.0",
+    "@material/mwc-base": "^0.5.0"
   },
@@ -16,0 +16,0 @@ "publishConfig": {

src/mwc-formfield.ts

@@ -17,3 +17,3 @@ /**
 */
-import {html, BaseElement, Foundation, Adapter, property, query, observer, classMap} from '@material/mwc-base/base-element.js';
+import {html, BaseElement, property, query, observer, classMap} from '@material/mwc-base/base-element.js';
 import {FormElement} from '@material/mwc-base/form-element.js';
@@ -23,11 +23,4 @@ import {findAssignedElement} from '@material/mwc-base/utils.js';
 import MDCFormFieldFoundation from '@material/form-field/foundation.js';
+import {MDCFormFieldAdapter} from '@material/form-field/adapter.js';
 
-export interface FormFieldFoundation extends Foundation {
-}
-
-export declare var FormFieldFoundation: {
-  prototype: FormFieldFoundation;
-  new(adapter: Adapter): FormFieldFoundation;
-}
-
 declare global {
@@ -60,9 +53,8 @@ interface HTMLElementTagNameMap {
 
-  protected mdcFoundation!: FormFieldFoundation;
+  protected mdcFoundation!: MDCFormFieldFoundation;
 
-  protected readonly mdcFoundationClass: typeof FormFieldFoundation = MDCFormFieldFoundation;
+  protected readonly mdcFoundationClass = MDCFormFieldFoundation;
 
-  protected createAdapter() {
+  protected createAdapter(): MDCFormFieldAdapter {
     return {
-      ...super.createAdapter(),
       registerInteractionHandler: (type: string, handler: EventListener) => {
@@ -69,0 +61,0 @@ this.labelEl.addEventListener(type, handler);

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

Worsened metrics

Total package byte prevSize

24853

decreased by-2.61%

Lines of code

276

decreased by-3.5%

Dependency changes

• + Added@material/animation@1.0.0(transitive)

• + Added@material/base@1.0.0(transitive)

• + Added@material/dom@1.1.0(transitive)

• + Added@material/form-field@1.1.0(transitive)

• + Added@material/mwc-base@0.5.0(transitive)

• + Added@material/ripple@1.1.0(transitive)

• + Added@material/theme@1.1.0(transitive)

• + Added@material/typography@1.0.0(transitive)

• + Addedtslib@1.14.1(transitive)

• - Removed@material/animation@0.41.0(transitive)

• - Removed@material/base@0.41.0(transitive)

• - Removed@material/form-field@0.44.1(transitive)

• - Removed@material/mwc-base@0.3.6(transitive)

• - Removed@material/ripple@0.44.1(transitive)

• - Removed@material/selection-control@0.44.1(transitive)

• - Removed@material/theme@0.43.0(transitive)

• - Removed@material/typography@0.44.1(transitive)

• Updated@material/form-field@^1.0.0

• Updated@material/mwc-base@^0.5.0