Merge branch 'master' of github.com:patternfly/patternfly-elements into US206196--modal-web-component

Author: castastrophe

docs/content/develop/step-2b.md

@@ -39,8 +39,8 @@ We'll also need to update `/demo/index.html` so that the user's name is passed i
     <link href="../../pfelement/pfelement.min.css" rel="stylesheet">
 
     <!-- uncomment the es5-adapter if you're using the umd version -->
-    <script src="/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
-    <script src="/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/custom-elements-es5-adapter.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/webcomponents-loader.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
     <script>require(['../pfe-cool-element.umd.js'])</script>
   </head>

elements/pfe-accordion/demo/index.html

@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap-reboot.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/typebase.css/0.5.0/typebase.css">
     -->
-    <link rel="stylesheet" href="http://overpass-30e2.kxcdn.com/overpass.css" />
+    <link rel="stylesheet" href="https://overpass-30e2.kxcdn.com/overpass.css" />
     <noscript>
       <link href="../../pfelement/pfelement-noscript.min.css" rel="stylesheet">
     </noscript>
@@ -16,8 +16,8 @@
 
 
     <!-- uncomment the es5-adapter if you're using the umd version -->
-    <script src="/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
-    <script src="/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/custom-elements-es5-adapter.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/webcomponents-loader.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
     <script>require([
 

elements/pfe-autocomplete/demo/index.html

@@ -11,8 +11,8 @@
     <link href="../../pfelement/pfelement.min.css" rel="stylesheet">
 
     <!-- uncomment the es5-adapter if you're using the umd version -->
-    <script src="/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
-    <script src="/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/custom-elements-es5-adapter.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/webcomponents-loader.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
     <script>require([
       '../pfe-autocomplete.umd.js'

elements/pfe-avatar/demo/index.html

@@ -13,8 +13,8 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script>
 
     <!-- uncomment the es5-adapter if you're using the umd version -->
-    <script src="/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
-    <script src="/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/custom-elements-es5-adapter.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/webcomponents-loader.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
     <script>require(['../pfe-avatar.umd.js'])</script>
 

elements/pfe-band/demo/index.html

@@ -17,10 +17,10 @@
     <link href="../../pfe-layouts/pfe-layouts.css" rel="stylesheet">
 
     <!-- uncomment the es5-adapter if you're using the umd version -->
-    <script src="/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/custom-elements-es5-adapter.js"></script>
 
     <!-- Use webcomponents-loader when you are adding support for more modern browsers -->
-    <!-- <script src="/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script> -->
+    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/webcomponents-loader.js"></script> -->
 
     <!-- IE11 test: use bundle + require with umd files -->
     <!-- Use webcomponents-bundle when supporting much older browsers like IE11 -->

elements/pfe-card/demo/index.html

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>PFElements: pfe-card Demo</title>
     <!-- uncomment the es5-adapter if you're using the umd version -->
-    <script src="/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
-    <script src="/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/custom-elements-es5-adapter.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/webcomponents-loader.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
 
     <!--
@@ -118,7 +118,7 @@ <h2 slot="pfe-card--header">Accent Card</h2>
 
     <div class="demo-cards">
       <pfe-card pfe-color="lighter">
-        <img src="http://placekitten.com/200/150"/>
+        <img src="https://placekitten.com/200/150"/>
         <h2>Imaged card with no overflow</h2>
         <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p>
         <pfe-cta slot="pfe-card--footer">
@@ -127,7 +127,7 @@ <h2>Imaged card with no overflow</h2>
       </pfe-card>
 
       <pfe-card pfe-color="lighter">
-        <img pfe-overflow="top right left" src="http://placekitten.com/600/300"/>
+        <img pfe-overflow="top right left" src="https://placekitten.com/600/300"/>
         <h2>Imaged card with top & side overflow</h2>
         <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat porro similique saepe tempora vel! Facilis, porro?</p>
         <pfe-cta slot="pfe-card--footer">
@@ -137,7 +137,7 @@ <h2>Imaged card with top & side overflow</h2>
 
       <pfe-card pfe-color="lighter" class="custom-header-background">
         <h2 slot="pfe-card--header">Imaged card with side overflow + header</h2>
-        <img pfe-overflow="top right left" src="http://placekitten.com/500/250"/>
+        <img pfe-overflow="top right left" src="https://placekitten.com/500/250"/>
         <p style="margin-top: 10px;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat porro similique saepe tempora vel! Facilis, porro?</p>
         <pfe-cta slot="pfe-card--footer">
           <a href="#">Learn more</a>
@@ -146,7 +146,7 @@ <h2 slot="pfe-card--header">Imaged card with side overflow + header</h2>
 
       <pfe-card pfe-color="lighter">
         <h2>Imaged card with side overflow</h2>
-        <img pfe-overflow="right left" src="http://placekitten.com/450/250"/>
+        <img pfe-overflow="right left" src="https://placekitten.com/450/250"/>
         <pfe-cta slot="pfe-card--footer">
           <a href="#">Learn more</a>
         </pfe-cta>
@@ -155,7 +155,7 @@ <h2>Imaged card with side overflow</h2>
       <pfe-card pfe-color="lighter">
         <h2>Imaged card with side & bottom overflow</h2>
         <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta rerum tempore natus alias! Cumque illum provident corrupti voluptates.</p>
-        <img pfe-overflow="right left bottom" src="http://placekitten.com/400/250" slot="pfe-card--footer"/>
+        <img pfe-overflow="right left bottom" src="https://placekitten.com/400/250" slot="pfe-card--footer"/>
       </pfe-card>
     </div>
   </body>

elements/pfe-card/demo/pfe-card.story.js

@@ -88,7 +88,7 @@ stories.add(PfeCard.tag, () => {
         break;
     }
 
-    image = `<img src=\"http://placekitten.com/1000/300\" ${overflowAttr.length > 0 ? ` pfe-overflow=\"${overflowAttr.join(" ")}\"` : ""}/>`;
+    image = `<img src=\"https://placekitten.com/1000/300\" ${overflowAttr.length > 0 ? ` pfe-overflow=\"${overflowAttr.join(" ")}\"` : ""}/>`;
     if(region === "footer") {
       slots.footer.default = image;
     } else {

elements/pfe-card/test/pfe-card_test.html

@@ -27,12 +27,12 @@ <h2 slot="pfe-card--header">Card 1</h2>
       </pfe-card>
 
       <pfe-card id="card2">
-        <img src="http://placekitten.com/200/150"/>
+        <img src="https://placekitten.com/200/150"/>
       </pfe-card>
 
       <pfe-card id="card3">
         <h2 slot="pfe-card--header">Card 3</h2>
-        <img src="http://placekitten.com/1000/500" pfe-overflow="top right bottom left"/>
+        <img src="https://placekitten.com/1000/500" pfe-overflow="top right bottom left"/>
       </pfe-card>
 
       <pfe-card id="card4">

elements/pfe-content-set/demo/index.html

@@ -3,11 +3,11 @@
   <head>
     <meta charset="utf-8">
     <title>PatternFly Element | pfe-content-set Demo</title>
-    <link rel="stylesheet" href="http://overpass-30e2.kxcdn.com/overpass.css" />
+    <link rel="stylesheet" href="https://overpass-30e2.kxcdn.com/overpass.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
     <!-- uncomment the es5-adapter if you're using the umd version -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.7/custom-elements-es5-adapter.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.7/webcomponents-bundle.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/custom-elements-es5-adapter.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/webcomponents-bundle.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
     <script>
       require([
@@ -287,4 +287,4 @@ <h2>Heading 2</h2>
       <div>Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</div>
     </pfe-content-set>
   </body>
-</html>
+</html>

elements/pfe-cta/demo/index.html

@@ -9,13 +9,13 @@
     <link href="../../pfelement/pfelement-noscript.min.css" rel="stylesheet">
   </noscript-->
   <link href="../../pfe-cta/pfe-cta--lightdom.css" rel="stylesheet">
-  <link rel="stylesheet" href="http://overpass-30e2.kxcdn.com/overpass.css" />
+  <link rel="stylesheet" href="https://overpass-30e2.kxcdn.com/overpass.css" />
   <link href="../../pfelement/pfelement.min.css" rel="stylesheet">
   <link href="demo.css" rel="stylesheet">
   <!-- uncomment the es5-adapter if you're using the umd version -->
-  <script src="/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/custom-elements-es5-adapter.js"></script>
   <!-- Use webcomponents-loader when you are adding support for more modern browsers -->
-  <!-- <script src="/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script> -->
+  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.2.10/webcomponents-loader.js"></script> -->
   <!-- IE11 test: use bundle + require with umd files -->
   <!-- Use webcomponents-bundle when supporting much older browsers like IE11 -->
   <script src="/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>