PFE Content set code revisions

* removed old instructional text from content-set readme file
* added broken content set example
* uncommented onclick js event for tabs

Author: chrisdo1

elements/pfe-content-set/README.md

@@ -13,7 +13,6 @@ Requires both the `pfe-accordion` and `pfe-tabs` components, as well as the base
 
 ## Usage
 
-<!-- You must wrap each chunk of information (heading + content) in a `<pfe-content-set-group>` tag. -->
 Each header must have an attribute of `pfe-content-set--header` and each panel must have an attribute of `pfe-content-set--panel`. Each header must be immediately followed by a panel.
 
 ```html

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

@@ -246,6 +246,14 @@ <h2 pfe-content-set--header>Heading 2</h2>
       <div pfe-content-set--panel>Content for heading 2.</div>
     </pfe-content-set>
 
-
+    <h2>This content set's markup is incorrect.</h2>
+    <pfe-content-set>
+      <h2>Heading 1</h2>
+      <div>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
+      </div>
+      <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>

elements/pfe-tabs/src/pfe-tabs.js

@@ -153,7 +153,7 @@ class PfeTabs extends PFElement {
     super.connectedCallback();
 
     this.addEventListener("keydown", this._onKeyDown);
-    // this.addEventListener("click", this._onClick);
+    this.addEventListener("click", this._onClick);
 
     if (!this.hasAttribute("role")) {
       this.setAttribute("role", "tablist");

examples/index.html

@@ -22,6 +22,8 @@ <h1>Demos</h1>
 					<li><a href="../elements/pfe-icon/demo">pfe-icon</a></li>
 					<li><a href="../elements/pfe-icon-panel/demo">pfe-icon-panel</a></li>
 					<li><a href="../elements/pfe-layouts/demo">pfe-layouts</a></li>
+					<li><a href="../elements/pfe-link-list/demo">pfe-link-list</a></li>
+					<li><a href="../elements/pfe-navigation/demo">pfe-navigation</a></li>
 					<li><a href="../elements/pfe-number/demo">pfe-number</a></li>
 					<li><a href="../elements/pfe-tabs/demo">pfe-tabs</a></li>
 				</ul>