auto-converted by polymer-modulizer

PolymerElements · Jun 23, 2018 · e92c8ea · e92c8ea
1 parent 530cddb
commit e92c8ea
Show file tree

Hide file tree

Showing 22 changed files with 741 additions and 719 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,4 @@
 bower_components*
 bower-1.x.json
+
+node_modules
diff --git a/.travis.yml b/.travis.yml
@@ -5,20 +5,15 @@ node_js: '9'
 addons:
   firefox: latest
   chrome: stable
-before_script:
-  - npm install -g polymer-cli
-  - polymer install --variants
+before_script: npm install -g polymer-cli
 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'
 env:
   global:
-    - secure: >-
-        ePo0qYMYIoL/NaxC1hUPaHdjjNoQKzfHtJeo9GcgBI4dN7IT4N2W6soMdWFWLFD7e9grlUYHVpeo809BIyI4J+b7Iqds+0cqD6aFYOaOMARmLYG3dwZK0GlGxiziiPFPbAPL98T0ruvdLoFD+drtILqS1voMnAwnDhoRyUOIXoTuTWful30Kh8lpc0NaMn+S2mT8oNYXxb8aQo04pFxSV4r0fafaKH2B5LB4nmDpzBfcVnhqFGVMUhaACFo5lB1z39BtcXU7bn1HUTOG0s7QzM/Ugz5qd8QXf8vcFE0MAHc1zdxGwSPT+1+jzfoVhWPkAhBaT7ygh4G0MEBqGz+bdk+pgAaB2TSkhxsZQoI4BPcmCd7hDyFpyCqEz8slmdzS1G7cZKgtAWrXcyGgnmeaMSxjAcNqi/5vv8Z1Ni+A43y8f1S5/V5H/D/2f4C2bih3stoZLsgVQVKlDMsX8eDE3G6HwEEJZQedVlVlN6267y8fkedwpjYSCNduAQmpNR+B1/D35b1squcD0R9/HxQMCI7LmvoW4tmvGcAnF4vDX8BP/kdi6hh3Q31IdCfg0OxuXuccQCCLrL5it06xHbCyEqynPykbxQvborTvF7kuKNbKkCjayRn3sDwSVM5bxAZ3dRJXak8BDdf3Ufbkq1wTdBn0c/xrVm6AB4ng8lW9ukw=
-    - secure: >-
-        qxpGCUYzcr43+3znpUVt3QUY9eydxlQ0T1h9wFA3/l4J2/eZTw15JOA+vBmCE4U5f8cC75WZLOB5FTL5PbbsxtN+RbdxfffR2qa9ns/S78f8sMxws1ZHo3vHIB6F8GNIB2oH3leT8IyvpulK4029ZQBa5OkwrjiD87h9611a4H3g7lMK+l0KP0BYIw+qevcYc9B8c+vsc04o0usH1ks5lLAoNfig+o2BV32uzsbBvzWgt65wE6tlH1vAoGu/oll25fV6vkA1VXVze+bX37ybElpsHSPllc7YbQix9c50/vleOBlBLsl3KdpGXnZu3+HgWSLQQWjNvVOTw/xdJzmAPT0FE2cb4/WEqdj6p/2UjsgN11/BskhIAkNKW8pp/PxFIVyY9o2ABbHav3SXAn1UMU/G8BhoOaj94Xgt4htgDgSSGCxcq74uqpG50qsMydxYwJbMDm9JLfiHfF+XNC53Mg/L+wFL0n57VJu0fNF7V8xUCyWV/6uuE0yZrM3ijvDuBah5g2NRp+J80bSbvGmeyeJMC2dF05CvJ3/qOB0iFq+NKZETDw6JL+IwQ9SCv9E3+sdXtyak7Jb4n6U31ijcreef/RRxJhA5Y9yIOqHAhVy2sYXKCXlAsRKU3R9x2TF9U1//U/FVx2sxOwrOqNdcGNpTMOhGNZ6ulFt9UQzSChg=
+    - secure: ePo0qYMYIoL/NaxC1hUPaHdjjNoQKzfHtJeo9GcgBI4dN7IT4N2W6soMdWFWLFD7e9grlUYHVpeo809BIyI4J+b7Iqds+0cqD6aFYOaOMARmLYG3dwZK0GlGxiziiPFPbAPL98T0ruvdLoFD+drtILqS1voMnAwnDhoRyUOIXoTuTWful30Kh8lpc0NaMn+S2mT8oNYXxb8aQo04pFxSV4r0fafaKH2B5LB4nmDpzBfcVnhqFGVMUhaACFo5lB1z39BtcXU7bn1HUTOG0s7QzM/Ugz5qd8QXf8vcFE0MAHc1zdxGwSPT+1+jzfoVhWPkAhBaT7ygh4G0MEBqGz+bdk+pgAaB2TSkhxsZQoI4BPcmCd7hDyFpyCqEz8slmdzS1G7cZKgtAWrXcyGgnmeaMSxjAcNqi/5vv8Z1Ni+A43y8f1S5/V5H/D/2f4C2bih3stoZLsgVQVKlDMsX8eDE3G6HwEEJZQedVlVlN6267y8fkedwpjYSCNduAQmpNR+B1/D35b1squcD0R9/HxQMCI7LmvoW4tmvGcAnF4vDX8BP/kdi6hh3Q31IdCfg0OxuXuccQCCLrL5it06xHbCyEqynPykbxQvborTvF7kuKNbKkCjayRn3sDwSVM5bxAZ3dRJXak8BDdf3Ufbkq1wTdBn0c/xrVm6AB4ng8lW9ukw=
+    - secure: qxpGCUYzcr43+3znpUVt3QUY9eydxlQ0T1h9wFA3/l4J2/eZTw15JOA+vBmCE4U5f8cC75WZLOB5FTL5PbbsxtN+RbdxfffR2qa9ns/S78f8sMxws1ZHo3vHIB6F8GNIB2oH3leT8IyvpulK4029ZQBa5OkwrjiD87h9611a4H3g7lMK+l0KP0BYIw+qevcYc9B8c+vsc04o0usH1ks5lLAoNfig+o2BV32uzsbBvzWgt65wE6tlH1vAoGu/oll25fV6vkA1VXVze+bX37ybElpsHSPllc7YbQix9c50/vleOBlBLsl3KdpGXnZu3+HgWSLQQWjNvVOTw/xdJzmAPT0FE2cb4/WEqdj6p/2UjsgN11/BskhIAkNKW8pp/PxFIVyY9o2ABbHav3SXAn1UMU/G8BhoOaj94Xgt4htgDgSSGCxcq74uqpG50qsMydxYwJbMDm9JLfiHfF+XNC53Mg/L+wFL0n57VJu0fNF7V8xUCyWV/6uuE0yZrM3ijvDuBah5g2NRp+J80bSbvGmeyeJMC2dF05CvJ3/qOB0iFq+NKZETDw6JL+IwQ9SCv9E3+sdXtyak7Jb4n6U31ijcreef/RRxJhA5Y9yIOqHAhVy2sYXKCXlAsRKU3R9x2TF9U1//U/FVx2sxOwrOqNdcGNpTMOhGNZ6ulFt9UQzSChg=
 cache:
   directories:
     - node_modules
