@vaadin/field-base - npm Package Compare versions

Comparing version 23.2.0-alpha5 to 23.2.0-alpha6

package.json

 {
   "name": "@vaadin/field-base",
-  "version": "23.2.0-alpha5",
+  "version": "23.2.0-alpha6",
   "publishConfig": {
@@ -35,3 +35,3 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.2.0-alpha5",
+    "@vaadin/component-base": "23.2.0-alpha6",
     "lit": "^2.0.0"
@@ -44,3 +44,3 @@ },
   },
-  "gitHead": "c6247fd741d61096d75a71feda4a1faf88b6f0ce"
+  "gitHead": "61f1fb56953434e97d34a8819640064301dd3d8a"
 }

src/input-field-mixin.js

@@ -88,11 +88,13 @@ /**
     /**
-     * Override an event listener from `DelegateFocusMixin`.
-     * @param {FocusEvent} event
+     * Override an event listener from `FocusMixin`.
+     * @param {boolean} focused
      * @protected
      * @override
      */
-    _onBlur(event) {
-      super._onBlur(event);
+    _setFocused(focused) {
+      super._setFocused(focused);
 
-      this.validate();
+      if (!focused) {
+        this.validate();
+      }
     }
@@ -99,0 +101,0 @@

src/input-mixin.js

@@ -55,2 +55,12 @@ /**
           },
+
+          /**
+           * When true, the input element has a non-empty value entered by the user.
+           * @protected
+           */
+          _hasInputValue: {
+            type: Boolean,
+            value: false,
+            observer: '_hasInputValueChanged',
+          },
         };
@@ -63,3 +73,3 @@ }
         this._boundOnInput = this._onInput.bind(this);
-        this._boundOnChange = this._onChange.bind(this);
+        this._boundOnChange = this.__onChange.bind(this);
       }
@@ -132,2 +142,13 @@
       /**
+       * Observer to notify about the change of private property.
+       *
+       * @private
+       */
+      _hasInputValueChanged(hasValue, oldHasValue) {
+        if (hasValue || oldHasValue) {
+          this.dispatchEvent(new CustomEvent('has-input-value-changed'));
+        }
+      }
+
+      /**
        * An input event listener used to update the field value.
@@ -154,2 +175,14 @@ *
       /**
+       * A change event listener used to update `_hasInputValue` property.
+       * Do not override this method.
+       *
+       * @param {Event} event
+       * @private
+       */
+      __onChange(event) {
+        this._hasInputValue = event.target.value.length > 0;
+        this._onChange(event);
+      }
+
+      /**
        * Toggle the has-value attribute based on the value property.
@@ -156,0 +189,0 @@ * @param {boolean} hasValue

No alert changes

Improved metrics

Total package byte prevSize

118285

increased by0.79%

Lines of code

3297

increased by0.98%

Dependency changes

• + Added@vaadin/component-base@23.2.0-alpha6(transitive)

• - Removed@vaadin/component-base@23.2.0-alpha5(transitive)

• Updated@vaadin/component-base@23.2.0-alpha6