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

Comparing version 1.1.0 to 1.2.0-alpha1

imports.js

 import './vaadin-horizontal-layout.js';
 import './vaadin-vertical-layout.js';
+import './vaadin-scroll-container.js';

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-ordered-layout",
-  "version": "1.1.0",
+  "version": "1.2.0-alpha1",
   "main": "imports.js",
@@ -21,2 +21,8 @@ "author": "Vaadin Ltd",
   },
+  "files": [
+    "vaadin-*.js",
+    "imports.js",
+    "src",
+    "theme"
+  ],
   "resolutions": {
@@ -36,8 +42,8 @@ "inherits": "2.0.3",
   "devDependencies": {
-    "@polymer/iron-component-page": "^3.0.0-pre.18",
-    "@polymer/iron-demo-helpers": "^3.0.0-pre.18",
+    "@polymer/iron-component-page": "^4.0.0",
+    "@polymer/iron-demo-helpers": "^3.0.0",
     "@webcomponents/webcomponentsjs": "^2.0.0",
     "wct-browser-legacy": "^1.0.1",
-    "@vaadin/vaadin-demo-helpers": "^2.0.1"
+    "@vaadin/vaadin-demo-helpers": "^3.0.0"
   }
 }

README.md

@@ -106,16 +106,16 @@ [![npm version](https://badgen.net/npm/v/@vaadin/vaadin-ordered-layout)](https://www.npmjs.com/package/@vaadin/vaadin-ordered-layout)
 
-## Running demos and tests in browser
+## Running demos and tests in a browser
 
 1. Fork the `vaadin-ordered-layout` repository and clone it locally.
 
-1. Make sure you have [npm](https://www.npmjs.com/) installed.
+1. Make sure you have [npm](https://www.npmjs.com/) and [Bower](https://bower.io) installed.
 
 1. When in the `vaadin-ordered-layout` directory, run `npm install` and then `bower install` to install dependencies.
 
-1. Run `polymer serve --open`, browser will automatically open the component API documentation.
+1. Run `npm start`, browser will automatically open the component API documentation.
 
 1. You can also open demo or in-browser tests by adding **demo** or **test** to the URL, for example:
 
-  - http://127.0.0.1:8080/components/vaadin-ordered-layout/demo
-  - http://127.0.0.1:8080/components/vaadin-ordered-layout/test
+  - http://127.0.0.1:3000/components/vaadin-ordered-layout/demo
+  - http://127.0.0.1:3000/components/vaadin-ordered-layout/test
 
@@ -130,5 +130,10 @@
 
-We are using [ESLint](http://eslint.org/) for linting JavaScript code. You can check if your code is following our standards by running `gulp lint`, which will automatically lint all `.js` files as well as JavaScript snippets inside `.html` files.
+We are using [ESLint](http://eslint.org/) for linting JavaScript code. You can check if your code is following our standards by running `npm run lint`, which will automatically lint all `.js` files as well as JavaScript snippets inside `.html` files.
 
 
+## Big Thanks
+
+Cross-browser Testing Platform and Open Source <3 Provided by [Sauce Labs](https://saucelabs.com).
+
+
 ## Contributing
@@ -135,0 +140,0 @@

src/vaadin-horizontal-layout.js

@@ -80,3 +80,3 @@ /**
   static get version() {
-    return '1.1.0';
+    return '1.2.0-alpha1';
   }
@@ -83,0 +83,0 @@ }

src/vaadin-vertical-layout.js

@@ -82,3 +82,3 @@ /**
   static get version() {
-    return '1.1.0';
+    return '1.2.0-alpha1';
   }
@@ -85,0 +85,0 @@ }

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

 import '@vaadin/vaadin-lumo-styles/spacing.js';
 import './vaadin-ordered-layout.js';
-const $_documentContainer = document.createElement('template');
+import { html } from '@polymer/polymer/lib/utils/html-tag.js';
 
-$_documentContainer.innerHTML = `<dom-module id="lumo-horizontal-layout" theme-for="vaadin-horizontal-layout">
+const $_documentContainer = html`<dom-module id="lumo-horizontal-layout" theme-for="vaadin-horizontal-layout">
   <template>
@@ -7,0 +7,0 @@ <style include="lumo-ordered-layout">

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

 import '@vaadin/vaadin-lumo-styles/spacing.js';
 import './vaadin-ordered-layout.js';
-const $_documentContainer = document.createElement('template');
+import { html } from '@polymer/polymer/lib/utils/html-tag.js';
 
-$_documentContainer.innerHTML = `<dom-module id="lumo-vertical-layout" theme-for="vaadin-vertical-layout">
+const $_documentContainer = html`<dom-module id="lumo-vertical-layout" theme-for="vaadin-vertical-layout">
   <template>
@@ -7,0 +7,0 @@ <style include="lumo-ordered-layout">

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

 import './vaadin-ordered-layout.js';
-const $_documentContainer = document.createElement('template');
+import { html } from '@polymer/polymer/lib/utils/html-tag.js';
 
-$_documentContainer.innerHTML = `<dom-module id="material-horizontal-layout" theme-for="vaadin-horizontal-layout">
+const $_documentContainer = html`<dom-module id="material-horizontal-layout" theme-for="vaadin-horizontal-layout">
   <template>
@@ -6,0 +6,0 @@ <style include="material-ordered-layout">

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

 import './vaadin-ordered-layout.js';
-const $_documentContainer = document.createElement('template');
+import { html } from '@polymer/polymer/lib/utils/html-tag.js';
 
-$_documentContainer.innerHTML = `<dom-module id="material-vertical-layout" theme-for="vaadin-vertical-layout">
+const $_documentContainer = html`<dom-module id="material-vertical-layout" theme-for="vaadin-vertical-layout">
   <template>
@@ -6,0 +6,0 @@ <style include="material-ordered-layout">

New alerts

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Lines of code

451

increased by8.41%

Number of lines in readme file

145

increased by3.57%

Worsened metrics

Total package byte prevSize

31408

decreased by-23.69%

Number of low quality alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes