auto-converted by polymer-modulizer

PolymerElements · Jun 23, 2018 · 1b6963a · 1b6963a
1 parent 8987eb5
commit 1b6963a
Show file tree

Hide file tree

Showing 14 changed files with 1,171 additions and 1,299 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: >-
-        LlyPVQ83DexTFUbi2DntCa9jqlPN70B6j7A94KFXzkQib9rVvHuDKULh9ZOLWE2Q7oMeEF/VXYUOJ4tczaXykwKFOT0/NbG8XqIx8WrVSGmGS4teuWkSkIGGrj1DIpfWR0GSwC0sZadEweJ0zFNNpsbbfSXiMh7/NC3djkJsJgz1OPzrseZkSAmZHlDQj5Wky61FljTo/1TP7KIGXjE5nTVjM2piam1wtOHV+UfQUsfZV/ZDaqkoTnNyWJ47767LxGGcPInHunah8WamGLtPXCfZZl9nMjjImuHs0vFSfrJ+pr2lMpgm970dJ5OGogetCCF6ly06RDMZHQ0FpvWiDc57H6fs7sbjTHEYvDUVb7/sySgIDg8mgVgnvnEkW/r6YwlawIS6rjY6zBWwJbozavWSD2W/SGftL/uTfWbzVhkYiW6lSg1XcILdtK8T5WkKcNN1/6U140jQwWuppwybLPjeKlwnxVICNpMUdoConXB3q4OrWVH0n4RHm1pZ9C4CGrHX11S7uoFPQKhdJqv4Fm03QyoKVatuvFQ3ZC4+28BpxeqlS3likupjq0EH3amhkewoXa0DdHhndgW5pWf2aQoFNwLTWQy9fZ/x0hpMW2MGV2isCn7MEO0NkbOIlUXFJZ/a+g8gwPJ9Kz8+cOIvV2A2hsJKi1i4lFtVZA/7kPc=
-    - secure: >-
-        ekeofzUn++qvAxGKKsm8lRnSYL3lXN/RIUQQ/iqjoaQQp4QLP5B/Ad9lQ/Woyi9CYqahkrohP1vDsdX/6k+IA1QM41Pka8LOVsgSEvGsM+CJN3+rWD5upXce8w5ITFRo7jAonMps1XoQ60SQH7Muq3r3EknXhdMv1iAMIXnGLsmb2NlMFf0qMqR2MWlWhTSNhP24XnoheZdX4SJ65NXC3ud8mWnCDK8MRqTHzuahB6QCN5EKCulQHn8+BIkt431a6v9kNXQ8Uo84sfHcg0Vrij3PrbEcny1Rz3uvLnfQPKP3I7xaPEhd87dkO8FHgD+0g3qAjYdJZjld+Q8API5mhmmLCnnE1VKEYwUael3lgIoomrr2BJPuLeRyF9QULsNBdPI/XJpil7V3zChEU9MTFfUB2twfhdpzVMPBv7qMQ6uO6s0GvW9CDyI5Nvk0IXs85NB6+GUCX/7JOPscI53Wy4ib46atqjK8rf9axsGMP5umnGTKHCoRayMX2senhnvMQ8qTm0sM4m+x+U/ampH/vIYmQqBj+xHP9zrUxnKKpwguNsI3zhGPyNaKhSjEl7nr+klHcO4qHFTmBcLqMXpPY90XaIr3h/lKlWtg1710XqiX/blK7XhexKbVVQIlgt/1K7j3LuTvPeIqeYUBnD6I/6U2NkB73xXnalN5AKa+bBk=
+    - secure: LlyPVQ83DexTFUbi2DntCa9jqlPN70B6j7A94KFXzkQib9rVvHuDKULh9ZOLWE2Q7oMeEF/VXYUOJ4tczaXykwKFOT0/NbG8XqIx8WrVSGmGS4teuWkSkIGGrj1DIpfWR0GSwC0sZadEweJ0zFNNpsbbfSXiMh7/NC3djkJsJgz1OPzrseZkSAmZHlDQj5Wky61FljTo/1TP7KIGXjE5nTVjM2piam1wtOHV+UfQUsfZV/ZDaqkoTnNyWJ47767LxGGcPInHunah8WamGLtPXCfZZl9nMjjImuHs0vFSfrJ+pr2lMpgm970dJ5OGogetCCF6ly06RDMZHQ0FpvWiDc57H6fs7sbjTHEYvDUVb7/sySgIDg8mgVgnvnEkW/r6YwlawIS6rjY6zBWwJbozavWSD2W/SGftL/uTfWbzVhkYiW6lSg1XcILdtK8T5WkKcNN1/6U140jQwWuppwybLPjeKlwnxVICNpMUdoConXB3q4OrWVH0n4RHm1pZ9C4CGrHX11S7uoFPQKhdJqv4Fm03QyoKVatuvFQ3ZC4+28BpxeqlS3likupjq0EH3amhkewoXa0DdHhndgW5pWf2aQoFNwLTWQy9fZ/x0hpMW2MGV2isCn7MEO0NkbOIlUXFJZ/a+g8gwPJ9Kz8+cOIvV2A2hsJKi1i4lFtVZA/7kPc=
+    - secure: ekeofzUn++qvAxGKKsm8lRnSYL3lXN/RIUQQ/iqjoaQQp4QLP5B/Ad9lQ/Woyi9CYqahkrohP1vDsdX/6k+IA1QM41Pka8LOVsgSEvGsM+CJN3+rWD5upXce8w5ITFRo7jAonMps1XoQ60SQH7Muq3r3EknXhdMv1iAMIXnGLsmb2NlMFf0qMqR2MWlWhTSNhP24XnoheZdX4SJ65NXC3ud8mWnCDK8MRqTHzuahB6QCN5EKCulQHn8+BIkt431a6v9kNXQ8Uo84sfHcg0Vrij3PrbEcny1Rz3uvLnfQPKP3I7xaPEhd87dkO8FHgD+0g3qAjYdJZjld+Q8API5mhmmLCnnE1VKEYwUael3lgIoomrr2BJPuLeRyF9QULsNBdPI/XJpil7V3zChEU9MTFfUB2twfhdpzVMPBv7qMQ6uO6s0GvW9CDyI5Nvk0IXs85NB6+GUCX/7JOPscI53Wy4ib46atqjK8rf9axsGMP5umnGTKHCoRayMX2senhnvMQ8qTm0sM4m+x+U/ampH/vIYmQqBj+xHP9zrUxnKKpwguNsI3zhGPyNaKhSjEl7nr+klHcO4qHFTmBcLqMXpPY90XaIr3h/lKlWtg1710XqiX/blK7XhexKbVVQIlgt/1K7j3LuTvPeIqeYUBnD6I/6U2NkB73xXnalN5AKa+bBk=
 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
