@vaadin/vaadin-ordered-layout - npm Package Compare versions

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

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-ordered-layout",
-  "version": "1.0.1-pre.1",
+  "version": "1.0.1-pre.2",
   "main": "vaadin-ordered-layout.js",
@@ -25,16 +25,17 @@ "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-lumo-styles": "^1.0.0-pre.1"
+    "@polymer/polymer": "^3.0.0-pre.13",
+    "@vaadin/vaadin-themable-mixin": "^1.1.5-pre.2",
+    "@vaadin/vaadin-lumo-styles": "^1.0.0-pre.4"
   },
   "devDependencies": {
-    "@polymer/iron-component-page": "^3.0.0-pre.12",
-    "@polymer/iron-demo-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",
+    "@webcomponents/webcomponentsjs": "^2.0.0-beta.2",
+    "wct-browser-legacy": "^0.0.1-pre.11",
     "@vaadin/vaadin-demo-helpers": "^1.2.5-pre.1"
   }
 }

README.md

@@ -14,3 +14,3 @@ ![Bower version](https://img.shields.io/bower/v/vaadin-ordered-layout.svg)
 
-[<vaadin-ordered-layout>](https://vaadin.com/components/vaadin-ordered-layout) consist of two [Polymer 2](http://polymer-project.org) elements providing a simple way to horizontally or vertically align your HTML elements, part of the [Vaadin components](https://vaadin.com/components).
+[<vaadin-ordered-layout>](https://vaadin.com/components/vaadin-ordered-layout) consist of two Web Components providing a simple way to horizontally or vertically align your HTML elements, part of the [Vaadin components](https://vaadin.com/components).
 
@@ -42,2 +42,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-ordered-layout`:
+
+```sh
+bower i vaadin/vaadin-ordered-layout --save
+```
+
+Once installed, import it in your application:
+
+```html
+<link rel="import" href="bower_components/vaadin-ordered-layout/vaadin-vertical-layout.html">
+```
+### Polymer 3 and ES Modules Compatible Version
+
+Install `vaadin-ordered-layout`:
+
+```sh
+npm i @vaadin/vaadin-ordered-layout --save
+```
+
+Once installed, import it in your application:
+
+```js
+import '@vaadin/vaadin-ordered-layout/vaadin-vertical-layout.js';
+```
+
 ## Getting Started
@@ -44,0 +80,0 @@

src/vaadin-horizontal-layout.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 { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
@@ -73,3 +79,3 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';
   static get version() {
-    return '1.0.1-pre.1';
+    return '1.0.1-pre.2';
   }
@@ -76,0 +82,0 @@ }

src/vaadin-vertical-layout.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 { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
@@ -75,3 +81,3 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';
   static get version() {
-    return '1.0.1-pre.1';
+    return '1.0.1-pre.2';
   }
@@ -78,0 +84,0 @@ }

theme/lumo/vaadin-horizontal-layout-styles.js

 import '@vaadin/vaadin-lumo-styles/spacing.js';
 import './vaadin-ordered-layout.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -61,2 +61,2 @@
 
-document.head.appendChild($_documentContainer);
+document.head.appendChild($_documentContainer.content);

theme/lumo/vaadin-ordered-layout.js

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

theme/lumo/vaadin-vertical-layout-styles.js

 import '@vaadin/vaadin-lumo-styles/spacing.js';
 import './vaadin-ordered-layout.js';
-const $_documentContainer = document.createElement('div');
+const $_documentContainer = document.createElement('template');
 $_documentContainer.setAttribute('style', 'display: none;');
@@ -61,2 +61,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

137308

increased by0.97%

Lines of code

327

increased by3.15%

Number of lines in readme file

136

increased by36%

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-lumo-styles@^1.0.0-pre.4

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