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

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

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-text-field",
-  "version": "2.0.1-pre.1",
+  "version": "2.0.1-pre.2",
   "main": "vaadin-text-field.js",
@@ -25,21 +25,22 @@ "author": "Vaadin Ltd",
     "supports-color": "3.1.2",
-    "type-detect": "1.0.0"
+    "type-detect": "1.0.0",
+    "@webcomponents/webcomponentsjs": "2.0.0-beta.2"
   },
   "dependencies": {
-    "@polymer/polymer": "^3.0.0-pre.12",
-    "@vaadin/vaadin-themable-mixin": "^1.1.5-pre.1",
-    "@vaadin/vaadin-control-state-mixin": "^2.0.3-pre.1",
-    "@vaadin/vaadin-lumo-styles": "^1.0.0-pre.1",
-    "@vaadin/vaadin-element-mixin": "^1.0.2-pre.1"
+    "@polymer/polymer": "^3.0.0-pre.13",
+    "@vaadin/vaadin-themable-mixin": "^1.1.5-pre.2",
+    "@vaadin/vaadin-control-state-mixin": "^2.0.3-pre.2",
+    "@vaadin/vaadin-lumo-styles": "^1.0.0-pre.4",
+    "@vaadin/vaadin-element-mixin": "^1.0.2-pre.2"
   },
   "devDependencies": {
-    "@polymer/iron-component-page": "^3.0.0-pre.12",
-    "@polymer/iron-demo-helpers": "^3.0.0-pre.12",
-    "@polymer/iron-form": "^3.0.0-pre.12",
-    "@polymer/iron-test-helpers": "^3.0.0-pre.12",
-    "@webcomponents/webcomponentsjs": "^1.0.0",
-    "wct-browser-legacy": "0.0.1-pre.11",
+    "@polymer/iron-component-page": "^3.0.0-pre.15",
+    "@polymer/iron-demo-helpers": "^3.0.0-pre.15",
+    "@polymer/iron-form": "^3.0.0-pre.15",
+    "@polymer/iron-test-helpers": "^3.0.0-pre.15",
+    "@webcomponents/webcomponentsjs": "^2.0.0-beta.2",
+    "wct-browser-legacy": "^0.0.1-pre.11",
     "@vaadin/vaadin-demo-helpers": "^1.2.5-pre.1",
-    "@vaadin/vaadin-button": "^2.0.0-pre.1"
+    "@vaadin/vaadin-button": "^2.0.0-pre.2"
   }
 }

README.md

@@ -13,3 +13,3 @@ ![Bower version](https://img.shields.io/bower/v/vaadin-text-field.svg)
 
-[<vaadin-text-field>](https://vaadin.com/components/vaadin-text-field) is a themable [Polymer 2](http://polymer-project.org) element providing input controls in forms, part of the [Vaadin components](https://vaadin.com/components).
+[<vaadin-text-field>](https://vaadin.com/components/vaadin-text-field) is a themable Web Component providing input controls in forms, part of the [Vaadin components](https://vaadin.com/components).
 
@@ -37,2 +37,38 @@ <!--
 
+## Installation
+
+The Vaadin components are distributed as Bower and npm packages.
+Please note that the version range is the same, as the API has not changed.
+You should not mix Bower and npm versions in the same application, though.
+
+Unlike the official Polymer Elements, the converted Polymer 3 compatible Vaadin components
+are only published on npm, not pushed to GitHub repositories.
+
+### Polymer 2 and HTML Imports Compatible Version
+
+Install `vaadin-text-field`:
+
+```sh
+bower i vaadin/vaadin-text-field --save
+```
+
+Once installed, import it in your application:
+
+```html
+<link rel="import" href="bower_components/vaadin-text-field/vaadin-text-field.html">
+```
+### Polymer 3 and ES Modules Compatible Version
+
+Install `vaadin-text-field`:
+
+```sh
+npm i @vaadin/vaadin-text-field --save
+```
+
+Once installed, import it in your application:
+
+```js
+import '@vaadin/vaadin-text-field/vaadin-text-field.js';
+```
+
 ## Getting Started
@@ -39,0 +75,0 @@

src/vaadin-password-field.js

@@ -0,6 +1,12 @@
+/**
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+*/
 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';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -36,3 +42,3 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);
 let memoizedTemplate;
@@ -76,3 +82,3 @@
   static get version() {
-    return '2.0.1-pre.1';
+    return '2.0.1-pre.2';
   }
@@ -79,0 +85,0 @@

src/vaadin-text-area.js

@@ -0,2 +1,8 @@
+/**
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+*/
 import { PolymerElement } from '@polymer/polymer/polymer-element.js';
+
 import { TextFieldMixin } from './vaadin-text-field-mixin.js';
@@ -100,3 +106,3 @@ import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
   static get version() {
-    return '2.0.1-pre.1';
+    return '2.0.1-pre.2';
   }
@@ -103,0 +109,0 @@

src/vaadin-text-field-mixin.js

@@ -0,4 +1,10 @@
+/**
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+*/
 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');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -85,4 +91,8 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);
 
+/**
+ * @polymerMixin
+ * @mixes Vaadin.ControlStateMixin
+ */
 export const TextFieldMixin = subclass => class VaadinTextFieldMixin extends ControlStateMixin(subclass) {
@@ -89,0 +99,0 @@ static get properties() {

src/vaadin-text-field.js

@@ -0,2 +1,8 @@
+/**
+@license
+Copyright (c) 2017 Vaadin Ltd.
+This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+*/
 import { PolymerElement } from '@polymer/polymer/polymer-element.js';
+
 import { TextFieldMixin } from './vaadin-text-field-mixin.js';
@@ -80,3 +86,3 @@ import { ElementMixin } from '@vaadin/vaadin-element-mixin/vaadin-element-mixin.js';
   static get version() {
-    return '2.0.1-pre.1';
+    return '2.0.1-pre.2';
   }
@@ -83,0 +89,0 @@

test/visual/common.js

@@ -1,2 +0,2 @@
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -21,2 +21,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

theme/lumo/vaadin-password-field-styles.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');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -26,2 +26,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

theme/lumo/vaadin-text-area-styles.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');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -56,2 +56,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

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

@@ -6,3 +6,3 @@ import '@vaadin/vaadin-lumo-styles/color.js';
 import '@vaadin/vaadin-lumo-styles/typography.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -349,2 +349,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

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

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

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

332062

increased by0.84%

Lines of code

1192

increased by2.05%

Number of lines in readme file

137

increased by35.64%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@polymer/polymer@^3.0.0-pre.13

• Updated@vaadin/vaadin-control-state-mixin@^2.0.3-pre.2

• Updated@vaadin/vaadin-element-mixin@^1.0.2-pre.2

• Updated@vaadin/vaadin-lumo-styles@^1.0.0-pre.4

• Updated@vaadin/vaadin-themable-mixin@^1.1.5-pre.2