RubyGems - polymer-paper-rails - Versions diffs - 0.1.0 → 0.2.0 - Mend

polymer-paper-rails 0.1.0 → 0.2.0

Files changed (558) hide show

data/app/assets/components/paper-dialog/demo.html ADDED Viewed

@@ -0,0 +1,85 @@
+<!--
+    @license
+    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+    Code distributed by Google as part of the polymer project is also
+    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<!doctype html>
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+  <title>paper-dialog</title>
+  <script src="../platform/platform.js"></script>
+  <link href="../font-roboto/roboto.html" rel="import">
+  <link href="../paper-button/paper-button.html" rel="import">
+  <link rel="import" href="paper-dialog-transition.html">
+  <link href="paper-dialog.html" rel="import">
+  <style>
+    body {
+      -webkit-transform: translateZ(0);
+      transform: translateZ(0);
+      font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
+      font-size: 16px;
+      color: rgba(0, 0, 0, 0.87);
+    }
+    paper-dialog {
+      width: 50%;
+      min-width: 430px;
+    }
+    p {
+      margin-bottom: 0;
+    }
+    paper-dialog paper-button {
+      font-weight: bold;
+    }
+    paper-button[autofocus] {
+      color: #4285f4;
+    }
+  </style>
+</head>
+<body unresolved>
+  <paper-dialog heading="Dialog" transition="paper-dialog-transition-center">
+    <p>Lorem ipsum dolor sit amet, doming noster at quo, nostrud lucilius rationibus ea duo. Vim no mucius dolores. No bonorum voluptatum vis, has iudicabit consectetuer ne. Nullam sensibus vim id, et quo graeci perpetua.</p>
+    <p>Id qui scripta laboramus dissentiet, verterem partiendo vim at. Stet dissentiet ut mei. Iriure facilis eloquentiam pro eu, nec an esse inciderint. In meliore abhorreant sea. Eros nostro ocurreret at nec. Cu per regione persecuti.</p>
+    <p>Lorem ipsum dolor sit amet, doming noster at quo, nostrud lucilius rationibus ea duo. Vim no mucius dolores. No bonorum voluptatum vis, has iudicabit consectetuer ne. Nullam sensibus vim id, et quo graeci perpetua.</p>
+    <paper-button label="More Info..." dismissive></paper-button>
+    <paper-button label="Decline" affirmative></paper-button>
+    <paper-button label="Accept" affirmative autofocus></paper-button>
+  </paper-dialog>
+  <paper-dialog heading="Dialog" transition="paper-dialog-transition-bottom">
+    <p>Lorem ipsum dolor sit amet, doming noster at quo, nostrud lucilius rationibus ea duo. Vim no mucius dolores. No bonorum voluptatum vis, has iudicabit consectetuer ne. Nullam sensibus vim id, et quo graeci perpetua.</p>
+    <p>Id qui scripta laboramus dissentiet, verterem partiendo vim at. Stet dissentiet ut mei. Iriure facilis eloquentiam pro eu, nec an esse inciderint. In meliore abhorreant sea. Eros nostro ocurreret at nec. Cu per regione persecuti.</p>
+    <p>Lorem ipsum dolor sit amet, doming noster at quo, nostrud lucilius rationibus ea duo. Vim no mucius dolores. No bonorum voluptatum vis, has iudicabit consectetuer ne. Nullam sensibus vim id, et quo graeci perpetua.</p>
+    <paper-button label="More Info..." dismissive></paper-button>
+    <paper-button label="Decline" affirmative></paper-button>
+    <paper-button label="Accept" affirmative autofocus></paper-button>
+  </paper-dialog>
+  <paper-button label="Transition A" onclick="toggleDialog('paper-dialog-transition-bottom')"></paper-button>
+  <paper-button label="Transition B" onclick="toggleDialog('paper-dialog-transition-center')"></paper-button>
+  <script>
+    function toggleDialog(transition) {
+      var dialog = document.querySelector('paper-dialog[transition=' + transition + ']');
+      dialog.toggle();
+    }
+  </script>
+</body>
+</html>

data/app/assets/components/paper-dialog/index.html ADDED Viewed

