+++ /dev/null
-## Vaadin Elements 0.3.0-beta12 (2015-11-12)
-- `<vaadin-grid>` updated to 0.9.0-beta5.
-
-## Vaadin Elements 0.3.0-beta11 (2015-10-20)
-- Vaadin Components has been renamed to Vaadin Elements.
-- `<vaadin-grid>` updated to 0.9.0-beta4.
-
-## Vaadin Components 0.3.0-beta10 (2015-10-09)
-- `<vaadin-grid>` updated to 0.9.0-beta3.
-
-## Vaadin Components 0.3.0-beta9 (2015-09-18)
-
-- Host apidoc and demo launch pages in vaadin-components instead of
-maintaining independent project for those
-(deprecated components-examples & components-apidoc)
-- Examples and apidoc are bundled with vaadin-components so as it is
-possible to run them either local or wen deployed in CDN.
-
-## Vaadin Components 0.3.0-beta8 (2015-09-11)
-
-- vaadin-components becomes a repository with references to vaadin components.
-- `<vaadin-grid>` is split in a new project.
-
-## Vaadin Components 0.3.0-beta7 (2015-09-02)
-
-- Polymer updated to v1.1.1
-- Renamed component `<v-grid>` to `<vaadin-grid>`
-- Many improvements in [v-grid](https://github.com/vaadin/vaadin-grid/blob/master/CHANGES.md#vaadin-grid-v030beta7-2015-sept)
-
-## Vaadin Grid v0.2.1 (2015-05-15)
-- New *material design* theme.
-
-## Vaadin Components 0.2.0 (2015-05-08)
-- Polymer updated to v0.8.0-rc.7
-- Added `<v-grid>` component.
-# Vaadin Elements
+# Vaadin Core Elements
-[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/vaadin/vaadin-elements?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
+[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/vaadin/vaadin-core-elements?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
-Vaadin Elements is an evolving set of custom HTML elements, built using [Polymer](https://www.polymer-project.org), for building mobile and desktop web applications in modern browsers.
+Vaadin Core Elements is an evolving set of custom HTML elements, built using [Polymer](https://www.polymer-project.org), for building mobile and desktop web applications in modern browsers.
### Component examples and documentation
View live examples and source code side-by-side for individual custom elements.
-| Component | Description |
-| --- | --- |
-| [<**vaadin-grid**>](https://github.com/vaadin/vaadin-grid) · [Examples](https://cdn.vaadin.com/vaadin-elements/latest/vaadin-grid/demo/) · [API](https://cdn.vaadin.com/vaadin-elements/latest/vaadin-elements/apidoc/#vaadin-grid) | Data grid for showing large amounts of tabular data. |
-
+=======
+| Element | Description | Status
+| --- | --- | --- |
+| [<**vaadin-grid**>](https://github.com/vaadin/vaadin-grid) · [Examples](https://cdn.vaadin.com/vaadin-core-elements/latest/vaadin-grid/demo/) · [API](https://cdn.vaadin.com/vaadin-core-elements/latest/vaadin-grid/) | Data grid for showing large amounts of tabular data. | Beta |
### Quickstart
### Installation
-We offer three ways to use Vaadin Elements in your project: Bower, CDN and ZIP archive. The only difference between the options is the URL you use to import the necessary files into your HTML page.
+We offer three ways to use Vaadin Core Elements in your project: Bower, CDN and ZIP archive. The only difference between the options is the URL you use to import the necessary files into your HTML page.
#### 1. Create a new folder for your project
$ cd my-project
```
-#### 2. Install Vaadin Elements
+#### 2. Install Vaadin Core Elements
- ##### Bower
We recommend using [Bower](http://bower.io) for managing your front-end dependencies. Follow the [Bower installation instructions](http://bower.io/#install-bower), then run the following command inside your project folder to install the most recent stable release.
```shell
- $ bower install --save vaadin-elements
+ $ bower install --save vaadin-core-elements
```
- This will download Vaadin Elements and its dependencies to the `bower_components` folder inside your project's folder.
+ This will download Vaadin Core Elements bundle and its dependencies to the `bower_components` folder inside your project's folder.
If you wish to use the development snapshot version of some component, you can install/update that separately:
- ##### CDN
- You can use Vaadin Elements from CDN (see example below). This is especially convenient for services like JSFiddle, Codepen.io, etc.
+ You can use Vaadin Core Elements from CDN (see example below). This is especially convenient for services like JSFiddle, Codepen.io, etc.
For example, to import vaadin-grid, use the following URL:
- `https://cdn.vaadin.com/vaadin-elements/latest/vaadin-grid/vaadin-grid.html`
+ `https://cdn.vaadin.com/vaadin-core-elements/latest/vaadin-grid/vaadin-grid.html`
- To import all Vaadin Elements, use the following URL:
+ To import all Vaadin Core Elements, use the following URL:
- `https://cdn.vaadin.com/vaadin-elements/latest/vaadin-elements/vaadin-elements.html`
+ `https://cdn.vaadin.com/vaadin-core-elements/latest/vaadin-core-elements/vaadin-core-elements.html`
- > You can also use the nightly snapshot versions of any component, e.g. https://cdn.vaadin.com/vaadin-elements/master/vaadin-grid/vaadin-grid.html
+ > You can also use the nightly snapshot versions of any component, e.g. https://cdn.vaadin.com/vaadin-core-elements/master/vaadin-grid/vaadin-grid.html
- ##### Download ZIP
#### 3. Create a HTML file
- Create a new HTML file inside your project folder and copy the following code into it (choose one of the options how to import Vaadin Elements in the `<head>` section):
+ Create a new HTML file inside your project folder and copy the following code into it (choose one of the options how to import Vaadin Core Elements in the `<head>` section):
> **Serving the files during development**, when using Bower or the ZIP archive:
<!doctype html>
<html>
<head>
- <!-- Import Web Component polyfills and all Vaadin Elements -->
+ <!-- Import Web Component polyfills and all Vaadin Core Elements -->
<!-- CDN -->
- <script src="https://cdn.vaadin.com/vaadin-elements/latest/webcomponentsjs/webcomponents-lite.min.js"></script>
- <link href="https://cdn.vaadin.com/vaadin-elements/latest/vaadin-elements/vaadin-elements.html" rel="import">
+ <script src="https://cdn.vaadin.com/vaadin-core-elements/latest/webcomponentsjs/webcomponents-lite.min.js"></script>
+ <link href="https://cdn.vaadin.com/vaadin-core-elements/latest/vaadin-core-elements/vaadin-core-elements.html" rel="import">
<!-- Bower -->
<!-- <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
- <link href="bower_components/vaadin-elements/vaadin-elements.html" rel="import"> -->
+ <link href="bower_components/vaadin-core-elements/vaadin-core-elements.html" rel="import"> -->
<!-- ZIP archive -->
<!-- <script src="deps/webcomponentsjs/webcomponents-lite.min.js"></script>
- <link href="deps/vaadin-elements/vaadin-elements.html" rel="import"> -->
+ <link href="deps/vaadin-core-elements/vaadin-core-elements.html" rel="import"> -->
</head>
<body>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
- <title>vaadin-elements</title>
+ <title>vaadin-core-elements</title>
<style>
body {
font-family: 'Roboto', 'Noto', sans-serif;
<body>
<section>
- <h1>API documentation for vaadin-elements</h1>
+ <h1>API documentation for vaadin-core-elements</h1>
<ul>
<li>
<a id="vaadin-grid" href="../../vaadin-grid/index.html">vaadin-grid</a>
{
- "name": "vaadin-elements",
+ "name": "vaadin-core-elements",
"version": "0.3.0-beta13",
"authors": [
"Vaadin Ltd"
],
- "description": "Vaadin Elements is an evolving set of custom HTML elements, built using Polymer, for building mobile and desktop web applications in modern browsers.",
+ "description": "Vaadin Core Elements is an evolving set of free, open sourced custom HTML elements, built using Polymer, for building mobile and desktop web applications in modern browsers.",
"license": "Apache License 2.0",
"keywords": [
+ "vaadin",
+ "core",
+ "elements",
+ "web",
+ "components",
+ "webcomponents",
"web-components"
],
- "main": "vaadin-elements.html",
+ "main": "vaadin-core-elements.html",
"ignore": [
"**/.*",
"**/node_modules",
<!doctype html>
<html>
<head>
- <title>Vaadin Elements Code Examples</title>
+ <title>Vaadin Core Elements Code Examples</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="../../marked/lib/marked.js"></script>
<link rel="stylesheet" href="../../code-example/vendor/prismjs/prism.css">
<link rel="stylesheet" href="../../elements-demo-resources/demo.css">
- <script src="../ga.js"></script>
<style type="text/css">
#readme code {
font-size: 12px;
{
- "name": "vaadin-elements",
+ "name": "vaadin-core-elements",
"version": "0.3.0",
- "description": "A set of high-quality Web Components with a customizable Sass based theme",
+ "description": "Vaadin Core Elements is an evolving set of free, open sourced custom HTML elements, built using Polymer, for building mobile and desktop web applications in modern browsers.",
"author": "Vaadin Ltd",
"license": "Apache License 2.0",
"dependencies": {
},
"keywords": [
"vaadin",
+ "core",
"elements",
"web",
"components",
"webcomponents",
- "web-components",
- "gwt"
+ "web-components"
]
}
});
});
-gulp.task('cdn:stage-vaadin-elements', function() {
- return gulp.src(['LICENSE.html', 'README.md', 'vaadin-elements.html', 'demo/*', 'apidoc/*'], {
+gulp.task('cdn:stage-vaadin-core-elements', function() {
+ return gulp.src(['LICENSE.html', 'README.md', 'vaadin-core-elements.html', 'demo/*', 'apidoc/*'], {
base: "."
})
.pipe(modify({
if (/README.md/.test(file.path)) {
contents = contents.replace(/\/latest\//mg, '/' + version + '/');
} else {
- contents.replace('https://cdn.vaadin.com/vaadin-elements/latest/', '../../');
+ contents.replace('https://cdn.vaadin.com/vaadin-core-elements/latest/', '../../');
}
return contents;
}
}))
- .pipe(gulp.dest(stagingPath + "/vaadin-elements"));
+ .pipe(gulp.dest(stagingPath + "/vaadin-core-elements"));
});
-gulp.task('stage:cdn', ['clean:cdn', 'cdn:stage-bower_components', 'cdn:stage-vaadin-elements']);
+gulp.task('stage:cdn', ['clean:cdn', 'cdn:stage-bower_components', 'cdn:stage-vaadin-core-elements']);
gulp.task('upload:cdn', ['stage:cdn'], function() {
common.checkArguments(['cdnUsername', 'cdnDestination']);
var userhome = process.env.HOME || process.env.HOMEPATH || process.env.USERPROFILE;
module.exports = {
- elements: ['vaadin-grid'],
+ coreElements: ['vaadin-grid'],
version: args.version || 'master',
permalink: args.version ? 'latest' : '',
toolsHost: args.toolsHostname || 'tools.vaadin.com',
.pipe(gulp.dest(docPath + '/bower_components'));
});
-gulp.task('cdn:docsite:elements', function() {
+gulp.task('cdn:docsite:core-elements', function() {
return gulp.src('doc/*')
.pipe(gulp.dest(docPath));
});
-var doctasks = ['cdn:docsite:elements'];
-config.elements.forEach(function (n) {
+var doctasks = ['cdn:docsite:core-elements'];
+config.coreElements.forEach(function (n) {
var task = 'cdn:docsite:' + n;
doctasks.push(task);
gulp.task(task, ['cdn:docsite:bower_components'], function(done) {
var version = config.version;
var host = config.zipHost;
var user = args.zipUsername;
-var filename = 'vaadin-elements-' + version + '.zip';
+var filename = 'vaadin-core-elements-' + version + '.zip';
var majorMinorVersion = version.replace(/(\d+\.\d+)(\.|-)(.*)/, '$1');
gulp.task('clean:zip', function() {
gulp.task('zip:update-references', ['zip:upload'], function(done) {
if (args.release) {
- common.ssh(user, host, "sed -i '1i elements/" + majorMinorVersion + '/' + version + "' " + args.zipDestination + 'VERSIONS', done);
+ common.ssh(user, host, "sed -i '1i core-elements/" + majorMinorVersion + '/' + version + "' " + args.zipDestination + 'VERSIONS', done);
} else if (args.preRelease) {
- common.ssh(user, host, "sed -i '1i elements/" + majorMinorVersion + '/' + version + "' " + args.zipDestination + 'PRERELEASES', done);
+ common.ssh(user, host, "sed -i '1i core-elements/" + majorMinorVersion + '/' + version + "' " + args.zipDestination + 'PRERELEASES', done);
} else {
- common.ssh(user, host, 'echo elements/' + majorMinorVersion + '/' + version + ' > ' + args.zipDestination + 'SNAPSHOT', done);
+ common.ssh(user, host, 'echo core-elements/' + majorMinorVersion + '/' + version + ' > ' + args.zipDestination + 'SNAPSHOT', done);
}
});
--- /dev/null
+<link rel="import" href="../vaadin-grid/vaadin-grid.html">
+++ /dev/null
-<link rel="import" href="../vaadin-grid/vaadin-grid.html">