auto-converted by polymer-modulizer

PolymerElements · Jun 23, 2018 · 4dd8ac9 · 4dd8ac9
1 parent 19823f1
commit 4dd8ac9
Show file tree

Hide file tree

Showing 14 changed files with 838 additions and 1,048 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: >-
-        DPFyVw2bqW4TOQ1eVS+9SOi++XpIaZUa6Rh8RltZKQVhZC440YACSgXDhShui3GSBc6T3QZpce4utc88DAcp+t3Jr/MMl60xTp5h9qgynr7Jm7xCC/7tkxjhllmwGNCj+Uo/dKSkZNycinxyrwiALpjaxnnk7EtdKsJcAFIS+v4emX/6t7DqfzNszsnwtlukm2TNttPXN0Q+O/4H9zqeheUvJk5idsclU8pOuNqK8tqYiG9DrRvXVr7qXOdBjhahmIn4ekvV0dfNzlgDSzrKjlulQNpTLJmuFn/BPJZHmca575LjGv3Bsxm5PJ2153dfa/O45V9QyXGFuHCK5cSUR3zDKFNAew7ddT/2Q6Uv5qfngf+aMiQzLU7DheTgJKu9Y6hvhdo0nU4MddhUGTCagtwfl0nXKqCqmtDo8zh0VqGd6M9reZfAmS3YGvNlvXoetGKbH4Ne7hXRgOeLH/sWhMPVge9VFQtVnSNVGtPNFgXWAU2pcKbKg14BNFTlsxdLf+KWf9nolcbYCxa1SuDcfF2oUgyLmd9UiDZGmabsbscfbLXA2nAZfBH5kMeoedlOnE8PINPGiS+FJs0I2Ri8PUTkFCh9wui28vI+rimq94/dPuuX49NnY+ko/uycPbdzWbCl0xSVgoKRoG8BHzFqRxfn3fffU32RkMOjVKYKJgY=
-    - secure: >-
-        V+eg2rVp2XYFKyUzSP9Np1B7O4rnIvPBO88RUBsqFje1/USzuAw+FzlOp8zFY/7pUgJcXJ04fnCTI3vg2nkMa157cfafZJlKGMpzCIK5T5Z9dgX1cfniHv9l8X4FbaW+VJsVgRPVFwDKuPwjH0q6q73JM6EPcOcLG07F/JL5n+KLiNpXZh+G9EbfcmYqt56dPwIm3zEjKBAKs3FTLrkQCcsaZqKwVcr6YjdCvEXsqx0tcY2MKDrsQwCfkGOj0dR9ikTk0yl5UoMsNB3PSOaK8P/5m9iPmCcnGeUbak1M2bJXUaF3m+TBiYmr4IhmaRduVkN9zBoqxfXvuaVxMb36XnubjGXnIzJZyETYQvc5sp/ieVOrEFy3pVGGPYcOSWgIS37YiczwzY706XDlQ4ldm8Ds9XiiJmVfZRxmrf19kZhXgyWGU952bxn4jqHQo1f3Nspwejr1bNX90uxLTuoCslmypqpcv+ObquTL4XyiMXT9o4ZWZB/hl9i9mHBeymgQaMIM0JpLKU5wY2DiHbIjV9ncCRG1ai40OBHauy5cApRKqM9uWYivA+KrW96Tdqy8kUBxgc4JNByG8e0G5ryl2B5I1/h+2dBGho3zXlz5XqYFn4VneleUVbLiyiN+afnOEAzsyLwzqzXbm8wR9VFt92pCYKzm4WjZlaISRnXdz8o=
+    - secure: DPFyVw2bqW4TOQ1eVS+9SOi++XpIaZUa6Rh8RltZKQVhZC440YACSgXDhShui3GSBc6T3QZpce4utc88DAcp+t3Jr/MMl60xTp5h9qgynr7Jm7xCC/7tkxjhllmwGNCj+Uo/dKSkZNycinxyrwiALpjaxnnk7EtdKsJcAFIS+v4emX/6t7DqfzNszsnwtlukm2TNttPXN0Q+O/4H9zqeheUvJk5idsclU8pOuNqK8tqYiG9DrRvXVr7qXOdBjhahmIn4ekvV0dfNzlgDSzrKjlulQNpTLJmuFn/BPJZHmca575LjGv3Bsxm5PJ2153dfa/O45V9QyXGFuHCK5cSUR3zDKFNAew7ddT/2Q6Uv5qfngf+aMiQzLU7DheTgJKu9Y6hvhdo0nU4MddhUGTCagtwfl0nXKqCqmtDo8zh0VqGd6M9reZfAmS3YGvNlvXoetGKbH4Ne7hXRgOeLH/sWhMPVge9VFQtVnSNVGtPNFgXWAU2pcKbKg14BNFTlsxdLf+KWf9nolcbYCxa1SuDcfF2oUgyLmd9UiDZGmabsbscfbLXA2nAZfBH5kMeoedlOnE8PINPGiS+FJs0I2Ri8PUTkFCh9wui28vI+rimq94/dPuuX49NnY+ko/uycPbdzWbCl0xSVgoKRoG8BHzFqRxfn3fffU32RkMOjVKYKJgY=
+    - secure: V+eg2rVp2XYFKyUzSP9Np1B7O4rnIvPBO88RUBsqFje1/USzuAw+FzlOp8zFY/7pUgJcXJ04fnCTI3vg2nkMa157cfafZJlKGMpzCIK5T5Z9dgX1cfniHv9l8X4FbaW+VJsVgRPVFwDKuPwjH0q6q73JM6EPcOcLG07F/JL5n+KLiNpXZh+G9EbfcmYqt56dPwIm3zEjKBAKs3FTLrkQCcsaZqKwVcr6YjdCvEXsqx0tcY2MKDrsQwCfkGOj0dR9ikTk0yl5UoMsNB3PSOaK8P/5m9iPmCcnGeUbak1M2bJXUaF3m+TBiYmr4IhmaRduVkN9zBoqxfXvuaVxMb36XnubjGXnIzJZyETYQvc5sp/ieVOrEFy3pVGGPYcOSWgIS37YiczwzY706XDlQ4ldm8Ds9XiiJmVfZRxmrf19kZhXgyWGU952bxn4jqHQo1f3Nspwejr1bNX90uxLTuoCslmypqpcv+ObquTL4XyiMXT9o4ZWZB/hl9i9mHBeymgQaMIM0JpLKU5wY2DiHbIjV9ncCRG1ai40OBHauy5cApRKqM9uWYivA+KrW96Tdqy8kUBxgc4JNByG8e0G5ryl2B5I1/h+2dBGho3zXlz5XqYFn4VneleUVbLiyiN+afnOEAzsyLwzqzXbm8wR9VFt92pCYKzm4WjZlaISRnXdz8o=
 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
