From cd73552b63ddb1d3671d2c62776a3839a630d943 Mon Sep 17 00:00:00 2001
From: Tomek Wytrebowicz <tomalecpub@gmail.com>
Date: Fri, 13 Jun 2014 14:22:28 +0200
Subject: [PATCH 01/15] Update Platform to v0.3.2

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index c3a764a..8cba358 100644
--- a/bower.json
+++ b/bower.json
@@ -13,6 +13,6 @@
         "bower_components"
     ],
     "dependencies": {
-        "platform": "Polymer/platform#~0.2.4"
+        "platform": "Polymer/platform#~0.3.2"
     }
 }

From 35f1d2ac45dc7f03735f28be4045465bafef3a42 Mon Sep 17 00:00:00 2001
From: Zeno Rocha <zeno.rocha@liferay.com>
Date: Sun, 29 Jun 2014 20:05:02 -0300
Subject: [PATCH 02/15] Update dependencies

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index 8cba358..e703f66 100644
--- a/bower.json
+++ b/bower.json
@@ -13,6 +13,6 @@
         "bower_components"
     ],
     "dependencies": {
-        "platform": "Polymer/platform#~0.3.2"
+        "platform": "Polymer/platform#~0.3.3"
     }
 }

From fe0d54416400a42ebbf0dd54015b45fc3d9ea717 Mon Sep 17 00:00:00 2001
From: Zeno Rocha <zeno.rocha@liferay.com>
Date: Sun, 29 Jun 2014 20:05:12 -0300
Subject: [PATCH 03/15] Update devDependencies

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c2ba907..1cd23a1 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
     "devDependencies": {
         "grunt": "~0.4.1",
         "grunt-cli": "~0.1.9",
-        "grunt-contrib-connect": "~0.5.0",
+        "grunt-contrib-connect": "~0.8.0",
         "grunt-gh-pages": "~0.9.1"
     }
 }

From 10289d6e5b0c5fe6488180685fd39c13a2453ade Mon Sep 17 00:00:00 2001
From: Zeno Rocha <zeno.rocha@liferay.com>
Date: Wed, 9 Jul 2014 09:02:14 -0300
Subject: [PATCH 04/15] Add info about generator-element

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 6a8c3b2..038eb53 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,8 @@
 
 > A bare minimum custom element starter-kit using [VanillaJS](http://vanilla-js.com/).
 >
+> Like [Yeoman](http://yeoman.io/)? Use the [generator-element](https://www.npmjs.org/package/generator-element) instead.
+>
 > Looking for a working example? Check [hello-world-element](https://github.com/webcomponents/hello-world-element).
 
 ## Demo

From 8f9586929225a8ddfde220442c23277bf4301b2f Mon Sep 17 00:00:00 2001
From: Beto Muniz <contato@betomuniz.com>
Date: Mon, 29 Sep 2014 11:44:37 -0300
Subject: [PATCH 05/15] Update platform to 0.4.1

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index e703f66..46abd09 100644
--- a/bower.json
+++ b/bower.json
@@ -13,6 +13,6 @@
         "bower_components"
     ],
     "dependencies": {
-        "platform": "Polymer/platform#~0.3.3"
+        "platform": "Polymer/platform#~0.4.1"
     }
 }

From 9470f16256308f1ca5de03456306c9cf7a500c68 Mon Sep 17 00:00:00 2001
From: Beto Muniz <contato@betomuniz.com>
Date: Sat, 4 Oct 2014 23:39:06 -0300
Subject: [PATCH 06/15] Update Polymer/platform in bower.json

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index 46abd09..95116c5 100644
--- a/bower.json
+++ b/bower.json
@@ -13,6 +13,6 @@
         "bower_components"
     ],
     "dependencies": {
-        "platform": "Polymer/platform#~0.4.1"
+        "platform": "Polymer/platform#^0.4.1"
     }
 }

From a25c0a8bf4663931cb763414365191741aced68a Mon Sep 17 00:00:00 2001
From: Mateus Ortiz <mateus.prado@ig.com.br>
Date: Tue, 11 Nov 2014 00:30:43 -0200
Subject: [PATCH 07/15] platform -> webcomponentsjs

---
 bower.json | 2 +-
 index.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/bower.json b/bower.json
index 95116c5..5130374 100644
--- a/bower.json
+++ b/bower.json
@@ -13,6 +13,6 @@
         "bower_components"
     ],
     "dependencies": {
-        "platform": "Polymer/platform#^0.4.1"
+        "webcomponentsjs": "Polymer/webcomponentsjs#^0.5.0"
     }
 }
