@vaadin/number-field 22.0.2 → 23.0.0-alpha4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/number-field",
-  "version": "22.0.2",
+  "version": "23.0.0-alpha4",
   "publishConfig": {
     "access": "public"
   },
@@ -18,6 +18,7 @@
   },
   "main": "vaadin-number-field.js",
   "module": "vaadin-number-field.js",
+  "type": "module",
   "files": [
     "src",
     "theme",
@@ -32,17 +33,17 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "^22.0.2",
-    "@vaadin/field-base": "^22.0.2",
-    "@vaadin/input-container": "^22.0.2",
-    "@vaadin/vaadin-lumo-styles": "^22.0.2",
-    "@vaadin/vaadin-material-styles": "^22.0.2",
-    "@vaadin/vaadin-themable-mixin": "^22.0.2"
+    "@vaadin/component-base": "23.0.0-alpha4",
+    "@vaadin/field-base": "23.0.0-alpha4",
+    "@vaadin/input-container": "23.0.0-alpha4",
+    "@vaadin/vaadin-lumo-styles": "23.0.0-alpha4",
+    "@vaadin/vaadin-material-styles": "23.0.0-alpha4",
+    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha4"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.1"
   },
-  "gitHead": "df21370c4a655a38eac11f79686021ab3b0887ad"
+  "gitHead": "81e2deee5147bb7c1f4884760f4598613306f1fb"
 }

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
@@ -8,6 +8,13 @@ import { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';
 import { SlotStylesMixin } from '@vaadin/field-base/src/slot-styles-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 
+/**
+ * Fired when the user commits a value change.
+ */
+export type NumberFieldChangeEvent = Event & {
+  target: NumberField;
+};
+
 /**
  * Fired when the `invalid` property changes.
  */
@@ -24,7 +31,9 @@ export interface NumberFieldCustomEventMap {
   'value-changed': NumberFieldValueChangedEvent;
 }
 
-export interface NumberFieldEventMap extends HTMLElementEventMap, NumberFieldCustomEventMap {}
+export interface NumberFieldEventMap extends HTMLElementEventMap, NumberFieldCustomEventMap {
+  change: NumberFieldChangeEvent;
+}
 
 /**
  * `<vaadin-number-field>` is an input field web component that only accepts numeric input.

package/src/vaadin-number-field.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import '@vaadin/input-container/src/vaadin-input-container.js';
@@ -233,7 +233,7 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
         this.ariaTarget = input;
       })
     );
-    this.addController(new LabelledInputController(this.inputElement, this._labelNode));
+    this.addController(new LabelledInputController(this.inputElement, this._labelController));
   }
 
   /** @private */
@@ -301,13 +301,11 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
         value = this.max;
         if (incr < 0) {
           incr = 0;
-        } else {
+        } else if (this._getIncrement(1, value - this.step) > this.max) {
+          value -= 2 * this.step;
           // FIXME(yuriy): find a proper solution to make correct step back
-          if (this._getIncrement(1, value - this.step) > this.max) {
-            value -= 2 * this.step;
-          } else {
-            value -= this.step;
-          }
+        } else {
+          value -= this.step;
         }
       }
     } else if (value < this.min) {
@@ -348,9 +346,8 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
       return (currentValue - margin + step) / multiplier;
     } else if (incr < 0) {
       return (currentValue - (margin || step)) / multiplier;
-    } else {
-      return currentValue / multiplier;
     }
+    return currentValue / multiplier;
   }
 
   /** @private */
@@ -363,7 +360,7 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
   /** @private */
   _getMultiplier(number) {
     if (!isNaN(number)) {
-      return Math.pow(10, this._getDecimalCount(number));
+      return 10 ** this._getDecimalCount(number);
     }
   }
 
@@ -373,9 +370,8 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
       return this.min == null || this._getIncrement(incr, value) >= this.min;
     } else if (incr > 0) {
       return this.max == null || this._getIncrement(incr, value) <= this.max;
-    } else {
-      return this._getIncrement(incr, value) <= this.max && this._getIncrement(incr, value) >= this.min;
     }
+    return this._getIncrement(incr, value) <= this.max && this._getIncrement(incr, value) >= this.min;
   }
 
   /** @private */
@@ -470,9 +466,8 @@ export class NumberField extends InputFieldMixin(SlotStylesMixin(ThemableMixin(E
       (this.required || this.min !== undefined || this.max !== undefined || this.__validateByStep)
     ) {
       return this.inputElement.checkValidity();
-    } else {
-      return !this.invalid;
     }
+    return !this.invalid;
   }
 }
 

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import '@vaadin/vaadin-lumo-styles/sizing.js';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import '@vaadin/input-container/theme/lumo/vaadin-input-container.js';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import { fieldButton } from '@vaadin/vaadin-material-styles/mixins/field-button.js';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021 Vaadin Ltd.
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 import '@vaadin/input-container/theme/material/vaadin-input-container.js';