@@ -19,23 +19,34 @@
 
   <title>paper-menu-button</title>
 
-  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
-
-  <link rel="import" href="../../iron-icons/iron-icons.html">
-  <link rel="import" href="../../iron-icon/iron-icon.html">
-  <link rel="import" href="../../iron-image/iron-image.html">
-  <link rel="import" href="../../paper-listbox/paper-listbox.html">
-  <link rel="import" href="../../paper-item/paper-item.html">
-  <link rel="import" href="../../paper-button/paper-button.html">
-  <link rel="import" href="../../paper-icon-button/paper-icon-button.html">
-  <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
-  <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
+  <script src="../../../@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
+
+  <script type="module" src="../../iron-icons/iron-icons.js"></script>
+  <script type="module" src="../../iron-icon/iron-icon.js"></script>
+  <script type="module" src="../../iron-image/iron-image.js"></script>
+  <script type="module" src="../../paper-listbox/paper-listbox.js"></script>
+  <script type="module" src="../../paper-item/paper-item.js"></script>
+  <script type="module" src="../../paper-button/paper-button.js"></script>
+  <script type="module" src="../../paper-icon-button/paper-icon-button.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>
 
   <!-- Ensure Web Animations polyfill is loaded since neon-animation 2.0 doesn't import it -->
   <link rel="import" href="../../neon-animation/web-animations.html">