@@ -0,0 +1,22 @@
+<!doctype html>
+<!--
+Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
+The complete set of authors may be found at http://polymer.github.io/AUTHORS
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
+-->
+<html>
+<head>
+  <script src="../platform/platform.js"></script>
+  <link rel="import" href="../core-component-page/core-component-page.html">
+</head>
+<body unresolved>
+  <core-component-page></core-component-page>
+</body>
+</html>

data/app/assets/components/paper-dialog/{paper-dialog-transition.html.erb → paper-dialog-transition.html} RENAMED Viewed

@@ -7,12 +7,12 @@ Code distributed by Google as part of the polymer project is also
 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 -->
-<%= html_import_tag "core/transition/core-transition-css" %>
+<link href="../core-transition/core-transition-css.html" rel="import">
 <polymer-element name="paper-dialog-transition" extends="core-transition-css">
 <template>
-  <%= stylesheet_link_tag "paper-dialog/paper-dialog-transition",'no-shim' => true %>
+  <link no-shim href="paper-dialog-transition.css" rel="stylesheet">
 </template>
 <script>
@@ -24,4 +24,4 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 </polymer-element>
 <paper-dialog-transition id="paper-dialog-transition-bottom" transitionType="bottom"></paper-dialog-transition>
-<paper-dialog-transition id="paper-dialog-transition-center" transitionType="center"></paper-dialog-transition>
+<paper-dialog-transition id="paper-dialog-transition-center" transitionType="center"></paper-dialog-transition>

data/app/assets/components/paper-dialog/paper-dialog.css CHANGED Viewed

@@ -0,0 +1,52 @@
+/*
+ * @license
+ * Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+ */
+:host {
+  background: white;
+  color: rgba(0, 0, 0, 0.87);
+}
+#shadow {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: -1;
+}
+#container {
+  overflow: hidden;
+}
+#main {
+  height: auto;
+  -webkit-order: 1;
+  -ms-flex-order: 1;
+  order: 1;
+  padding: 24px;
+  overflow: auto;
+}
+h1 {
+  margin: 0;
+}
+#actions {
+  -webkit-order: 2;
+  -ms-flex-order: 2;
+  order: 2;
+  padding: 4px 16px 20px;
+}
+polymer-next-selector { content: ':host > *'; }
+::content > * {
+  font: inherit;
+}

data/app/assets/components/paper-dialog/{paper-dialog.html.erb → paper-dialog.html} RENAMED Viewed

@@ -37,9 +37,9 @@ To use a transition, import `paper-dialog-transition.html` alongside paper-dialo
 Then set the `transition` attribute:
-    <paper-dialog heading="Title for dialog" transition="paper-transition-center">
+    <paper-dialog heading="Title for dialog" transition="paper-dialog-transition-center">
-    <paper-dialog heading="Title for dialog" transition="paper-transition-bottom">
+    <paper-dialog heading="Title for dialog" transition="paper-dialog-transition-bottom">
 @group Paper Elements
 @element paper-dialog
@@ -52,15 +52,15 @@ Fired when the dialog's `opened` property changes.
 @param {Object} detail
 @param {Object} detail.opened the opened state
 -->
-<%= html_import_tag "core/overlay/core-overlay" %>
-<%= html_import_tag "paper-shadow/paper-shadow" %>
+<link href="../polymer/polymer.html" rel="import">
+<link href="../core-overlay/core-overlay.html" rel="import">
+<link href="../paper-shadow/paper-shadow.html" rel="import">
 <polymer-element name="paper-dialog" attributes="opened heading transition autoCloseDisabled backdrop layered closeSelector" role="dialog">
   <template>
-    <%= stylesheet_link_tag "paper-dialog/paper-dialog" %>
+    <link href="paper-dialog.css" rel="stylesheet">
     <div id="shadow">
       <paper-shadow z="3" hasPosition></paper-shadow>