+
diff --git a/app-localize-behavior.html → app-localize-behavior.js b/app-localize-behavior.html → app-localize-behavior.js
@@ -1,19 +1,16 @@
-<!--
+/**
 @license
 Copyright (c) 2016 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
--->
-
-<link rel="import" href="../polymer/polymer.html">
-<link rel="import" href="../iron-ajax/iron-ajax.html">
-<script src="../intl-messageformat/dist/intl-messageformat.min.js"></script>
+*/
+import '@polymer/polymer/polymer-legacy.js';
 
-<script>
-(function() {
+import '@polymer/iron-ajax/iron-ajax.js';
+import 'intl-messageformat/dist/intl-messageformat.min.js';
 
 // This isn't a complete `Object.assign` polyfill, but this element expects
 // JSON and doesn't provide more than one source object.
@@ -133,7 +130,7 @@
 * @demo demo/index.html
 * @polymerBehavior Polymer.AppLocalizeBehavior
 */
-Polymer.AppLocalizeBehavior = {
+export const AppLocalizeBehavior = {
   /**
    * Internal singleton cache. This is the private implementation of the
    * behaviour; don't interact with it directly.
@@ -344,6 +341,3 @@
     }
   }
 };
-
-})();
-</script>
diff --git a/bower.json b/bower.json
diff --git a/demo/common-styles.html → demo/common-styles.js b/demo/common-styles.html → demo/common-styles.js
@@ -1,19 +1,11 @@
-<!--
-@license
-Copyright (c) 2016 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';
+import '@polymer/paper-styles/shadow.js';
+import '@polymer/paper-styles/typography.js';
+import '@polymer/iron-demo-helpers/demo-snippet.js';
+const $_documentContainer = document.createElement('template');
+$_documentContainer.setAttribute('style', 'display: none;');
 
-<link rel="import" href="../../polymer/polymer.html">
-<link rel="import" href="../../paper-styles/shadow.html">
-<link rel="import" href="../../paper-styles/typography.html">
-<link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
-
-<dom-module id="common-styles">
+$_documentContainer.innerHTML = `<dom-module id="common-styles">
   <template>
     <style include="demo-snippet">
       :host {
@@ -47,4 +39,22 @@
       }
     </style>
   </template>
-</dom-module>
+</dom-module>`;
+
+document.head.appendChild($_documentContainer.content);
+
+/**
+@license
+Copyright (c) 2016 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
+*/
+/*
+  FIXME(polymer-modulizer): the above comments were extracted
+  from HTML and may be out of place here. Review them and
+  then delete this comment!
+*/
+;
diff --git a/demo/index.html b/demo/index.html
@@ -16,15 +16,15 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-capable" content="yes">
 
-    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
-    <link rel="import" href="../../paper-styles/typography.html">
-    <link rel="import" href="x-translate.html">
-    <link rel="import" href="x-local-translate.html">
+    <script src="../../../@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
+    <script type="module" src="../../paper-styles/typography.js"></script>
+    <script type="module" src="./x-translate.js"></script>
+    <script type="module" src="./x-local-translate.js"></script>
 
     <!-- Intl polyfill -->
-    <script src="../../intl/dist/Intl.min.js"></script>
-    <script src="../../intl/locale-data/jsonp/en.js"></script>
-    <script src="../../intl/locale-data/jsonp/fr.js"></script>
+    <script src="../../../intl/dist/Intl.min.js"></script>
+    <script src="../../../intl/locale-data/jsonp/en.js"></script>
+    <script src="../../../intl/locale-data/jsonp/fr.js"></script>
   </head>
 
   <body unresolved>

diff --git a/demo/x-local-translate.html b/demo/x-local-translate.html
diff --git a/demo/x-local-translate.js b/demo/x-local-translate.js
@@ -0,0 +1,81 @@
+/**
+@license
+Copyright (c) 2016 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';
+
+import '@polymer/paper-toggle-button/paper-toggle-button.js';
+import { AppLocalizeBehavior } from '../app-localize-behavior.js';
+import './common-styles.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 include="common-styles"></style>
+
+    <div class="lang">
+      <span title="english">🇬🇧 EN</span>
+      <paper-toggle-button on-change="_toggle" id="switch"></paper-toggle-button>
+      <span title="french">FR 🇫🇷</span>
+    </div>
+
+    <h4>This demo's resources are loaded statically, not from an external file.</h4>
+
+    <div class="snippet">
+      <div class="demo">
+        <div>{{localize('greeting')}}</div>
+      </div>
+      <div class="code-container">
+        <code>localize('greeting')</code>
+      </div>
+    </div>
+`,
+
+  is: "x-local-translate",
+
+  behaviors: [
+    AppLocalizeBehavior
+  ],
+
+  properties: {
+    /* Overriden from AppLocalizeBehavior */
+    language: {
+      value: 'en',
+      type: String
+    },
+
+    /* Overriden from AppLocalizeBehavior */
+    formats: {
+      type: Object,
+      value: function() {
+        return {
+          number: { USD: { style: 'currency', currency: 'USD' } }
+        };
+      }
+    },
+
+    /* Overriden from AppLocalizeBehavior */
+    resources: {
+      type: Object,
+      value: function() {
+        return {
+          'en': {
+            'greeting': 'Hello!'
+          },
+          'fr' : {
+            'greeting': 'Bonjour!'
+          }
+        };
+      }
+    }
+  },
+
+  _toggle: function() {
+    this.language = this.$.switch.checked ? 'fr' : 'en';
+  }
+});