-  <link rel="import" href="../paper-menu-button.html">
+  <script type="module" src="../paper-menu-button.js"></script>
+
+  <!-- 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');
 
-  <custom-style>
+$_documentContainer.innerHTML = `<custom-style>
     <style is="custom-style" include="demo-pages-shared-styles">
       demo-snippet {
         --demo-snippet-code: {
@@ -69,13 +80,23 @@
         text-align: center;
       }
     </style>
-  </custom-style>
+  </custom-style>`;
+
+document.body.appendChild($_documentContainer.content);
+</script>
 
 </head>
 
 <body unresolved class="centered">
-  <h4>Paper Icon Button + Paper Menu</h4>
-  <demo-snippet class="centered-demo">
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+$_documentContainer.innerHTML = `<h4>Paper Icon Button + Paper Menu</h4>`;
+document.body.appendChild($_documentContainer.content);
+</script>
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+
+$_documentContainer.innerHTML = `<demo-snippet class="centered-demo">
     <template>
       <paper-menu-button>
         <paper-icon-button icon="menu" slot="dropdown-trigger" alt="menu"></paper-icon-button>
@@ -88,14 +109,24 @@ <h4>Paper Icon Button + Paper Menu</h4>
         </paper-listbox>
       </paper-menu-button>
     </template>
-  </demo-snippet>
+  </demo-snippet>`;
+
+document.body.appendChild($_documentContainer.content);
+</script>
 
-  <h4>Paper Menu with multi selection</h4>
-  <demo-snippet class="centered-demo">
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+$_documentContainer.innerHTML = `<h4>Paper Menu with multi selection</h4>`;
+document.body.appendChild($_documentContainer.content);
+</script>
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+
+$_documentContainer.innerHTML = `<demo-snippet class="centered-demo">
     <template>
-      <paper-menu-button ignore-select>
+      <paper-menu-button ignore-select="">
         <paper-icon-button icon="menu" slot="dropdown-trigger" alt="multi menu"></paper-icon-button>
-        <paper-listbox slot="dropdown-content" multi>
+        <paper-listbox slot="dropdown-content" multi="">
           <paper-item>alpha</paper-item>
           <paper-item>beta</paper-item>
           <paper-item>gamma</paper-item>
@@ -104,12 +135,22 @@ <h4>Paper Menu with multi selection</h4>
         </paper-listbox>
       </paper-menu-button>
     </template>
-  </demo-snippet>
+  </demo-snippet>`;
+
+document.body.appendChild($_documentContainer.content);
+</script>
 
-  <h4>Disabled</h4>
-  <demo-snippet class="centered-demo">
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+$_documentContainer.innerHTML = `<h4>Disabled</h4>`;
+document.body.appendChild($_documentContainer.content);
+</script>
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+
+$_documentContainer.innerHTML = `<demo-snippet class="centered-demo">
     <template>
-      <paper-menu-button disabled>
+      <paper-menu-button disabled="">
         <paper-icon-button icon="menu" slot="dropdown-trigger" alt="menu"></paper-icon-button>
         <paper-listbox slot="dropdown-content">
           <paper-item>alpha</paper-item>
@@ -120,10 +161,20 @@ <h4>Disabled</h4>
         </paper-listbox>
       </paper-menu-button>
     </template>
-  </demo-snippet>
+  </demo-snippet>`;
 
