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

Comparing version 2.0.0-pre.1 to 2.0.1-pre.1

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-text-field",
-  "version": "2.0.0-pre.1",
+  "version": "2.0.1-pre.1",
   "main": "vaadin-text-field.js",
@@ -16,0 +16,0 @@ "author": "Vaadin Ltd",

README.md

 ![Bower version](https://img.shields.io/bower/v/vaadin-text-field.svg)
+[![npm version](https://badge.fury.io/js/%40vaadin%2Fvaadin-text-field.svg)](https://badge.fury.io/js/%40vaadin%2Fvaadin-text-field)
 [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/vaadin/vaadin-text-field)
@@ -3,0 +4,0 @@ [![Build Status](https://travis-ci.org/vaadin/vaadin-text-field.svg?branch=master)](https://travis-ci.org/vaadin/vaadin-text-field)

src/vaadin-password-field.js

@@ -1,5 +0,5 @@
-import '../../../@polymer/polymer/polymer-element.js';
-import '../../../@polymer/polymer/lib/elements/custom-style.js';
+import '@polymer/polymer/polymer-element.js';
+import '@polymer/polymer/lib/elements/custom-style.js';
 import { TextFieldElement } from './vaadin-text-field.js';
-import { DomModule } from '../../../@polymer/polymer/lib/elements/dom-module.js';
+import { DomModule } from '@polymer/polymer/lib/elements/dom-module.js';
 const $_documentContainer = document.createElement('div');
@@ -75,3 +75,3 @@ $_documentContainer.setAttribute('style', 'display: none;');
   static get version() {
-    return '2.0.0-pre.1';
+    return '2.0.1-pre.1';
   }
@@ -127,6 +127,20 @@
     this.addEventListener('blur', () => {
-      this._setPasswordVisible(false);
+      if (!this._passwordVisibilityChanging) {
+        this._setPasswordVisible(false);
+        if (this._cachedChangeEvent) {
+          this._onChange(this._cachedChangeEvent);
+        }
+      }
     });
   }
 
+  _onChange(e) {
+    if (this._passwordVisibilityChanging) {
+      this._cachedChangeEvent = e;
+    } else {
+      this._cachedChangeEvent = null;
+      super._onChange(e);
+    }
+  }
+
   _revealButtonMouseDown(e) {
@@ -146,3 +160,7 @@ if (this.hasAttribute('focused')) {
   _togglePasswordVisibility() {
+    this._passwordVisibilityChanging = true;
+    this.focusElement.blur();
     this._setPasswordVisible(!this.passwordVisible);
+    this.focusElement.focus();
+    this._passwordVisibilityChanging = false;
   }
@@ -149,0 +167,0 @@

src/vaadin-text-area.js

@@ -1,6 +0,6 @@
-import { PolymerElement } from '../../../@polymer/polymer/polymer-element.js';
+import { PolymerElement } from '@polymer/polymer/polymer-element.js';
 import { TextFieldMixin } from './vaadin-text-field-mixin.js';
-import { ElementMixin } from '../../../@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
-import { html } from '../../../@polymer/polymer/lib/utils/html-tag.js';
-import { ThemableMixin } from '../../../@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
+import { html } from '@polymer/polymer/lib/utils/html-tag.js';
+import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 /**
@@ -100,3 +100,3 @@ * `<vaadin-text-area>` is a Polymer 2 element for text area control in forms.
   static get version() {
-    return '2.0.0-pre.1';
+    return '2.0.1-pre.1';
   }
@@ -103,0 +103,0 @@

src/vaadin-text-field-mixin.js

@@ -1,3 +0,3 @@
-import '../../../@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
-import { ControlStateMixin } from '../../../@vaadin/vaadin-control-state-mixin/vaadin-control-state-mixin.js';
+import '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { ControlStateMixin } from '@vaadin/vaadin-control-state-mixin/vaadin-control-state-mixin.js';
 const $_documentContainer = document.createElement('div');
@@ -4,0 +4,0 @@ $_documentContainer.setAttribute('style', 'display: none;');

src/vaadin-text-field.js

@@ -1,6 +0,6 @@
-import { PolymerElement } from '../../../@polymer/polymer/polymer-element.js';
+import { PolymerElement } from '@polymer/polymer/polymer-element.js';
 import { TextFieldMixin } from './vaadin-text-field-mixin.js';
-import { ElementMixin } from '../../../@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
-import { html } from '../../../@polymer/polymer/lib/utils/html-tag.js';
-import { ThemableMixin } from '../../../@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
+import { html } from '@polymer/polymer/lib/utils/html-tag.js';
+import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
 /**
@@ -80,3 +80,3 @@ * `<vaadin-text-field>` is a Polymer 2 element for text field control in forms.
   static get version() {
-    return '2.0.0-pre.1';
+    return '2.0.1-pre.1';
   }
@@ -83,0 +83,0 @@

theme/lumo/vaadin-password-field-styles.js

@@ -1,4 +0,4 @@
-import '../../../../@vaadin/vaadin-lumo-styles/font-icons.js';
-import '../../../../@vaadin/vaadin-lumo-styles/sizing.js';
-import '../../../../@vaadin/vaadin-lumo-styles/mixins/field-button.js';
+import '@vaadin/vaadin-lumo-styles/font-icons.js';
+import '@vaadin/vaadin-lumo-styles/sizing.js';
+import '@vaadin/vaadin-lumo-styles/mixins/field-button.js';
 const $_documentContainer = document.createElement('div');
@@ -5,0 +5,0 @@ $_documentContainer.setAttribute('style', 'display: none;');

theme/lumo/vaadin-text-area-styles.js

@@ -1,4 +0,4 @@
-import '../../../../@vaadin/vaadin-lumo-styles/color.js';
-import '../../../../@vaadin/vaadin-lumo-styles/sizing.js';
-import '../../../../@vaadin/vaadin-lumo-styles/typography.js';
+import '@vaadin/vaadin-lumo-styles/color.js';
+import '@vaadin/vaadin-lumo-styles/sizing.js';
+import '@vaadin/vaadin-lumo-styles/typography.js';
 const $_documentContainer = document.createElement('div');
@@ -5,0 +5,0 @@ $_documentContainer.setAttribute('style', 'display: none;');

theme/lumo/vaadin-text-field-styles.js

@@ -1,6 +0,6 @@
-import '../../../../@vaadin/vaadin-lumo-styles/color.js';
-import '../../../../@vaadin/vaadin-lumo-styles/sizing.js';
-import '../../../../@vaadin/vaadin-lumo-styles/spacing.js';
-import '../../../../@vaadin/vaadin-lumo-styles/style.js';
-import '../../../../@vaadin/vaadin-lumo-styles/typography.js';
+import '@vaadin/vaadin-lumo-styles/color.js';
+import '@vaadin/vaadin-lumo-styles/sizing.js';
+import '@vaadin/vaadin-lumo-styles/spacing.js';
+import '@vaadin/vaadin-lumo-styles/style.js';
+import '@vaadin/vaadin-lumo-styles/typography.js';
 const $_documentContainer = document.createElement('div');
@@ -7,0 +7,0 @@ $_documentContainer.setAttribute('style', 'display: none;');

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

Improved metrics

Total package byte prevSize

329281

increased by0.89%

Lines of code

1168

increased by1.48%

Number of lines in readme file

101

increased by1%

Worsened metrics

Number of package files

77

decreased by-1.28%

No dependency changes