auto-converted by polymer-modulizer

KatapultDevelopment · Jun 23, 2018 · 4b071d5 · 4b071d5
1 parent bb3c2fe
commit 4b071d5
Show file tree

Hide file tree

Showing 12 changed files with 376 additions and 407 deletions.
diff --git a/.travis.yml b/.travis.yml
@@ -1,31 +1,19 @@
 language: node_js
 sudo: 'false'
-before_script:
-  - npm install -g polymer-cli
-  - polymer install --variants
-  - >-
-    npm run update-types && git diff --exit-code || (echo -e
-    '\n\033[31mERROR:\033[0m Typings are stale. Please run "npm run
-    update-types".' && false)
-  - >-
-    npm run format && git diff --exit-code || (echo -e '\n\033[31mERROR:\033[0m
-    Project is not formatted. Please run "npm run format".' && false)
+before_script: npm install -g polymer-cli
 env:
   global:
-    - secure: >-
-        K4VgzWGTtrmpfr0mweonk3jfSqSQ9QW+FOtPNN7LjNqIdOn2aw40saQEYWQRqwjuGvaI1rvkGSTauvsNLaXZuKfxc0apC+nysPegz4m7B38nWf5XBvNujRtrj5NDIV13R6qKkNE6Mfm9SOalNDfk5ZQSJLIvj87Kb/WZGwq4o9XyY3No5NmrMztpdwQk8rStgNmy7//aly1XVxaPG/Pb1uSPWIG5+sWh6Lcg+R1J6i+Gk/ItQFGYonNNoU/ahvDU95wXzeN3cCb+ky1mBqB0KFZgxEElHjddxaLuj8FFfC4c2yilaAiFvCDOkfgy0taPPacdiySTq8Dr9lVk+kaGUt12GMBkgbBWCUBmtrQpDFa8JOQTo7IzbdQiOd++LGNOLmnWJ/g7ETETnqFtKM3fiNcvQy9ek9GMVmRrr6ZrCtVafKjBdOfGzGh3yl1GY0ZTFi2ro1qwv1qU43PKlhvxc/FAvWKwJPqJoB2/4OXdLza/N7sHA8AqvjHUqKAaZnpTyxUBixgboiYqwu8DimP0wyJim3ZGUodppae0cFDQDb3mRWYhyUdP7Ul5KuMid2QLDVCbEHroNzK7PNYMemU8GJAKPA8f9hHhp5/5VlkMLUMU/shkDO8uumsC8zM8gm5w0wOHX2U48CT0CzB/0/yA0aPUZ3Mg5sNb8o5NX8+2dMg=
-    - secure: >-
-        sgXf0tTluAfwr/oFBlR300+WxGY2ZT6fBUV2Cp0XvsheqVlyeGK5vsi8JjiVcpD/W2/yr1gYnJ/HC/HsCJan/RyYVyDPjn5RZE78elDOp6vYikdp4gXv1Wa4j/H/cm0zkRZ7dBGE0e9EtO6NWzBQw9wnaISvMLfBaAoz2m2X9fgA/WwMaQHlp8kklglkJUhvrzyo2LLQvM8h1RxoiRlarVjQx7/neiX1GUBurghId+s62B+j50XtkZdWJbFzDFeXDZKIHQ7a/vfZK7TWG43eJaAtBfyKyGbo72RvlzwQQ+3k0E4h/cZ4Zp9d6IYiwZeQmU/WncZw7anbZOobyR7abwpEM01YcmB6HJtSDxHUrfXbJvYgyWz6HyqlUj6ShD7PzSiMoJJX5qZX18ziPPr4/w50jRT1IJDnyOogPVTjr1PYK+W9w6IBtsoorSsEmFPygOgpuNSO3/dr7Olpgx5B3qEEbnbj2w5J66VYuHrDYV6G4IQlAr4UPIGJwgbB2A7+4CrxbQ+L/GjW+HmTplUq6pm8q8CDa+Qt7EYqXOXe9Apc7oDUe1pO/ShP5RwU2mFiRk9HhhkcGRewSO4eyNpVgpjvuMuQgRkpmBkHcw6nwtAfgy/tdWLvCGqORqJb/6bM+FWRPBGqeDUSZHYXMzaRh5kamiZ/QWqqRKB+h4tbggc=
+    - secure: K4VgzWGTtrmpfr0mweonk3jfSqSQ9QW+FOtPNN7LjNqIdOn2aw40saQEYWQRqwjuGvaI1rvkGSTauvsNLaXZuKfxc0apC+nysPegz4m7B38nWf5XBvNujRtrj5NDIV13R6qKkNE6Mfm9SOalNDfk5ZQSJLIvj87Kb/WZGwq4o9XyY3No5NmrMztpdwQk8rStgNmy7//aly1XVxaPG/Pb1uSPWIG5+sWh6Lcg+R1J6i+Gk/ItQFGYonNNoU/ahvDU95wXzeN3cCb+ky1mBqB0KFZgxEElHjddxaLuj8FFfC4c2yilaAiFvCDOkfgy0taPPacdiySTq8Dr9lVk+kaGUt12GMBkgbBWCUBmtrQpDFa8JOQTo7IzbdQiOd++LGNOLmnWJ/g7ETETnqFtKM3fiNcvQy9ek9GMVmRrr6ZrCtVafKjBdOfGzGh3yl1GY0ZTFi2ro1qwv1qU43PKlhvxc/FAvWKwJPqJoB2/4OXdLza/N7sHA8AqvjHUqKAaZnpTyxUBixgboiYqwu8DimP0wyJim3ZGUodppae0cFDQDb3mRWYhyUdP7Ul5KuMid2QLDVCbEHroNzK7PNYMemU8GJAKPA8f9hHhp5/5VlkMLUMU/shkDO8uumsC8zM8gm5w0wOHX2U48CT0CzB/0/yA0aPUZ3Mg5sNb8o5NX8+2dMg=
+    - secure: sgXf0tTluAfwr/oFBlR300+WxGY2ZT6fBUV2Cp0XvsheqVlyeGK5vsi8JjiVcpD/W2/yr1gYnJ/HC/HsCJan/RyYVyDPjn5RZE78elDOp6vYikdp4gXv1Wa4j/H/cm0zkRZ7dBGE0e9EtO6NWzBQw9wnaISvMLfBaAoz2m2X9fgA/WwMaQHlp8kklglkJUhvrzyo2LLQvM8h1RxoiRlarVjQx7/neiX1GUBurghId+s62B+j50XtkZdWJbFzDFeXDZKIHQ7a/vfZK7TWG43eJaAtBfyKyGbo72RvlzwQQ+3k0E4h/cZ4Zp9d6IYiwZeQmU/WncZw7anbZOobyR7abwpEM01YcmB6HJtSDxHUrfXbJvYgyWz6HyqlUj6ShD7PzSiMoJJX5qZX18ziPPr4/w50jRT1IJDnyOogPVTjr1PYK+W9w6IBtsoorSsEmFPygOgpuNSO3/dr7Olpgx5B3qEEbnbj2w5J66VYuHrDYV6G4IQlAr4UPIGJwgbB2A7+4CrxbQ+L/GjW+HmTplUq6pm8q8CDa+Qt7EYqXOXe9Apc7oDUe1pO/ShP5RwU2mFiRk9HhhkcGRewSO4eyNpVgpjvuMuQgRkpmBkHcw6nwtAfgy/tdWLvCGqORqJb/6bM+FWRPBGqeDUSZHYXMzaRh5kamiZ/QWqqRKB+h4tbggc=
 node_js: '9'
 addons:
   firefox: latest
   chrome: stable
 script:
-  - xvfb-run polymer test
-  - >-
-    if [ "${TRAVIS_PULL_REQUEST}" = "false" ]; then polymer test -s 'default';
-    fi
+  - xvfb-run polymer test --module-resolution=node --npm
+  - 'if [ "${TRAVIS_PULL_REQUEST}" = "false" ]; then polymer test --module-resolution=node --npm -s ''default''; fi'
 dist: trusty
 cache:
   directories:
     - node_modules
+
diff --git a/bower.json b/bower.json
diff --git a/demo/index.html b/demo/index.html
@@ -13,24 +13,44 @@
 <head>
   <meta charset="UTF-8">
   <title>Iron A11y Keys demo</title>
-  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <script src="../../../@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
 
-  <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
-  <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
+  <script type="module" src="../../iron-demo-helpers/demo-snippet.js"></script>
+  <script type="module" src="../../iron-demo-helpers/demo-pages-shared-styles.js"></script>
 
-  <link rel="import" href="x-key-aware.html">
+  <script type="module" src="./x-key-aware.js"></script>
 
-  <custom-style>
+  <!-- FIXME(polymer-modulizer):
+        These imperative modules that innerHTML your HTML are
+        a hacky way to be sure that any mixins in included style
+        modules are ready before any elements that reference them are
+        instantiated, otherwise the CSS @apply mixin polyfill won't be
+        able to expand the underlying CSS custom properties.
+        See: https://github.com/Polymer/polymer-modulizer/issues/154
+        -->
+    <script type="module">
+const $_documentContainer = document.createElement('template');
+
+$_documentContainer.innerHTML = `<custom-style>
     <style is="custom-style" include="demo-pages-shared-styles"></style>
-  </custom-style>
+  </custom-style>`;
+
+document.body.appendChild($_documentContainer.content);
+</script>
 </head>
 
 <body unresolved class="centered">
-  <demo-snippet>
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+
+$_documentContainer.innerHTML = `<demo-snippet>
     <template>
       <x-key-aware tabindex="0"></x-key-aware>
     </template>
-  </demo-snippet>
+  </demo-snippet>`;
+
+document.body.appendChild($_documentContainer.content);
+</script>
 </body>
 
 </html>
diff --git a/demo/x-key-aware.html → demo/x-key-aware.js b/demo/x-key-aware.html → demo/x-key-aware.js
@@ -1,18 +1,19 @@
-<!--
+/**
 @license
 Copyright (c) 2015 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
--->
+*/
+import '@polymer/polymer/polymer-legacy.js';
 
-<link rel="import" href="../../polymer/polymer.html">
-<link rel="import" href="../iron-a11y-keys.html">
-
-<dom-module id="x-key-aware">
-  <template>
+import '../iron-a11y-keys.js';
+import { Polymer } from '@polymer/polymer/lib/legacy/polymer-fn.js';
+import { html } from '@polymer/polymer/lib/utils/html-tag.js';
+Polymer({
+  _template: html`
     <style>
       :host {
         display: block;
@@ -42,41 +43,33 @@ <h4>Press any of these keys</h4>
         <span>{{item}}</span>
       </template>
     </span>
-    <iron-a11y-keys
-      id="keys"
-      keys="* pageup pagedown left right down up shift+a alt+a home end space enter"
-      target="[[target]]"
-      on-keys-pressed="_updatePressed">
+    <iron-a11y-keys id="keys" keys="* pageup pagedown left right down up shift+a alt+a home end space enter" target="[[target]]" on-keys-pressed="_updatePressed">
     </iron-a11y-keys>
     <pre id="output">[[pressed]]</pre>
-  </template>
-</dom-module>
+`,
 
-<script>
-  Polymer({
-    is: 'x-key-aware',
+  is: 'x-key-aware',
 
-    properties: {
-      pressed: {type: String, readOnly: true, value: ''},
+  properties: {
+    pressed: {type: String, readOnly: true, value: ''},
 
-      boundKeys: {type: Array},
+    boundKeys: {type: Array},
 
-      target: {
-        type: Object,
-        value: function() {
-          return document.body;
-        }
+    target: {
+      type: Object,
+      value: function() {
+        return document.body;
       }
-    },
+    }
+  },
 
-    ready: function() {
-      this.boundKeys = this.$.keys.keys.split(' ');
-    },
+  ready: function() {
+    this.boundKeys = this.$.keys.keys.split(' ');
+  },
 
-    _updatePressed: function(event) {
-      console.log(event.detail);
+  _updatePressed: function(event) {
+    console.log(event.detail);
 
-      this._setPressed(this.pressed + event.detail.combo + ' pressed!\n');
-    }
-  });
-</script>
+    this._setPressed(this.pressed + event.detail.combo + ' pressed!\n');
+  }
+});
diff --git a/index.html b/index.html
@@ -12,8 +12,8 @@
 <head>
 
   <title>iron-a11y-keys</title>
-  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../iron-component-page/iron-component-page.html">
+  <script src="../../@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
+  <script type="module" src="../iron-component-page/iron-component-page.js"></script>
 
 </head>
 <body>

diff --git a/iron-a11y-keys.d.ts b/iron-a11y-keys.d.ts