First Polymer 2.x version

Refactor Polymer 1.x version to class based element. Because we don't need any template binding we will only mixin the Polymer.PropertyAccessors mixin.
timeu · May 25, 2017 · c4037b0 · c4037b0
1 parent e9f2adf
commit c4037b0
Show file tree

Hide file tree

Showing 7 changed files with 162 additions and 185 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -4,7 +4,8 @@
     "no-console": 0
   },
   "env": {
-    "browser": true
+    "browser": true,
+    "es6": true
   },
   "plugins": [
     "html"

diff --git a/bower.json b/bower.json
@@ -1,9 +1,9 @@
 {
   "name": "svg-piechart",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "authors": ["Uemit Seren <[email protected]>"],
   "description": "Element to draw a piechart on a SVG.",
-  "keywords": "svg, piechart, polymer, web-components",
+  "keywords": ["svg, piechart, polymer, web-components"],
   "main": "svg-piechart.html",
   "license": "MIT",
   "homepage": "https://github.com/timeu/svg-piechart/",
@@ -12,12 +12,14 @@
     "/test/"
   ],
   "dependencies": {
-    "polymer": "Polymer/polymer#^1.9.0"
+    "polymer": "Polymer/polymer#^2.0.0"
   },
   "devDependencies": {
-    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
-    "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
+    "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^2.0.0",
     "web-component-tester": "Polymer/web-component-tester#^6.0.0",
-    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0"
+  },
+  "resolutions": {
+    "polymer": "^2.0.0"
   }
 }
diff --git a/demo/index.html b/demo/index.html
@@ -11,15 +11,17 @@
 
     <link rel="import" href="../svg-piechart.html">
 
-    <style is="custom-style" include="demo-pages-shared-styles">
-      .vertical-section-container {
-        max-width: 48em;
-        margin: 0 auto;
-      }
-      .horizontal-section {
-        text-align: center;
-      }
-    </style>
+    <custom-style>
+      <style is="custom-style" include="demo-pages-shared-styles">
+        .vertical-section-container {
+          max-width: 48em;
+          margin: 0 auto;
+        }
+        .horizontal-section {
+          text-align: center;
+        }
+      </style>
+    </custom-style>
   </head>
   <body>
     <div class="vertical-section-container centered">

diff --git a/index.html b/index.html
@@ -9,14 +9,16 @@
 -->
 <html>
 <head>
-  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
-  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../iron-component-page/iron-component-page.html">
-
-</head>
-<body unresolved>
-
-  <iron-component-page src="svg-piechart.html"></iron-component-page>
-
-</body>
+    <meta charset="utf-8">
+    <meta http-equiv="refresh" content="0;url=demo/" />
+    <title>svg-piechart</title>
+  </head>
+  <body>
+    <!--
+        ELEMENT API DOCUMENTATION SUPPORT COMING SOON
+        Visit demo/index.html to see live examples of your element running.
+        This page will automatically redirect you there when run in the browser
+        with `polymer serve`.
+    -->
+  </body>
 </html>
diff --git a/polymer.json b/polymer.json
@@ -1,7 +1,7 @@
 {
   "lint": {
     "rules": [
-      "polymer-1"
+      "polymer-2"
     ]
   }
 }