@vaadin/number-field 23.1.0-alpha3 → 23.1.0-beta2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/number-field",
-  "version": "23.1.0-alpha3",
+  "version": "23.1.0-beta2",
   "publishConfig": {
     "access": "public"
   },
@@ -33,17 +33,17 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.1.0-alpha3",
-    "@vaadin/field-base": "23.1.0-alpha3",
-    "@vaadin/input-container": "23.1.0-alpha3",
-    "@vaadin/vaadin-lumo-styles": "23.1.0-alpha3",
-    "@vaadin/vaadin-material-styles": "23.1.0-alpha3",
-    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha3"
+    "@vaadin/component-base": "23.1.0-beta2",
+    "@vaadin/field-base": "23.1.0-beta2",
+    "@vaadin/input-container": "23.1.0-beta2",
+    "@vaadin/vaadin-lumo-styles": "23.1.0-beta2",
+    "@vaadin/vaadin-material-styles": "23.1.0-beta2",
+    "@vaadin/vaadin-themable-mixin": "23.1.0-beta2"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "8c9e64e8dfa158dd52a9bf6da351ff038c88ca85"
+  "gitHead": "f11f9245a0b5e6bf912725a501c27c24b74e7c8d"
 }

package/src/vaadin-number-field.d.ts

@@ -86,13 +86,13 @@ declare class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(
   addEventListener<K extends keyof NumberFieldEventMap>(
     type: K,
     listener: (this: NumberField, ev: NumberFieldEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof NumberFieldEventMap>(
     type: K,
     listener: (this: NumberField, ev: NumberFieldEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

package/src/vaadin-number-field.js

@@ -138,7 +138,7 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
       hasControls: {
         type: Boolean,
         value: false,
-        reflectToAttribute: true
+        reflectToAttribute: true,
       },
 
       /**
@@ -146,7 +146,7 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
        */
       min: {
         type: Number,
-        observer: '_minChanged'
+        observer: '_minChanged',
       },
 
       /**
@@ -154,7 +154,7 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
        */
       max: {
         type: Number,
-        observer: '_maxChanged'
+        observer: '_maxChanged',
       },
 
       /**
@@ -164,8 +164,8 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
       step: {
         type: Number,
         value: 1,
-        observer: '_stepChanged'
-      }
+        observer: '_stepChanged',
+      },
     };
   }
 
@@ -200,7 +200,7 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
         ${tag}[dir='rtl']:not([has-controls]) input[type="number"]::placeholder {
           text-align: left;
         }
-      `
+      `,
     ];
   }
 
@@ -233,7 +233,7 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
         this._setFocusElement(input);
         this.stateTarget = input;
         this.ariaTarget = input;
-      })
+      }),
     );
     this.addController(new LabelledInputController(this.inputElement, this._labelController));
   }
@@ -288,7 +288,7 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
     let value = parseFloat(this.value);
 
     if (!this.value) {
-      if ((this.min == 0 && incr < 0) || (this.max == 0 && incr > 0) || (this.max == 0 && this.min == 0)) {
+      if ((this.min === 0 && incr < 0) || (this.max === 0 && incr > 0) || (this.max === 0 && this.min === 0)) {
         incr = 0;
         value = 0;
       } else if ((this.max == null || this.max >= 0) && (this.min == null || this.min <= 0)) {
@@ -319,7 +319,7 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
     }
 
     const newValue = this._getIncrement(incr, value);
-    if (!this.value || incr == 0 || this._incrementIsInsideTheLimits(incr, value)) {
+    if (!this.value || incr === 0 || this._incrementIsInsideTheLimits(incr, value)) {
       this._setValue(newValue);
     }
   }

package/theme/lumo/vaadin-number-field-styles.js

@@ -51,5 +51,5 @@ const numberField = css`
 `;
 
 registerStyles('vaadin-number-field', [inputFieldShared, fieldButton, numberField], {
-  moduleId: 'lumo-number-field'
+  moduleId: 'lumo-number-field',
 });

package/theme/material/vaadin-number-field-styles.js

@@ -28,5 +28,5 @@ const numberField = css`
 `;
 
 registerStyles('vaadin-number-field', [inputFieldShared, fieldButton, numberField], {
-  moduleId: 'material-number-field'
+  moduleId: 'material-number-field',
 });