@@ -15,16 +15,27 @@
   <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, user-scalable=yes">
 
-  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
-  <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
-  <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
-  <link rel="import" href="../../iron-icons/iron-icons.html">
-  <link rel="import" href="../../paper-icon-button/paper-icon-button.html">
-  <link rel="import" href="../../paper-styles/color.html">
-  <link rel="import" href="../paper-tooltip.html">
-  <link rel="import" href="test-button.html">
+  <script src="../../../@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
+  <script type="module" src="../../iron-demo-helpers/demo-snippet.js"></script>
+  <script type="module" src="../../iron-demo-helpers/demo-pages-shared-styles.js"></script>
+  <script type="module" src="../../iron-icons/iron-icons.js"></script>
+  <script type="module" src="../../paper-icon-button/paper-icon-button.js"></script>
+  <script type="module" src="../../paper-styles/color.js"></script>
+  <script type="module" src="../paper-tooltip.js"></script>
+  <script type="module" src="./test-button.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">
       paper-icon-button, input, .avatar {
         margin: 0 10px;
@@ -52,10 +63,16 @@
         background-color: var(--paper-pink-500);
       }
     </style>
-  </custom-style>
+  </custom-style>`;
+
+document.body.appendChild($_documentContainer.content);
+</script>
 </head>
 <body unresolved>
-  <div class="vertical-section-container centered">
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+
+$_documentContainer.innerHTML = `<div class="vertical-section-container centered">
     <h3>Tooltips can be anchored to elements using their ID</h3>
     <demo-snippet class="centered-demo">
       <template>
@@ -88,7 +105,7 @@ <h3>Tooltips can be anchored to elements relative to their parent</h3>
           <input type="checkbox">megalosaurus
           <paper-tooltip>the name means "roof lizard"</paper-tooltip>
         </div>
-      </div>
+      
       </template>
     </demo-snippet>
 
@@ -174,7 +191,19 @@ <h3>Tooltips can be opened and closed with playAnimation.</h3>
           demo6_btn_cancel.addEventListener('click',function() {
             demo6_tooltip.cancelAnimation();
           });
