first commit

Polymer-Japan · Aug 15, 2018 · 83148f2 · 83148f2
commit 83148f2
Show file tree

Hide file tree

Showing 28 changed files with 12,784 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,77 @@
+### https://raw.github.com/github/gitignore/ea28c14da0faf75047165c10223635ba95566ad7/Node.gitignore
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+
diff --git a/README.md b/README.md
@@ -0,0 +1,30 @@
+# Your first Polymer 3 element
+
+This repo goes with the [Build your first Polymer 3 element codelab](http://www.code-labs.io/codelabs/polymer-first-elements/).
+
+## Running the codelab
+
+You'll need to install some command-line tools to manage
+dependencies and to run the demo.
+
+1.  Download and install Node(recommends v8.10.0) from [https://nodejs.org/](https://nodejs.org/). Node includes the node package manager command, `npm`.
+
+2.  Clone this repo:
+
+        https://github.com/Polymer-Japan/polymer3-first-element.git
+
+3.  Change directory to your local repo and install dependencies with `npm`:
+
+        cd polymer3-first-elements
+        npm install
+
+4.  To preview your element, run `npm start` from the repo directory:
+
+        npm start
+
+    Open `localhost:8081/components/icon-toggle/demo/` in your browser. (Note that the path uses `icon-toggle`—the 
+    component name listed in this element's `package.json` file—rather than the actual directory name.) 
+
+`npm start` calls `polymer serve`.
+If you're wondering what `polymer serve` does, see [Run tests interactively](https://www.polymer-project.org/3.0/docs/tools/tests#run-tests-interactively) 
+in the Polymer docs.
diff --git a/demo/index.html b/demo/index.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+
+    <title>icon-toggle demo</title>
+
+    <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+
+    <script type="module">
+      import '@polymer/iron-demo-helpers/demo-pages-shared-styles';
+      import '@polymer/iron-demo-helpers/demo-snippet';
+    </script>
+
+    <script type="module" src="../icon-toggle.js"></script>
+
+    <custom-style>
+      <style is="custom-style" include="demo-pages-shared-styles">
+      </style>
+    </custom-style>
+  </head>
+  <body>
+    <div class="vertical-section-container centered">
+      <h3>Basic icon-toggle demo</h3>
+      <demo-snippet>
+        <template>
+          <icon-toggle></icon-toggle>
+        </template>
+      </demo-snippet>
+    </div>
+  </body>
+</html>
diff --git a/docs/.DS_Store b/docs/.DS_Store
diff --git a/docs/bower.json b/docs/bower.json
@@ -0,0 +1,17 @@
+{
+  "name": "polymer3-first-element",
+  "homepage": "https://github.com/Polymer-Japan/polymer3-first-element",
+  "description": "Get started creating custom elements with Polymer 3",
+  "main": "index.html",
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "codelab-components": "[email protected]:googlecodelabs/codelab-components.git#master"
+  }
+}
diff --git a/docs/img/.DS_Store b/docs/img/.DS_Store
diff --git a/docs/img/26f1785e52b277fc.png b/docs/img/26f1785e52b277fc.png
diff --git a/docs/img/69740ecd89dbe5a9.png b/docs/img/69740ecd89dbe5a9.png
diff --git a/docs/img/7f633b5747fa324e.png b/docs/img/7f633b5747fa324e.png
diff --git a/docs/img/7ff367d9be2655df.png b/docs/img/7ff367d9be2655df.png
diff --git a/docs/img/83b331c72bfcaf8b.png b/docs/img/83b331c72bfcaf8b.png
diff --git a/docs/img/9ccde77fc7ed3f6e.png b/docs/img/9ccde77fc7ed3f6e.png
diff --git a/docs/img/a11a299579858407.png b/docs/img/a11a299579858407.png
diff --git a/docs/img/bd147086f8894ee.png b/docs/img/bd147086f8894ee.png
diff --git a/docs/img/cca9bfc670724357.png b/docs/img/cca9bfc670724357.png
diff --git a/docs/img/cdf052bd943d3447.png b/docs/img/cdf052bd943d3447.png