diff --git a/index.html b/index.html
index c04a77e..9fc0655 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <title>&lt;my-repo&gt;</title>
 
     <!-- Importing Web Component's Polyfill -->
-    <script src="bower_components/platform/platform.js"></script>
+    <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
 
     <!-- Importing Custom Elements -->
     <link rel="import" href="src/my-element.html">

From ea2d12c91c090a1b85344af25647669e644faa69 Mon Sep 17 00:00:00 2001
From: Zeno Rocha <zeno.rocha@liferay.com>
Date: Mon, 24 Nov 2014 04:46:33 -0600
Subject: [PATCH 08/15] Update polyfill owner and use the minified version

---
 README.md  | 2 +-
 bower.json | 2 +-
 index.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 038eb53..8c712d8 100644
--- a/README.md
+++ b/README.md
@@ -25,7 +25,7 @@ Or [download as ZIP](https://github.com/my-user/my-repo/archive/master.zip).
 1. Import Web Components' polyfill:
 
     ```html
-    <script src="bower_components/platform/platform.js"></script>
+    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
     ```
 
 2. Import Custom Element:
diff --git a/bower.json b/bower.json
index 5130374..89b0d0c 100644
--- a/bower.json
+++ b/bower.json
@@ -13,6 +13,6 @@
         "bower_components"
     ],
     "dependencies": {
-        "webcomponentsjs": "Polymer/webcomponentsjs#^0.5.0"
+        "webcomponentsjs": "^0.5.1"
     }
 }
diff --git a/index.html b/index.html
index 9fc0655..a3232db 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <title>&lt;my-repo&gt;</title>
 
     <!-- Importing Web Component's Polyfill -->
-    <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
+    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
 
     <!-- Importing Custom Elements -->
     <link rel="import" href="src/my-element.html">

From a8688f31042a4d6df9418a24fc33cde3d260d549 Mon Sep 17 00:00:00 2001
From: Zeno Rocha <zeno.rocha@liferay.com>
Date: Mon, 24 Nov 2014 04:47:08 -0600
Subject: [PATCH 09/15] Update devDependencies

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1cd23a1..5941361 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
     "devDependencies": {
         "grunt": "~0.4.1",
         "grunt-cli": "~0.1.9",
-        "grunt-contrib-connect": "~0.8.0",
+        "grunt-contrib-connect": "~0.9.0",
         "grunt-gh-pages": "~0.9.1"
     }
 }

From b236d6c97a1f9f46629e8f64847f3ae3938a1831 Mon Sep 17 00:00:00 2001
From: Zeno Rocha <hi@zenorocha.com>
Date: Thu, 14 May 2015 22:24:19 -0700
Subject: [PATCH 10/15] Source formatting

---
 README.md  | 12 ++----------
 index.html | 12 +++++++-----
 2 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/README.md b/README.md
index 8c712d8..9e23f65 100644
--- a/README.md
+++ b/README.md
@@ -22,13 +22,13 @@ Or [download as ZIP](https://github.com/my-user/my-repo/archive/master.zip).
 
 ## Usage
 
-1. Import Web Components' polyfill:
+1. Import polyfill:
 
     ```html
     <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
     ```
 
-2. Import Custom Element:
+2. Import custom element:
 
     ```html
     <link rel="import" href="bower_components/my-repo/src/my-element.html">
@@ -86,14 +86,6 @@ In order to run it locally you'll need to fetch some dependencies and a basic se
     $ grunt deploy
     ```
 
-## Contributing
-
-1. Fork it!
-2. Create your feature branch: `git checkout -b my-new-feature`
-3. Commit your changes: `git commit -m 'Add some feature'`
-4. Push to the branch: `git push origin my-new-feature`
-5. Submit a pull request :D
-
 ## History
 
 For detailed changelog, check [Releases](https://github.com/my-user/my-repo/releases).
diff --git a/index.html b/index.html
index a3232db..414d8c4 100644
--- a/index.html
+++ b/index.html
@@ -1,18 +1,20 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
 <head>
-    <meta charset="UTF-8">
+
+    <meta charset="utf-8">
     <title>&lt;my-repo&gt;</title>
 
-    <!-- Importing Web Component's Polyfill -->
     <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
+    <!-- Imports polyfill -->
+
+    <!-- Imports custom element -->
 
-    <!-- Importing Custom Elements -->
     <link rel="import" href="src/my-element.html">
 </head>
 <body>
 
-    <!-- Using Custom Elements -->
+    <!-- Runs custom element -->
     <my-element></my-element>
 
 </body>

From aad145d6787433826e6ad49ae32c816cd81fcccc Mon Sep 17 00:00:00 2001
From: Zeno Rocha <hi@zenorocha.com>
Date: Thu, 14 May 2015 22:24:47 -0700
Subject: [PATCH 11/15] Updates webcomponentsjs to v0.7.0

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index 89b0d0c..90d7a09 100644
--- a/bower.json
+++ b/bower.json
@@ -13,6 +13,6 @@
         "bower_components"
     ],
     "dependencies": {
-        "webcomponentsjs": "^0.5.1"
+        "webcomponentsjs": "^0.7.0"
     }
 }

