Merge branch '_bump-v3.21.0-local' into master-dist

Author: patternfly-build

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-patternfly",
-  "version": "3.20.0",
+  "version": "3.21.0",
   "authors": [
     "Red Hat"
   ],
@@ -43,7 +43,7 @@
     "angular-sanitize": "1.3.0 - 1.5.*",
     "angular-bootstrap": "0.14.x",
     "lodash": "3.x",
-    "patternfly": "~3.20.0"
+    "patternfly": "~3.21.0"
   },
   "devDependencies": {
     "angular-mocks": "1.3.0 - 1.5.*",

dist/docs/css/patternfly-additions.css

@@ -3414,6 +3414,50 @@ a.disabled {
   cursor: not-allowed;
   text-decoration: none;
 }
+.list-pf {
+  border-bottom: 1px solid #ededed;
+}
+.list-pf-item {
+  border-color: #ededed;
+  border-left-color: #fff;
+  border-right-color: #fff;
+  border-style: solid;
+  border-width: 1px;
+  border-bottom: none;
+}
+.list-pf-item:hover {
+  background-color: #fafafa;
+}
+.list-pf-item.active {
+  background-color: #ededed;
+  border-color: #bbb;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+}
+.list-pf-expansion {
+  background-color: #fff;
+}
+.list-pf-container {
+  -ms-flex-align: center;
+      align-items: center;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 20px;
+}
+.list-pf-expansion .list-pf-container {
+  border-top: 1px solid #bbb;
+}
+.list-pf-chevron {
+  margin-right: 5px;
+}
+.list-pf-chevron + .list-pf-content {
+  border-left: 1px solid #bbb;
+  padding-left: 15px;
+}
+.list-pf-chevron .fa {
+  font-size: 22px;
+  width: 20px;
+}
 .list-view-pf .list-group-item {
   -ms-flex-align: start;
       align-items: flex-start;
@@ -6806,6 +6850,9 @@ table.dataTable th:active {
   left: 0;
   right: 0;
 }
+.wizard-pf-contents textarea {
+  resize: vertical;
+}
 /* styles the content of a review page */
 .wizard-pf-review-steps {
   list-style: none;

dist/docs/css/patternfly.css

@@ -8937,6 +8937,7 @@ button.close {
   padding-left: 47px;
   padding-right: 14px;
   position: relative;
+  word-wrap: break-word;
 }
 .alert .alert-link {
   color: #0088ce;

dist/docs/grunt-scripts/patternfly.js

@@ -2,7 +2,7 @@
   'use strict';
 
   var patternfly = {
-    version: "3.20.0",
+    version: "3.21.0",
   };
 
   // Util: PatternFly Palette colors
@@ -1663,3 +1663,83 @@
     return $.fn.setupVerticalNavigation.self;
   };
 }(jQuery));
+
+// PatternFly pf-list
+(function ($) {
+  'use strict';
+
+  $.fn.pfList = function () {
+    function init (list) {
+      // Ensure the state of the expansion elements is consistent
+      list.find('[data-list=expansion], .list-pf-item, .list-pf-expansion').each(function (index, element) {
+        var $expansion = $(element),
+          $collapse = $expansion.find('.collapse').first(),
+          expanded = $collapse.hasClass('in');
+        updateChevron($expansion, expanded);
+        if ($expansion.hasClass('list-pf-item')) {
+          updateActive($expansion, expanded);
+        }
+      });
+      list.find('.list-pf-container').each(function (index, element) {
+        var $element = $(element);
+        // The toggle element is the element with the data-list=toggle attribute
+        // or the entire .list-pf-container as a fallback
+        var $toggles = $element.find('[data-list=toggle]');
+        $toggles.length || ($toggles = $element);
+        $toggles.on('keydown', function (event) {
+          if (event.keyCode === 13 || event.keyCode === 32) {
+            toggleCollapse(this);
+            event.stopPropagation();
+            event.preventDefault();
+          }
+        });
+        $toggles.on('click', function (event) {
+          toggleCollapse(this);
+          event.stopPropagation();
+          event.preventDefault();
+        });
+      });
+    }
+
+    function toggleCollapse (toggle) {
+      var $toggle, $expansion, $collapse, expanded, $listItem;
+      $toggle = $(toggle);
+      // Find the parent expansion of the toggle
+      $expansion = $toggle.parentsUntil('.list-pf', '[data-list=expansion]').first();
+      $expansion.length || ($expansion = $toggle.closest('.list-pf-item, .list-pf-expansion'));
+
+      // toggle the "in" class of its  first .collapse child
+      $collapse = $expansion.find('.collapse').first();
+      $collapse.toggleClass('in');
+
+      // update the state of the expansion element
+      updateChevron($expansion, $collapse.hasClass('in'));
+      $listItem = $expansion.closest('.list-pf-item');
+      updateActive($listItem, $listItem.find('.collapse').first().hasClass('in'));
+    }
+
+    function updateActive ($listItem, expanded) {
+      // Find the closest .list-pf-item of the expansion, and set its "active" class
+      if (expanded) {
+        $listItem.addClass('active');
+      } else {
+        $listItem.removeClass('active');
+      }
+    }
+
+    function updateChevron ($expansion, expanded) {
+      var $chevron = $expansion.find('.list-pf-chevron .fa').first();
+      if (expanded) {
+        $chevron.removeClass('fa-angle-right');
+        $chevron.addClass('fa-angle-down');
+      } else {
+        $chevron.addClass('fa-angle-right');
+        $chevron.removeClass('fa-angle-down');
+      }
+    }
+
+    init(this);
+
+    return this;
+  };
+}(jQuery));

npm-shrinkwrap.json

@@ -1,7 +1,7 @@
 {
   "author": "Red Hat",
   "name": "angular-patternfly",
-  "version": "3.20.0",
+  "version": "3.21.0",
   "license": "Apache-2.0",
   "description": "Angular extension of the PatternFly project.",
   "keywords": ["angular", "patternfly"],
@@ -14,7 +14,7 @@
     "angular-sanitize": "1.3.0 - 1.5.*",
     "angular-ui-bootstrap": "0.14.x",
     "lodash": "3.x",
-    "patternfly": "~3.20.0"
+    "patternfly": "~3.21.0"
   },
   "devDependencies": {
     "express": "3.4.4",
@@ -44,7 +44,7 @@
     "karma-phantomjs-launcher": "^1.0.0",
     "matchdep": "0.3.0",
     "nsp": "^2.6.1",
-    "patternfly-eng-release": "~3.20.0"
+    "patternfly-eng-release": "~3.21.0"
   },
   "scripts": {
     "test": "grunt test"