-  <h4>Alternate Alignment</h4>
-  <demo-snippet class="centered-demo">
+document.body.appendChild($_documentContainer.content);
+</script>
+
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+$_documentContainer.innerHTML = `<h4>Alternate Alignment</h4>`;
+document.body.appendChild($_documentContainer.content);
+</script>
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+
+$_documentContainer.innerHTML = `<demo-snippet class="centered-demo">
     <template>
       <paper-menu-button vertical-align="bottom" horizontal-align="right">
         <paper-icon-button icon="menu" slot="dropdown-trigger" alt="bottom align"></paper-icon-button>
@@ -136,13 +187,23 @@ <h4>Alternate Alignment</h4>
         </paper-listbox>
       </paper-menu-button>
     </template>
-  </demo-snippet>
+  </demo-snippet>`;
+
+document.body.appendChild($_documentContainer.content);
+</script>
+
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+$_documentContainer.innerHTML = `<h4>Alternate Button</h4>`;
+document.body.appendChild($_documentContainer.content);
+</script>
+  <script type="module">
+const $_documentContainer = document.createElement('template');
 
-  <h4>Alternate Button</h4>
-  <demo-snippet class="centered-demo">
+$_documentContainer.innerHTML = `<demo-snippet class="centered-demo">
     <template>
       <paper-menu-button>
-        <paper-button slot="dropdown-trigger" raised>
+        <paper-button slot="dropdown-trigger" raised="">
           <iron-icon icon="check"></iron-icon>
           <span>Dinosaurs</span>
         </paper-button>
@@ -186,19 +247,45 @@ <h4>Alternate Button</h4>
         ];
         // Support hybrid mode.
         dinosaurs.firstElementChild.items = dinosaurs.items;
-      </script>
+      &lt;/script>
+    </template>
+  </demo-snippet>`;
+
+document.body.appendChild($_documentContainer.content);
+</script>rus',
+  'triceratops',
+  'utahraptor',
+  'vulcanodon',
+  'wannanosaurus',
+  'xenoceratops',
+  'yandusaurus',
+  'zephyrosaurus'
+];
+// Support hybrid mode.
+dinosaurs.firstElementChild.items = dinosaurs.items;
+</script>
     </template>
   </demo-snippet>
 
-  <h4>Alternate Content</h4>
-  <demo-snippet class="centered-demo">
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+$_documentContainer.innerHTML = `<h4>Alternate Content</h4>`;
+document.body.appendChild($_documentContainer.content);
+</script>
+  <script type="module">
+const $_documentContainer = document.createElement('template');
+
+$_documentContainer.innerHTML = `<demo-snippet class="centered-demo">
     <template>
       <paper-menu-button vertical-align="bottom">
         <paper-icon-button slot="dropdown-trigger" icon="polymer" alt="polymer"></paper-icon-button>
         <iron-image slot="dropdown-content" src="../../iron-image/demo/polymer.svg"></iron-image>
       </paper-menu-button>
     </template>
-  </demo-snippet>
+  </demo-snippet>`;
+
+document.body.appendChild($_documentContainer.content);
+</script>
 
 </body>
 

diff --git a/index.html b/index.html
@@ -12,8 +12,8 @@
 <head>
 
   <title>paper-menu-button</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,30 @@
+{
+  "files": {
+    "paper-menu-button.html": {
+      "convertedUrl": "paper-menu-button.js",
+      "exports": {
+        "Polymer.PaperMenuButton": "PaperMenuButton"
+      }
+    },
+    "paper-menu-button-animations.html": {
+      "convertedUrl": "paper-menu-button-animations.js",
+      "exports": {}
+    },
+    "index.html": {
+      "convertedUrl": "index.html",
+      "exports": {}
+    },
+    "demo/index.html": {
+      "convertedUrl": "demo/index.html",
+      "exports": {}
+    },
+    "test/index.html": {
+      "convertedUrl": "test/index.html",
+      "exports": {}
+    },
+    "test/paper-menu-button.html": {
+      "convertedUrl": "test/paper-menu-button.html",
+      "exports": {}
+    }
+  }
+}