From 8fa70f5fe59ab0f1fb389dff205b476ebebbf467 Mon Sep 17 00:00:00 2001
From: Zeno Rocha <hi@zenorocha.com>
Date: Thu, 14 May 2015 22:26:55 -0700
Subject: [PATCH 12/15] Moves from Grunt tooling to Polyserve

---
 .gitignore                             |  1 -
 Gruntfile.js                           | 30 --------------------------
 README.md                              | 20 ++++++-----------
 bower.json                             |  3 +--
 index.html                             |  4 ++--
 src/my-element.html => my-element.html |  1 +
 package.json                           |  9 --------
 7 files changed, 11 insertions(+), 57 deletions(-)
 delete mode 100644 Gruntfile.js
 rename src/my-element.html => my-element.html (95%)
 delete mode 100644 package.json

diff --git a/.gitignore b/.gitignore
index c346b13..fbe05fc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1 @@
 bower_components/
-node_modules/
diff --git a/Gruntfile.js b/Gruntfile.js
deleted file mode 100644
index a6bacc3..0000000
--- a/Gruntfile.js
+++ /dev/null
@@ -1,30 +0,0 @@
-module.exports = function(grunt) {
-
-    grunt.initConfig({
-        'connect': {
-            demo: {
-                options: {
-                    open: true,
-                    keepalive: true
-                }
-            }
-        },
-        'gh-pages': {
-            options: {
-                clone: 'bower_components/my-repo'
-            },
-            src: [
-                'bower_components/**/*',
-                '!bower_components/my-repo/**/*',
-                'demo/*', 'src/*', 'index.html'
-            ]
-        }
-    });
-
-    grunt.loadNpmTasks('grunt-contrib-connect');
-    grunt.loadNpmTasks('grunt-gh-pages');
-
-    grunt.registerTask('deploy', ['gh-pages']);
-    grunt.registerTask('server', ['connect']);
-
-};
diff --git a/README.md b/README.md
index 9e23f65..07d7ecb 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,7 @@ Or [download as ZIP](https://github.com/my-user/my-repo/archive/master.zip).
 2. Import custom element:
 
     ```html
-    <link rel="import" href="bower_components/my-repo/src/my-element.html">
+    <link rel="import" href="bower_components/my-repo/my-element.html">
     ```
 
 3. Start using it!
@@ -62,28 +62,22 @@ Event         | Description
 
 In order to run it locally you'll need to fetch some dependencies and a basic server setup.
 
-* Install [Bower](http://bower.io/) & [Grunt](http://gruntjs.com/):
+1. Install [bower](http://bower.io/) & [polyserve](https://npmjs.com/polyserve):
 
     ```sh
-    $ [sudo] npm install -g bower grunt-cli
+    $ npm install -g bower polyserve
     ```
 
-* Install local dependencies:
+2. Install local dependencies:
 
     ```sh
-    $ bower install && npm install
+    $ bower install
     ```
 
-* To test your project, start the development server and open `http://localhost:8000`.
+3. Start development server and open `http://localhost:8080/components/my-repo/`.
 
     ```sh
-    $ grunt server
-    ```
-
-* To provide a live demo, send everything to `gh-pages` branch.
-
-    ```sh
-    $ grunt deploy
+    $ polyserve
     ```
 
 ## History
diff --git a/bower.json b/bower.json
index 90d7a09..16f43f5 100644
--- a/bower.json
+++ b/bower.json
@@ -3,13 +3,12 @@
     "version": "0.0.0",
     "description": "My awesome Custom Element",
     "license": "MIT",
-    "main": "src/my-element.html",
+    "main": "my-element.html",
     "keywords": [
         "web-components"
     ],
     "ignore": [
         "**/.*",
-        "node_modules",
         "bower_components"
     ],
     "dependencies": {
diff --git a/index.html b/index.html
index 414d8c4..4903135 100644
--- a/index.html
+++ b/index.html
@@ -5,12 +5,12 @@
     <meta charset="utf-8">
     <title>&lt;my-repo&gt;</title>
 
-    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
     <!-- Imports polyfill -->
+    <script src="../webcomponentsjs/webcomponents.min.js"></script>
 
     <!-- Imports custom element -->
+    <link rel="import" href="my-element.html">
 
-    <link rel="import" href="src/my-element.html">
 </head>
 <body>
 
diff --git a/src/my-element.html b/my-element.html
similarity index 95%
rename from src/my-element.html
rename to my-element.html
index e7cd960..001a698 100644
--- a/src/my-element.html
+++ b/my-element.html
@@ -15,6 +15,7 @@
     // Fires when an attribute was added, removed, or updated
     element.attributeChangedCallback = function(attr, oldVal, newVal) {};
 
+    // Registers custom element
     document.registerElement('my-element', {
         prototype: element
     });
diff --git a/package.json b/package.json
deleted file mode 100644
index 5941361..0000000
--- a/package.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "private": true,
-    "devDependencies": {
-        "grunt": "~0.4.1",
-        "grunt-cli": "~0.1.9",
-        "grunt-contrib-connect": "~0.9.0",
-        "grunt-gh-pages": "~0.9.1"
-    }
-}

From 46e6291054732e359284b6d3dee8926ff3878dca Mon Sep 17 00:00:00 2001
From: Zeno Rocha <hi@zenorocha.com>
Date: Thu, 28 May 2015 15:01:49 -0700
Subject: [PATCH 13/15] Updates dependencies

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index 16f43f5..b6e8352 100644
--- a/bower.json
+++ b/bower.json
@@ -12,6 +12,6 @@
         "bower_components"
     ],
     "dependencies": {
-        "webcomponentsjs": "^0.7.0"
+        "webcomponentsjs": "^0.7.2"
     }
 }

From e517e07025ad3d842a0c10898ba644ed627ed7bf Mon Sep 17 00:00:00 2001
From: midorikocak <mtkocak@gmail.com>
Date: Thu, 23 Mar 2017 16:06:27 +0100
Subject: [PATCH 14/15] Custom Elements api v1

see: https://developers.google.com/web/fundamentals/getting-started/primers/customelements
---
 my-element.html | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/my-element.html b/my-element.html
index 001a698..e69b061 100644
--- a/my-element.html
+++ b/my-element.html
@@ -1,23 +1,27 @@
 <script>
-(function() {
-    // Creates an object based in the HTML Element prototype
-    var element = Object.create(HTMLElement.prototype);
+    // Creates MyElements extending HTML Element
+    class MyElement extends HTMLElement {
+        // Fires when an instance of the element is created or updated
+        constructor() {
+            super();
+        }
 
-    // Fires when an instance of the element is created
-    element.createdCallback = function() {};
+        // Fires when an instance was inserted into the document
+        connectedCallback() {
+        }
 
-    // Fires when an instance was inserted into the document
-    element.attachedCallback = function() {};
+        // Fires when an instance was removed from the document
+        disconnectedCallback() {
+        }
 
-    // Fires when an instance was removed from the document
-    element.detachedCallback = function() {};
+        attributeChangedCallback(attrName, oldVal, newVal) {
+        }
 
-    // Fires when an attribute was added, removed, or updated
-    element.attributeChangedCallback = function(attr, oldVal, newVal) {};
+        // Fires when an attribute was added, removed, or updated
+        adoptedCallback() {
+        }
+    }
 
     // Registers custom element
-    document.registerElement('my-element', {
-        prototype: element
-    });
-}());
+    window.customElements.define('my-element', MyElement);
 </script>

From 2c3b52d5da0bb51811af38f78b06cf81aedf10a6 Mon Sep 17 00:00:00 2001
From: midorikocak <mtkocak@gmail.com>
Date: Mon, 10 Feb 2020 14:48:13 +0100
Subject: [PATCH 15/15] fix comments

---
 my-element.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/my-element.html b/my-element.html
index e69b061..5741e31 100644
--- a/my-element.html
+++ b/my-element.html
@@ -14,10 +14,11 @@
         disconnectedCallback() {
         }
 
+        // Fires when an attribute was added, removed, or updated
         attributeChangedCallback(attrName, oldVal, newVal) {
         }
 
-        // Fires when an attribute was added, removed, or updated
+        // Fires when an element is moved to a new document
         adoptedCallback() {
         }
     }