-        </script>
+        &lt;/script>
+      </template>
+    </demo-snippet>
+  </div>`;
+
+document.body.appendChild($_documentContainer.content);
+</script>de.addEventListener('click',function() {
+  demo6_tooltip.playAnimation("exit");
+});
+demo6_btn_cancel.addEventListener('click',function() {
+  demo6_tooltip.cancelAnimation();
+});
+</script>
       </template>
     </demo-snippet>
   </div>

diff --git a/demo/test-button.html → demo/test-button.js b/demo/test-button.html → demo/test-button.js
@@ -1,20 +1,21 @@
-<!--
+/**
 @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="../../paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../iron-icons/iron-icons.html">
-<link rel="import" href="../paper-tooltip.html">
-
-<dom-module id="test-button">
-  <template>
+import '@polymer/paper-icon-button/paper-icon-button.js';
+import '@polymer/iron-icons/iron-icons.js';
+import '../paper-tooltip.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: inline-block;
@@ -27,9 +28,7 @@
 
     <paper-icon-button id="m" icon="menu" alt="menu"></paper-icon-button>
     <paper-tooltip for="m" offset="8">hot dogs</paper-tooltip>
-  </template>
+`,
 
-  <script>
-    Polymer({is: 'test-button'});
-  </script>
-</dom-module>
+  is: 'test-button'
+});
diff --git a/index.html b/index.html
@@ -16,8 +16,8 @@
 
   <title>paper-tooltip</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/manifest.json b/manifest.json
@@ -0,0 +1,36 @@
+{
+  "files": {
+    "paper-tooltip.html": {
+      "convertedUrl": "paper-tooltip.js",
+      "exports": {}
+    },
+    "index.html": {
+      "convertedUrl": "index.html",
+      "exports": {}
+    },
+    "demo/index.html": {
+      "convertedUrl": "demo/index.html",
+      "exports": {}
+    },
+    "demo/test-button.html": {
+      "convertedUrl": "demo/test-button.js",
+      "exports": {}
+    },
+    "test/basic.html": {
+      "convertedUrl": "test/basic.html",
+      "exports": {}
+    },
+    "test/test-button.html": {
+      "convertedUrl": "test/test-button.js",
+      "exports": {}
+    },
+    "test/test-icon.html": {
+      "convertedUrl": "test/test-icon.js",
+      "exports": {}
+    },
+    "test/index.html": {
+      "convertedUrl": "test/index.html",
+      "exports": {}
+    }
+  }
+}
diff --git a/package.json b/package.json
@@ -1,19 +1,44 @@
 {
-  "name": "@polymer/paper-tooltip",
-  "private": true,
   "description": "Material design tooltip popup for content",
+  "keywords": [
+    "web-components",
+    "polymer",
+    "tooltip"
+  ],
   "repository": {
     "type": "git",
     "url": "git://github.com/PolymerElements/paper-tooltip.git"
   },
+  "homepage": "https://github.com/PolymerElements/paper-tooltip",
+  "name": "@polymer/paper-tooltip",
   "license": "BSD-3-Clause",
   "devDependencies": {
     "@polymer/gen-typescript-declarations": "^1.2.2",
     "bower": "^1.8.0",
-    "webmat": "^0.2.0"
+    "webmat": "^0.2.0",
+    "wct-browser-legacy": "^1.0.1",
+    "@webcomponents/webcomponentsjs": "^2.0.0",
+    "@polymer/iron-component-page": "^3.0.0-pre.20",
+    "@polymer/iron-demo-helpers": "^3.0.0-pre.20",
+    "@polymer/iron-test-helpers": "^3.0.0-pre.20",
+    "@polymer/paper-icon-button": "^3.0.0-pre.20"
   },
   "scripts": {
     "update-types": "bower install && gen-typescript-declarations --deleteExisting --outDir .",
     "format": "webmat && npm run update-types"
+  },
+  "version": "3.0.0-pre.20",
+  "resolutions": {
+    "inherits": "2.0.3",
+    "samsam": "1.1.3",
+    "supports-color": "3.1.2",
+    "type-detect": "1.0.0",
+    "@webcomponents/webcomponentsjs": "2.0.0-beta.2"
+  },
+  "main": "paper-tooltip.js",
+  "author": "The Polymer Authors",
+  "dependencies": {
+    "@polymer/polymer": "^3.0.0",
+    "@polymer/paper-styles": "^3.0.0-pre.20"
   }
 }