@vaadin/vaadin-text-field - npm Package Compare versions

Comparing version 2.4.11 to 2.5.0-alpha1

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-text-field",
-  "version": "2.4.11",
+  "version": "2.5.0-alpha1",
   "main": "vaadin-text-field.js",
@@ -16,0 +16,0 @@ "author": "Vaadin Ltd",

README.md

@@ -28,2 +28,3 @@ [![npm version](https://badge.fury.io/js/%40vaadin%2Fvaadin-text-field.svg)](https://badge.fury.io/js/%40vaadin%2Fvaadin-text-field)
     <link rel="import" href="vaadin-number-field.html">
+    <link rel="import" href="vaadin-integer-field.html">
     <next-code-block></next-code-block>
@@ -39,3 +40,4 @@ </template>
 <vaadin-email-field label="Email"></vaadin-email-field>
-<vaadin-number-field label="Count" has-controls></vaadin-number-field>
+<vaadin-number-field label="Price"></vaadin-number-field>
+<vaadin-integer-field label="Count" has-controls></vaadin-integer-field>
 ```
@@ -70,2 +72,3 @@
 <link rel="import" href="bower_components/vaadin-text-field/vaadin-number-field.html">
+<link rel="import" href="bower_components/vaadin-text-field/vaadin-integer-field.html">
 ```
@@ -88,2 +91,3 @@ ### Polymer 3 and ES Modules Compatible Version
 import '@vaadin/vaadin-text-field/vaadin-number-field.js';
+import '@vaadin/vaadin-text-field/vaadin-integer-field.js';
 ```
@@ -106,2 +110,3 @@
   `theme/lumo/vaadin-number-field.html`
+  `theme/lumo/vaadin-integer-field.html`
 
@@ -115,2 +120,3 @@ - The components with the Material theme:
   `theme/material/vaadin-number-field.html`
+  `theme/material/vaadin-integer-field.html`
 
@@ -121,3 +127,4 @@ - Aliases for `theme/lumo/vaadin-text-field.html`
   `theme/lumo/vaadin-email-field.html`
-  `theme/lumo/vaadin-number-field.html`:
+  `theme/lumo/vaadin-number-field.html`
+  `theme/lumo/vaadin-integer-field.html`:
 
@@ -129,2 +136,3 @@ `vaadin-text-field.html`
   `vaadin-number-field`
+  `vaadin-integer-field`
 
@@ -131,0 +139,0 @@

src/vaadin-email-field.js

@@ -33,3 +33,3 @@ /**
   static get version() {
-    return '2.4.11';
+    return '2.5.0-alpha1';
   }
@@ -36,0 +36,0 @@

src/vaadin-number-field.js

@@ -63,3 +63,3 @@ /**
 /**
-* `<vaadin-number-field>` is a Polymer 2 element for number field control in forms.
+* `<vaadin-number-field>` is a Web Component for number field control in forms.
 *
@@ -80,3 +80,3 @@ * ```html
   static get version() {
-    return '2.4.11';
+    return '2.5.0-alpha1';
   }
@@ -100,3 +100,4 @@
         type: Number,
-        reflectToAttribute: true
+        reflectToAttribute: true,
+        observer: '_minChanged'
       },
@@ -119,3 +120,4 @@
         reflectToAttribute: true,
-        value: 1
+        value: 1,
+        observer: '_stepChanged'
       }
@@ -126,8 +128,2 @@
 
-  static get observers() {
-    return [
-      '_stepOrMinChanged(step, min)'
-    ];
-  }
-
   ready() {
@@ -137,3 +133,2 @@ super.ready();
     this.inputElement.type = 'number';
-    this.inputElement.addEventListener('keydown', this.__onKeyDown.bind(this));
     this.inputElement.addEventListener('change', this.__onInputChange.bind(this));
@@ -234,3 +229,3 @@ }
   _setValue(value) {
-    this.value = this.inputElement.value = parseFloat(value);
+    this.value = this.inputElement.value = String(parseFloat(value));
     this.dispatchEvent(new CustomEvent('change', {bubbles: true}));
@@ -291,6 +286,14 @@ }
 
-  _maxChanged() {
-    this.inputElement.max = this.max;
+  _stepChanged(step) {
+    this.inputElement.step = step;
   }
 
+  _minChanged(min) {
+    this.inputElement.min = min;
+  }
+
+  _maxChanged(max) {
+    this.inputElement.max = max;
+  }
+
   _valueChanged(newVal, oldVal) {
@@ -307,3 +310,3 @@ // Validate value to be numeric
 
-  __onKeyDown(e) {
+  _onKeyDown(e) {
     if (e.keyCode == 38) {
@@ -316,2 +319,3 @@ e.preventDefault();
     }
+    super._onKeyDown(e);
   }
@@ -323,7 +327,2 @@
 
-  _stepOrMinChanged(step, min) {
-    this.inputElement.step = step;
-    this.inputElement.min = this.min;
-  }
-
   checkValidity() {
@@ -330,0 +329,0 @@ // text-field mixin does not check against `min` and `max`

src/vaadin-password-field.js

@@ -79,3 +79,3 @@ /**
   static get version() {
-    return '2.4.11';
+    return '2.5.0-alpha1';
   }
@@ -82,0 +82,0 @@

src/vaadin-text-area.js

@@ -133,3 +133,3 @@ /**
   static get version() {
-    return '2.4.11';
+    return '2.5.0-alpha1';
   }
@@ -136,0 +136,0 @@

src/vaadin-text-field.js

@@ -106,3 +106,3 @@ /**
   static get version() {
-    return '2.4.11';
+    return '2.5.0-alpha1';
   }
@@ -109,0 +109,0 @@

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

99790

3.53%

Number of package files

38

11.76%

Lines of code

2282

4.3%

Number of lines in readme file

173

4.85%

Number of medium supply chain risk alerts

0

-100%

Worsened metrics

Number of low quality alerts

1

Infinity%

No dependency changes