@@ -148,7 +148,7 @@ Fired when the dialog's `opened` property changes.
       heading: '',
       /**
-       * Set this property to the id of a <core-transition> element to specify
+       * Set this property to the id of a `core-transition` element to specify
        * the transition to use when opening/closing this dialog.
        *
        * @attribute transition

data/app/assets/components/paper-dropdown/README.md ADDED Viewed

@@ -0,0 +1,9 @@
+!!!WORK IN PROGRESS!!!
+=======================
+paper-dropdown
+=============
+owner: @morethanreal
+See the [component page](http://polymer-project.org/docs/elements/core-elements.html#paper-dropdown) for more information.

data/app/assets/components/paper-dropdown/bower.json ADDED Viewed

@@ -0,0 +1,12 @@
+{
+  "name": "paper-dropdown",
+  "private": false,
+  "dependencies": {
+    "polymer": "Polymer/polymer#>=0.4.0 <1.0.0",
+    "core-icon": "Polymer/core-icon#>=0.4.0 <1.0.0",
+    "core-icons": "Polymer/core-icons#>=0.4.0 <1.0.0",
+    "core-popup-menu": "Polymer/core-popup-menu#>=0.4.0 <1.0.0",
+    "paper-item": "Polymer/paper-item#>=0.4.0 <1.0.0",
+    "paper-shadow": "Polymer/paper-shadow#>=0.4.0 <1.0.0"
+  }
+}

data/app/assets/components/paper-dropdown/demo.html ADDED Viewed

@@ -0,0 +1,345 @@
+<!doctype html>
+<!--
+Copyright 2013 The Polymer Authors. All rights reserved.
+Use of this source code is governed by a BSD-style
+license that can be found in the LICENSE file.
+-->
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+  <title>paper-dropdown</title>
+  <script src="../platform/platform.js"></script>
+  <link href="../font-roboto/roboto.html" rel="import">
+  <link href="../paper-item/paper-item.html" rel="import">
+  <link href="paper-dropdown.html" rel="import">
+  <style shim-shadowdom>
+    html, body {
+      font-family: Roboto, 'Helvetica Neue', Helvetica, Arial;
+      height: 100%;
+      margin: 0;
+    }
+    dropdown-demo {
+      display: block;
+    }
+    dropdown-demo::shadow > section {
+      padding: 12px;
+    }
+    body /deep/ paper-dropdown.narrow {
+      max-width: 100px;
+    }
+  </style>
+</head>
+<body unresolved>
+  <polymer-element name="dropdown-demo">
+  <template>
+    <section layout vertical fit>
+      <section layout horizontal>
+        <paper-dropdown>
+          <template repeat="{{countries}}">
+            <paper-item label="{{name}}"></paper-item>
+          </template>
+        </paper-dropdown>
+<!--         <div style="margin:0 12px;">
+          narrow:
+          <paper-dropdown class="narrow">
+            <template repeat="{{countries}}">
+              <paper-item label="{{name}}"></paper-item>
+            </template>
+          </paper-dropdown>
+        </div>
+-->
+        <div flex></div>
+        <paper-dropdown halign="right">
+          <template repeat="{{countries}}">
+            <paper-item label="{{name}}"></paper-item>
+          </template>
+        </paper-dropdown>
+      </section>
+      <div flex center center>
+      </div>
+      <section>
+        drop-up:
+        <paper-dropdown valign="top" valueattr="label" label="Favorite pastry" selected="Donut">
+          <paper-item label="Croissant"></paper-item>
+          <paper-item label="Donut"></paper-item>
+          <paper-item label="Financier"></paper-item>
+          <paper-item label="Madeleine"></paper-item>
+        </paper-dropdown>
+      </section>
+    </section>
+  </template>
+  <script>
+    Polymer('dropdown-demo', {
+      countries: [
+        {name: 'Afghanistan', code: 'AF'},
+        {name: 'Åland Islands', code: 'AX'},
+        {name: 'Albania', code: 'AL'},
+        {name: 'Algeria', code: 'DZ'},
+        {name: 'American Samoa', code: 'AS'},
+        {name: 'Andorra', code: 'AD'},
+        {name: 'Angola', code: 'AO'},
+        {name: 'Anguilla', code: 'AI'},
+        {name: 'Antarctica', code: 'AQ'},
+        {name: 'Antigua and Barbuda', code: 'AG'},
+        {name: 'Argentina', code: 'AR'},
+        {name: 'Armenia', code: 'AM'},
+        {name: 'Aruba', code: 'AW'},
+        {name: 'Australia', code: 'AU'},
+        {name: 'Austria', code: 'AT'},
+        {name: 'Azerbaijan', code: 'AZ'},
+        {name: 'Bahamas', code: 'BS'},
+        {name: 'Bahrain', code: 'BH'},
+        {name: 'Bangladesh', code: 'BD'},
+        {name: 'Barbados', code: 'BB'},
+        {name: 'Belarus', code: 'BY'},
+        {name: 'Belgium', code: 'BE'},
+        {name: 'Belize', code: 'BZ'},
+        {name: 'Benin', code: 'BJ'},
+        {name: 'Bermuda', code: 'BM'},
+        {name: 'Bhutan', code: 'BT'},
+        {name: 'Bolivia', code: 'BO'},
+        {name: 'Bosnia and Herzegovina', code: 'BA'},
+        {name: 'Botswana', code: 'BW'},
+        {name: 'Bouvet Island', code: 'BV'},
+        {name: 'Brazil', code: 'BR'},
+        {name: 'British Indian Ocean Territory', code: 'IO'},
+        {name: 'Brunei Darussalam', code: 'BN'},
+        {name: 'Bulgaria', code: 'BG'},
+        {name: 'Burkina Faso', code: 'BF'},
+        {name: 'Burundi', code: 'BI'},
+        {name: 'Cambodia', code: 'KH'},
+        {name: 'Cameroon', code: 'CM'},
+        {name: 'Canada', code: 'CA'},
+        {name: 'Cape Verde', code: 'CV'},
+        {name: 'Cayman Islands', code: 'KY'},
+        {name: 'Central African Republic', code: 'CF'},
+        {name: 'Chad', code: 'TD'},
+        {name: 'Chile', code: 'CL'},
+        {name: 'China', code: 'CN'},
+        {name: 'Christmas Island', code: 'CX'},
+        {name: 'Cocos (Keeling) Islands', code: 'CC'},
+        {name: 'Colombia', code: 'CO'},
+        {name: 'Comoros', code: 'KM'},
+        {name: 'Congo', code: 'CG'},
+        {name: 'Congo, The Democratic Republic of the', code: 'CD'},
+        {name: 'Cook Islands', code: 'CK'},
+        {name: 'Costa Rica', code: 'CR'},
+        {name: 'Cote D\'Ivoire', code: 'CI'},
+        {name: 'Croatia', code: 'HR'},
+        {name: 'Cuba', code: 'CU'},
+        {name: 'Cyprus', code: 'CY'},
+        {name: 'Czech Republic', code: 'CZ'},
+        {name: 'Denmark', code: 'DK'},
+        {name: 'Djibouti', code: 'DJ'},
+        {name: 'Dominica', code: 'DM'},
+        {name: 'Dominican Republic', code: 'DO'},
+        {name: 'Ecuador', code: 'EC'},
+        {name: 'Egypt', code: 'EG'},
+        {name: 'El Salvador', code: 'SV'},
+        {name: 'Equatorial Guinea', code: 'GQ'},
+        {name: 'Eritrea', code: 'ER'},
+        {name: 'Estonia', code: 'EE'},
+        {name: 'Ethiopia', code: 'ET'},
+        {name: 'Falkland Islands (Malvinas)', code: 'FK'},
+        {name: 'Faroe Islands', code: 'FO'},
+        {name: 'Fiji', code: 'FJ'},
+        {name: 'Finland', code: 'FI'},
+        {name: 'France', code: 'FR'},
+        {name: 'French Guiana', code: 'GF'},
+        {name: 'French Polynesia', code: 'PF'},
+        {name: 'French Southern Territories', code: 'TF'},
+        {name: 'Gabon', code: 'GA'},
+        {name: 'Gambia', code: 'GM'},
+        {name: 'Georgia', code: 'GE'},
+        {name: 'Germany', code: 'DE'},
+        {name: 'Ghana', code: 'GH'},
+        {name: 'Gibraltar', code: 'GI'},
+        {name: 'Greece', code: 'GR'},
+        {name: 'Greenland', code: 'GL'},
+        {name: 'Grenada', code: 'GD'},
+        {name: 'Guadeloupe', code: 'GP'},
+        {name: 'Guam', code: 'GU'},
+        {name: 'Guatemala', code: 'GT'},
+        {name: 'Guernsey', code: 'GG'},
+        {name: 'Guinea', code: 'GN'},
+        {name: 'Guinea-Bissau', code: 'GW'},
+        {name: 'Guyana', code: 'GY'},
+        {name: 'Haiti', code: 'HT'},
+        {name: 'Heard Island and Mcdonald Islands', code: 'HM'},
+        {name: 'Holy See (Vatican City State)', code: 'VA'},
+        {name: 'Honduras', code: 'HN'},
+        {name: 'Hong Kong', code: 'HK'},
+        {name: 'Hungary', code: 'HU'},
+        {name: 'Iceland', code: 'IS'},
+        {name: 'India', code: 'IN'},
+        {name: 'Indonesia', code: 'ID'},
+        {name: 'Iran, Islamic Republic Of', code: 'IR'},
+        {name: 'Iraq', code: 'IQ'},
+        {name: 'Ireland', code: 'IE'},
+        {name: 'Isle of Man', code: 'IM'},
+        {name: 'Israel', code: 'IL'},
+        {name: 'Italy', code: 'IT'},
+        {name: 'Jamaica', code: 'JM'},
+        {name: 'Japan', code: 'JP'},
+        {name: 'Jersey', code: 'JE'},
+        {name: 'Jordan', code: 'JO'},
+        {name: 'Kazakhstan', code: 'KZ'},
+        {name: 'Kenya', code: 'KE'},
+        {name: 'Kiribati', code: 'KI'},
+        {name: 'Korea, Democratic People\'S Republic of', code: 'KP'},
+        {name: 'Korea, Republic of', code: 'KR'},
+        {name: 'Kuwait', code: 'KW'},
+        {name: 'Kyrgyzstan', code: 'KG'},
+        {name: 'Lao People\'S Democratic Republic', code: 'LA'},
+        {name: 'Latvia', code: 'LV'},
+        {name: 'Lebanon', code: 'LB'},
+        {name: 'Lesotho', code: 'LS'},
+        {name: 'Liberia', code: 'LR'},
+        {name: 'Libyan Arab Jamahiriya', code: 'LY'},
+        {name: 'Liechtenstein', code: 'LI'},
+        {name: 'Lithuania', code: 'LT'},
+        {name: 'Luxembourg', code: 'LU'},
+        {name: 'Macao', code: 'MO'},
+        {name: 'Macedonia, The Former Yugoslav Republic of', code: 'MK'},
+        {name: 'Madagascar', code: 'MG'},
+        {name: 'Malawi', code: 'MW'},
+        {name: 'Malaysia', code: 'MY'},
+        {name: 'Maldives', code: 'MV'},
+        {name: 'Mali', code: 'ML'},
+        {name: 'Malta', code: 'MT'},
+        {name: 'Marshall Islands', code: 'MH'},
+        {name: 'Martinique', code: 'MQ'},
+        {name: 'Mauritania', code: 'MR'},
+        {name: 'Mauritius', code: 'MU'},
+        {name: 'Mayotte', code: 'YT'},
+        {name: 'Mexico', code: 'MX'},
+        {name: 'Micronesia, Federated States of', code: 'FM'},
+        {name: 'Moldova, Republic of', code: 'MD'},
+        {name: 'Monaco', code: 'MC'},
+        {name: 'Mongolia', code: 'MN'},
+        {name: 'Montserrat', code: 'MS'},
+        {name: 'Morocco', code: 'MA'},
+        {name: 'Mozambique', code: 'MZ'},
+        {name: 'Myanmar', code: 'MM'},
+        {name: 'Namibia', code: 'NA'},
+        {name: 'Nauru', code: 'NR'},
+        {name: 'Nepal', code: 'NP'},
+        {name: 'Netherlands', code: 'NL'},
+        {name: 'Netherlands Antilles', code: 'AN'},
+        {name: 'New Caledonia', code: 'NC'},
+        {name: 'New Zealand', code: 'NZ'},
+        {name: 'Nicaragua', code: 'NI'},
+        {name: 'Niger', code: 'NE'},
+        {name: 'Nigeria', code: 'NG'},
+        {name: 'Niue', code: 'NU'},
+        {name: 'Norfolk Island', code: 'NF'},
+        {name: 'Northern Mariana Islands', code: 'MP'},
+        {name: 'Norway', code: 'NO'},
+        {name: 'Oman', code: 'OM'},
+        {name: 'Pakistan', code: 'PK'},
+        {name: 'Palau', code: 'PW'},
+        {name: 'Palestinian Territory, Occupied', code: 'PS'},
+        {name: 'Panama', code: 'PA'},
+        {name: 'Papua New Guinea', code: 'PG'},
+        {name: 'Paraguay', code: 'PY'},
+        {name: 'Peru', code: 'PE'},
+        {name: 'Philippines', code: 'PH'},
+        {name: 'Pitcairn', code: 'PN'},
+        {name: 'Poland', code: 'PL'},
+        {name: 'Portugal', code: 'PT'},
+        {name: 'Puerto Rico', code: 'PR'},
+        {name: 'Qatar', code: 'QA'},
+        {name: 'Reunion', code: 'RE'},
+        {name: 'Romania', code: 'RO'},
+        {name: 'Russian Federation', code: 'RU'},
+        {name: 'RWANDA', code: 'RW'},
+        {name: 'Saint Helena', code: 'SH'},
+        {name: 'Saint Kitts and Nevis', code: 'KN'},
+        {name: 'Saint Lucia', code: 'LC'},
+        {name: 'Saint Pierre and Miquelon', code: 'PM'},
+        {name: 'Saint Vincent and the Grenadines', code: 'VC'},
+        {name: 'Samoa', code: 'WS'},
+        {name: 'San Marino', code: 'SM'},
+        {name: 'Sao Tome and Principe', code: 'ST'},
+        {name: 'Saudi Arabia', code: 'SA'},
+        {name: 'Senegal', code: 'SN'},
+        {name: 'Serbia and Montenegro', code: 'CS'},
+        {name: 'Seychelles', code: 'SC'},
+        {name: 'Sierra Leone', code: 'SL'},
+        {name: 'Singapore', code: 'SG'},
+        {name: 'Slovakia', code: 'SK'},
+        {name: 'Slovenia', code: 'SI'},
+        {name: 'Solomon Islands', code: 'SB'},
+        {name: 'Somalia', code: 'SO'},
+        {name: 'South Africa', code: 'ZA'},
+        {name: 'South Georgia and the South Sandwich Islands', code: 'GS'},
+        {name: 'Spain', code: 'ES'},
+        {name: 'Sri Lanka', code: 'LK'},
+        {name: 'Sudan', code: 'SD'},
+        {name: 'Suriname', code: 'SR'},
+        {name: 'Svalbard and Jan Mayen', code: 'SJ'},
+        {name: 'Swaziland', code: 'SZ'},
+        {name: 'Sweden', code: 'SE'},
+        {name: 'Switzerland', code: 'CH'},
+        {name: 'Syrian Arab Republic', code: 'SY'},
+        {name: 'Taiwan, Province of China', code: 'TW'},
+        {name: 'Tajikistan', code: 'TJ'},
+        {name: 'Tanzania, United Republic of', code: 'TZ'},
+        {name: 'Thailand', code: 'TH'},
+        {name: 'Timor-Leste', code: 'TL'},
+        {name: 'Togo', code: 'TG'},
+        {name: 'Tokelau', code: 'TK'},
+        {name: 'Tonga', code: 'TO'},
+        {name: 'Trinidad and Tobago', code: 'TT'},
+        {name: 'Tunisia', code: 'TN'},
+        {name: 'Turkey', code: 'TR'},
+        {name: 'Turkmenistan', code: 'TM'},
+        {name: 'Turks and Caicos Islands', code: 'TC'},
+        {name: 'Tuvalu', code: 'TV'},
+        {name: 'Uganda', code: 'UG'},
+        {name: 'Ukraine', code: 'UA'},
+        {name: 'United Arab Emirates', code: 'AE'},
+        {name: 'United Kingdom', code: 'GB'},
+        {name: 'United States', code: 'US'},
+        {name: 'United States Minor Outlying Islands', code: 'UM'},
+        {name: 'Uruguay', code: 'UY'},
+        {name: 'Uzbekistan', code: 'UZ'},
+        {name: 'Vanuatu', code: 'VU'},
+        {name: 'Venezuela', code: 'VE'},
+        {name: 'Viet Nam', code: 'VN'},
+        {name: 'Virgin Islands, British', code: 'VG'},
+        {name: 'Virgin Islands, U.S.', code: 'VI'},
+        {name: 'Wallis and Futuna', code: 'WF'},
+        {name: 'Western Sahara', code: 'EH'},
+        {name: 'Yemen', code: 'YE'},
+        {name: 'Zambia', code: 'ZM'},
+        {name: 'Zimbabwe', code: 'ZW'}
+      ]
+    });
+  </script>
+  </polymer-element>
+  <dropdown-demo fit></dropdown-demo>
+</body>
+</html>