diff --git a/bower.json b/bower.json
index 3db3b2f5b..f04e4c40e 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-patternfly",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "authors": [
     "Red Hat"
   ],
@@ -39,7 +39,7 @@
     "angular-sanitize": "1.3.0 - 1.5.*",
     "angular-bootstrap": "0.13.x",
     "lodash": "3.x",
-    "patternfly": "~3.1.0"
+    "patternfly": "~3.2.0"
   },
   "devDependencies": {
     "angular-mocks": "1.3.0 - 1.5.*"
diff --git a/dist/docs/css/patternfly-additions.css b/dist/docs/css/patternfly-additions.css
index 9d150ad1c..9aa5e59d5 100644
--- a/dist/docs/css/patternfly-additions.css
+++ b/dist/docs/css/patternfly-additions.css
@@ -2412,6 +2412,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
   background: transparent;
   font-size: 12px;
   padding: 5px 10px 0;
+  border-bottom: solid 2px #030303;
 }
 .c3-tooltip tr {
   border: 0;
@@ -2443,6 +2444,12 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
   font-size: 12px;
   font-weight: 400;
 }
+.line-chart-pf .c3-zoom-rect {
+  opacity: 1.0 !important;
+  fill: #fafafa;
+  stroke: #d1d1d1;
+  stroke-width: 1px;
+}
 .close {
   text-shadow: none;
   opacity: 0.6;
@@ -2513,7 +2520,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
   position: absolute;
 }
 .dataTables_header .dataTables_filter input {
-  border: 1px solid #bbb;
+  border: 1px solid #bbbbbb;
   height: 24px;
 }
 @media (max-width: 767px) {
@@ -3024,6 +3031,10 @@ table.datatable th:active {
 .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.collapsed-nav.hidden-icons-pf {
   margin-left: 0;
 }
+.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.collapsed-secondary-nav-pf,
+.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
+  margin-left: 250px;
+}
 .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf {
   margin-left: 200px;
 }
@@ -3049,6 +3060,18 @@ table.datatable th:active {
   .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.hidden-nav {
     margin-left: 0;
   }
+  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
+    margin-left: 250px;
+  }
+  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav {
+    margin-left: 325px;
+  }
+  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav.collapsed-secondary-nav-pf {
+    margin-left: 250px;
+  }
+  .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav.hidden-icons-pf {
+    margin-left: 0;
+  }
 }
 .layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.hidden-nav {
   margin-left: 0;
@@ -4907,6 +4930,9 @@ table.datatable th:active {
 .nav-pf-vertical.collapsed {
   width: 75px;
 }
+.nav-pf-vertical.collapsed.collapsed-secondary-nav-pf {
+  width: 250px;
+}
 .nav-pf-vertical.collapsed > .list-group > .list-group-item > a {
   margin-right: 0;
   width: 75px;
@@ -4930,9 +4956,18 @@ table.datatable th:active {
 .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary:hover > a:after {
   right: 11px;
 }
+@media (min-width: 1200px) {
+  .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary.active > a,
+  .nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary > a {
+    width: 76px;
+  }
+}
 .nav-pf-vertical.hidden-icons-pf {
   width: 176px;
 }
+.nav-pf-vertical.hidden-icons-pf.collapsed-secondary-nav-pf {
+  width: 250px;
+}
 .nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a {
   width: 176px;
 }
@@ -4953,18 +4988,30 @@ table.datatable th:active {
 .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav .nav-pf-persistent-secondary {
   left: 176px;
 }
+.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav .nav-pf-persistent-secondary.collapsed-secondary-nav-pf {
+  left: 0;
+}
 .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.collapsed {
   display: none;
 }
 .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf {
   width: 426px;
 }
+.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.collapsed-secondary-nav-pf {
+  width: 250px;
+}
 .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.show-mobile-nav {
   width: 176px;
 }
+.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.collapsed-secondary-nav-pf {
+  width: 250px;
+}
 .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf {
   width: 426px;
 }
+.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed-secondary-nav-pf {
+  width: 250px;
+}
 .nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.show-mobile-nav {
   width: 250px;
 }
@@ -4978,9 +5025,15 @@ table.datatable th:active {
 .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed.hover-secondary-nav-pf {
   width: 325px;
 }
+.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed.hover-secondary-nav-pf.collapsed-secondary-nav-pf {
+  width: 250px;
+}
 .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf {
   width: 450px;
 }
+.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.collapsed-secondary-nav-pf {
+  width: 250px;
+}
 .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.show-mobile-nav {
   width: 200px;
 }
@@ -4993,16 +5046,30 @@ table.datatable th:active {
 .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.show-mobile-nav {
   width: 250px;
 }
+.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed-secondary-nav-pf {
+  width: 250px;
+}
 @media (min-width: 1200px) {
   .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf {
     width: 450px;
   }
+  .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed-secondary-nav-pf {
+    width: 250px;
+  }
   .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed {
     width: 75px;
   }
-  .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.hover-secondary-nav-pf {
+  .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.hover-secondary-nav-pf,
+  .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.secondary-visible-pf {
     width: 325px;
   }
+  .nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf {
+    width: 250px;
+  }
+}
+.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed-secondary-nav-pf > .list-group > .list-group-item.persistent-secondary.active > a,
+.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed-secondary-nav-pf > .list-group > .list-group-item.persistent-secondary:hover > a {
+  z-index: 1030;
 }
 .layout-pf-fixed-with-footer .nav-pf-vertical {
   bottom: 37px;
@@ -5099,6 +5166,10 @@ table.datatable th:active {
 .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary:hover > a:after {
   right: 21px;
 }
+.collapsed-secondary-nav-pf .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary.active > a,
+.collapsed-secondary-nav-pf .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary:hover > a {
+  z-index: 1030;
+}
 .nav-pf-vertical .list-group-item-separator {
   border-top-width: 2px;
   border-top-color: #000000;
@@ -5126,11 +5197,33 @@ table.datatable th:active {
 .secondary-visible-pf.collapsed .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
   display: none;
 }
+@media (min-width: 1200px) {
+  .secondary-visible-pf.collapsed .persistent-secondary.active .nav-pf-persistent-secondary,
+  .secondary-visible-pf.collapsed .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
+    display: block;
+    left: 75px;
+  }
+  .collapsed-secondary-nav-pf .secondary-visible-pf.collapsed .persistent-secondary.active .nav-pf-persistent-secondary,
+  .collapsed-secondary-nav-pf .secondary-visible-pf.collapsed .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
+    left: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .secondary-visible-pf.collapsed.collapsed-secondary-nav-pf .persistent-secondary.active .nav-pf-persistent-secondary,
+  .secondary-visible-pf.collapsed.collapsed-secondary-nav-pf .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
+    left: 0;
+  }
+}
 .show-mobile-nav .persistent-secondary.active .nav-pf-persistent-secondary,
 .show-mobile-nav .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
   left: 0;
   z-index: 1032;
 }
+.collapsed-secondary-nav-pf .persistent-secondary.active .nav-pf-persistent-secondary,
+.collapsed-secondary-nav-pf .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
+  display: block;
+  left: 0;
+}
 .persistent-secondary:hover .nav-pf-persistent-secondary {
   display: block;
   z-index: 1031;
@@ -5138,6 +5231,17 @@ table.datatable th:active {
 .collapsed .persistent-secondary:hover .nav-pf-persistent-secondary {
   left: 75px;
 }
+.collapsed.collapsed-secondary-nav-pf .persistent-secondary:hover .nav-pf-persistent-secondary {
+  left: 0;
+}
+@media (min-width: 1200px) {
+  .collapsed.collapsed-secondary-nav-pf .persistent-secondary:hover .nav-pf-persistent-secondary {
+    left: 0;
+  }
+  .hidden-icons-pf .collapsed.collapsed-secondary-nav-pf .persistent-secondary:hover .nav-pf-persistent-secondary {
+    left: 0;
+  }
+}
 .secondary-visible-pf.collapsed .persistent-secondary:hover .nav-pf-persistent-secondary {
   display: block;
 }
@@ -5155,8 +5259,10 @@ table.datatable th:active {
 .nav-pf-persistent-secondary .persistent-secondary-header > a {
   margin-right: 7px;
 }
-.nav-pf-persistent-secondary .persistent-secondary-header > a:hover {
+.nav-pf-persistent-secondary .persistent-secondary-header > a:hover,
+.nav-pf-persistent-secondary .persistent-secondary-header > a:focus {
   text-decoration: none;
+  color: #0099d3;
 }
 .nav-pf-persistent-secondary h5 {
   color: #ffffff;
@@ -5170,9 +5276,9 @@ table.datatable th:active {
   margin-bottom: 0;
 }
 .nav-pf-persistent-secondary > .list-group > .list-group-item {
-  padding: 0 0 5px 0;
   background-color: transparent;
   border: none;
+  padding: 0 0 5px 0;
 }
 .nav-pf-persistent-secondary > .list-group > .list-group-item > a {
   background-color: transparent;
@@ -5235,11 +5341,24 @@ table.datatable th:active {
 .nav-pf-persistent-secondary > .list-group > .list-group-item .list-group-item-value {
   display: inline-block;
   line-height: 20px;
+  max-width: none;
   opacity: 1;
   overflow: hidden;
   padding-left: 5px;
   text-overflow: ellipsis;
 }
+.nav-pf-persistent-secondary .secondary-collapse-toggle-pf {
+  display: inline-block;
+  font-family: "FontAwesome";
+  font-size: inherit;
+  -webkit-font-smoothing: antialiased;
+}
+.nav-pf-persistent-secondary .secondary-collapse-toggle-pf:before {
+  content: '\f190';
+}
+.nav-pf-persistent-secondary .secondary-collapse-toggle-pf.collapsed:before {
+  content: '\f18e';
+}
 .show-mobile-nav .persistent-secondary:hover .nav-pf-persistent-secondary {
   display: none;
 }
diff --git a/dist/docs/grunt-scripts/patternfly.js b/dist/docs/grunt-scripts/patternfly.js
index 650ac816e..8adaed54f 100644
--- a/dist/docs/grunt-scripts/patternfly.js
+++ b/dist/docs/grunt-scripts/patternfly.js
@@ -187,8 +187,8 @@
             i;
 
           for (i = 0; i < ien; i += 1) {
-            $('.paginate_input').val(iCurrentPage);
-            $('.paginate_of b').html(iPages);
+            $('.paginate_input', an[i]).val(iCurrentPage)
+              .siblings('.paginate_of').find('b').html(iPages);
 
             // Add / remove disabled classes from the static elements
             if (oPaging.iPage === 0) {
@@ -393,140 +393,491 @@
   };
 }(jQuery));
 
+// Util: PatternFly Palette colors
+(function ($) {
+  'use strict';
+
+  $.pfPaletteColors = {
+    black:         '#030303',
+    black100:      '#fafafa',
+    black200:      '#ededed',
+    black300:      '#d1d1d1',
+    black400:      '#bbbbbb',
+    black500:      '#8b8d8f',
+    black600:      '#72767b',
+    black700:      '#4d5258',
+    black800:      '#393f44',
+    black900:      '#292e34',
+    blue:          '#0088ce',
+    blue100:       '#bee1f4',
+    blue200:       '#7dc3e8',
+    blue300:       '#39a5dc',
+    blue400:       '#0088ce',
+    blue500:       '#00659c',
+    blue600:       '#004368',
+    blue700:       '#002235',
+    gold:          '#f0ab00',
+    gold100:       '#fbeabc',
+    gold200:       '#f9d67a',
+    gold300:       '#f5c12e',
+    gold400:       '#f0ab00',
+    gold500:       '#b58100',
+    gold600:       '#795600',
+    gold700:       '#3d2c00',
+    orange:        '#ec7a08',
+    orange100:     '#fbdebf',
+    orange200:     '#f7bd7f',
+    orange300:     '#f39d3c',
+    orange400:     '#ec7a08',
+    orange500:     '#b35c00',
+    orange600:     '#773d00',
+    orange700:     '#3b1f00',
+    lightBlue:     '#00b9e4',
+    lightBlue100:  '#beedf9',
+    lightBlue200:  '#7cdbf3',
+    lightBlue300:  '#35caed',
+    lightBlue400:  '#00b9e4',
+    lightBlue500:  '#008bad',
+    lightBlue600:  '#005c73',
+    lightBlue700:  '#002d39',
+    green:         '#3f9c35',
+    green100:      '#cfe7cd',
+    green200:      '#9ecf99',
+    green300:      '#6ec664',
+    green400:      '#3f9c35',
+    green500:      '#2d7623',
+    green600:      '#1e4f18',
+    green700:      '#0f280d',
+    lightGreen:    '#92d400',
+    lightGreen100: '#e4f5bc',
+    lightGreen200: '#c8eb79',
+    lightGreen300: '#ace12e',
+    lightGreen400: '#92d400',
+    lightGreen500: '#6ca100',
+    lightGreen600: '#486b00',
+    lightGreen700: '#253600',
+    cyan:          '#007a87',
+    cyan100:       '#bedee1',
+    cyan200:       '#7dbdc3',
+    cyan300:       '#3a9ca6',
+    cyan400:       '#007a87',
+    cyan500:       '#005c66',
+    cyan600:       '#003d44',
+    cyan700:       '#001f22',
+    purple:        '#703fec',
+    purple100:     '#c7bfff',
+    purple200:     '#a18fff',
+    purple300:     '#8461f7',
+    purple400:     '#703fec',
+    purple500:     '#582fc0',
+    purple600:     '#40199a',
+    purple700:     '#1f0066',
+    red:           '#cc0000',
+    red100:        '#cc0000',
+    red200:        '#a30000',
+    red300:        '#8b0000',
+    red400:        '#470000',
+    red500:        '#2c0000'
+  };
+}(jQuery));
+
 // Util: PatternFly C3 Chart Defaults
 (function ($) {
   'use strict';
 
-  $.fn.c3ChartDefaults = function () {
-    var getDefaultColors,
-      getDefaultDonut,
-      getDefaultDonutSize,
-      getDefaultDonutColors,
-      getDefaultDonutTooltip,
-      getDefaultDonutLegend,
-      getDefaultDonutConfig,
-      getDefaultSparklineArea,
-      getDefaultSparklineSize,
-      getDefaultSparklineAxis,
-      getDefaultSparklineLegend,
-      getDefaultSparklinePoint,
-      getDefaultSparklineTooltip,
-      getDefaultSparklineConfig;
-
-    getDefaultColors = function () {
-      return {
-        pattern: ['#0088ce', '#00659c', '#3f9c35', '#ec7a08', '#cc0000']
-      };
-    };
-    getDefaultDonut = function (title) {
-      return {
-        title: title,
-        label: {
-          show: false
-        },
-        width: 11
-      };
-    };
-    getDefaultDonutSize = function () {
-      return {
-        height: 171 // produces a diameter of 150 and a centered chart
-      };
-    };
-    getDefaultDonutColors = function () {
-      return {
-        pattern: ['#0088CE', '#D1D1D1']
-      };
-    };
-    getDefaultDonutTooltip = function () {
-      return {
-        show: false
-      };
-    };
-    getDefaultDonutLegend = function () {
-      return {
-        show: false
-      };
-    };
-    getDefaultDonutConfig = function (title) {
-      return {
-        donut: this.getDefaultDonut(title),
-        size: this.getDefaultDonutSize(),
-        legend: this.getDefaultDonutLegend(),
-        color: this.getDefaultDonutColors(),
-        tooltip: this.getDefaultDonutTooltip()
-      };
+  $.fn.pfSetDonutChartTitle = function (selector, primary, secondary) {
+    var donutChartRightTitle = window.d3.select(selector).select('text.c3-chart-arcs-title');
+    donutChartRightTitle.text("");
+    donutChartRightTitle.insert('tspan').text(primary).classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
+    donutChartRightTitle.insert('tspan').text(secondary).classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
+  };
+
+  $.fn.pfDonutTooltipContents = function (d, defaultTitleFormat, defaultValueFormat, color) {
+    return '<table class="c3-tooltip">' +
+      '  <tr>' +
+      '    <td><span style="background-color:' + color(d[0].id) + '"></span>' + '<strong>' + d[0].value + '</strong> ' + d[0].name + '</td>' +
+      '    <td>' + (Math.round(d[0].ratio * 1000) / 10) + '%</td>' +
+      '  </tr>' +
+      '</table>';
+  };
+
+  $.fn.pGetUtilizationDonutTooltipContentsFn = function (units) {
+    return function (d) {
+      return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
+        (Math.round(d[0].ratio * 1000) / 10) + '%' + ' ' + units + ' ' + d[0].name +
+        '</span>';
     };
-    getDefaultSparklineArea = function () {
-      return {
-        zerobased: true
-      };
+  };
+
+  $.fn.pfGetBarChartTooltipContentsFn = function (categories) {
+    return function (d) {
+      var name = categories ? categories[d[0].index] : d[0].index;
+      return '<table class="c3-tooltip">' +
+        '  <tr>' +
+        '    <td><strong>' + name + ':</td>' +
+        '    <td>' + d[0].value + '</td>' +
+        '  </tr>' +
+        '</table>';
     };
-    getDefaultSparklineSize = function () {
-      return {
-        height: 60
-      };
+  };
+
+  $.fn.pfSingleLineChartTooltipContentsFn = function (categories) {
+    return function (d) {
+      var name = categories ? categories[d[0].index] : d[0].index;
+      return '<table class="c3-tooltip">' +
+        '  <tr>' +
+        '    <td><strong>' + name + ':</td>' +
+        '    <td>' + d[0].value + '</td>' +
+        '  </tr>' +
+        '</table>';
     };
-    getDefaultSparklineAxis = function () {
-      return {
-        x: {
+  };
+
+  $.fn.pfPieTooltipContents = function (d, defaultTitleFormat, defaultValueFormat, color) {
+    return $().pfDonutTooltipContents(d, defaultTitleFormat, defaultValueFormat, color);
+  };
+
+  $.fn.c3ChartDefaults = function () {
+    var
+      getDefaultColors = function () {
+        return {
+          pattern: [
+            $.pfPaletteColors.blue,
+            $.pfPaletteColors.blue300,
+            $.pfPaletteColors.green,
+            $.pfPaletteColors.orange,
+            $.pfPaletteColors.red
+          ]
+        };
+      },
+      getDefaultBarGrid = function () {
+        return {
+          y: {
+            show: true
+          }
+        };
+      },
+      getDefaultBarTooltip = function (categories) {
+        return {
+          contents: $().pfGetBarChartTooltipContentsFn(categories)
+        };
+      },
+      getDefaultBarLegend = function () {
+        return {
           show: false
-        },
-        y: {
+        };
+      },
+      getDefaultBarConfig = function (categories) {
+        return {
+          color: this.getDefaultColors(),
+          grid: this.getDefaultBarGrid(),
+          tooltip: this.getDefaultBarTooltip(categories),
+          legend: this.getDefaultBarLegend()
+        };
+      },
+      getDefaultGroupedBarGrid = function () {
+        return {
+          y: {
+            show: true
+          }
+        };
+      },
+      getDefaultGroupedBarLegend = function () {
+        return {
+          show: true,
+          position: 'bottom'
+        };
+      },
+      getDefaultGroupedBarConfig = function () {
+        return {
+          color: this.getDefaultColors(),
+          grid: this.getDefaultGroupedBarGrid(),
+          legend: this.getDefaultGroupedBarLegend()
+        };
+      },
+      getDefaultDonut = function (title) {
+        return {
+          title: title,
+          label: {
+            show: false
+          },
+          width: 11
+        };
+      },
+      getDefaultDonutSize = function () {
+        return {
+          height: 171, // produces a diameter of 150 and a centered chart when there is no legend
+          width: 171 // produces a diameter of 150 and a centered chart
+        };
+      },
+      getDefaultDonutColors = function () {
+        return {
+          pattern: [
+            $.pfPaletteColors.blue,
+            $.pfPaletteColors.black300
+          ]
+        };
+      },
+      getDefaultDonutTooltip = function () {
+        return {
           show: false
-        }
-      };
-    };
-    getDefaultSparklineLegend = function () {
-      return {
-        show: false
-      };
-    };
-    getDefaultSparklinePoint = function () {
-      return {
-        r: 1,
-        focus: {
-          expand: {
-            r: 4
+        };
+      },
+      getDefaultDonutLegend = function () {
+        return {
+          show: false
+        };
+      },
+      getDefaultDonutConfig = function (title) {
+        return {
+          donut: this.getDefaultDonut(title),
+          size: this.getDefaultDonutSize(),
+          legend: this.getDefaultDonutLegend(),
+          color: this.getDefaultDonutColors(),
+          tooltip: this.getDefaultDonutTooltip()
+        };
+      },
+      getDefaultPie = function () {
+        return {
+          expand: true,
+          label: {
+            show: false
           }
-        }
-      };
-    };
-    getDefaultSparklineTooltip = function () {
-      return {
-        // because a sparkline should only contain a single data column,
-        // the tooltip will only work for a single data column
-        contents: function (d) {
-          return '<span class="c3-tooltip-sparkline">' + d[0].value + ' ' + d[0].name + '</span>';
-        }
-      };
-    };
-    getDefaultSparklineConfig = function () {
-      return {
-        area: getDefaultSparklineArea(),
-        size: getDefaultSparklineSize(),
-        axis: getDefaultSparklineAxis(),
-        color: getDefaultColors(),
-        legend: getDefaultSparklineLegend(),
-        point: getDefaultSparklinePoint(),
-        tooltip: getDefaultSparklineTooltip()
+        };
+      },
+      getDefaultPieSize = function () {
+        return {
+          height: 171, // produces a diameter of 150 and a centered chart when there is no legend
+          width: 171 // produces a diameter of 150 and a centered chart
+        };
+      },
+      getDefaultPieColors = function () {
+        return {
+          pattern: [
+            $.pfPaletteColors.blue,
+            $.pfPaletteColors.black300
+          ]
+        };
+      },
+      getDefaultPieTooltip = function () {
+        return {
+          contents: $().pfPieTooltipContents
+        };
+      },
+      getDefaultPieLegend = function () {
+        return {
+          show: false
+        };
+      },
+      getDefaultPieConfig = function () {
+        return {
+          pie: this.getDefaultPie(),
+          size: this.getDefaultPieSize(),
+          legend: this.getDefaultPieLegend(),
+          color: this.getDefaultPieColors(),
+          tooltip: this.getDefaultPieTooltip()
+        };
+      },
+      getDefaultSparklineArea = function () {
+        return {
+          zerobased: true
+        };
+      },
+      getDefaultSparklineSize = function () {
+        return {
+          height: 60
+        };
+      },
+      getDefaultSparklineAxis = function () {
+        return {
+          x: {
+            show: false
+          },
+          y: {
+            show: false
+          }
+        };
+      },
+      getDefaultSparklineLegend = function () {
+        return {
+          show: false
+        };
+      },
+      getDefaultSparklinePoint = function () {
+        return {
+          r: 1,
+          focus: {
+            expand: {
+              r: 4
+            }
+          }
+        };
+      },
+      getDefaultSparklineTooltip = function () {
+        return {
+          // because a sparkline should only contain a single data column,
+          // the tooltip will only work for a single data column
+          contents: function (d) {
+            return '<span class="c3-tooltip-sparkline">' + d[0].value + ' ' + d[0].name + '</span>';
+          }
+        };
+      },
+      getDefaultSparklineConfig = function () {
+        return {
+          area: getDefaultSparklineArea(),
+          size: getDefaultSparklineSize(),
+          axis: getDefaultSparklineAxis(),
+          color: getDefaultColors(),
+          legend: getDefaultSparklineLegend(),
+          point: getDefaultSparklinePoint(),
+          tooltip: getDefaultSparklineTooltip()
+        };
+      },
+      getDefaultLineAxis = function () {
+        return {
+          x: {
+            show: true
+          },
+          y: {
+            show: true
+          }
+        };
+      },
+      getDefaultLineGrid = function () {
+        return {
+          x: {
+            show: false
+          },
+          y: {
+            show: true
+          }
+        };
+      },
+      getDefaultLineLegend = function () {
+        return {
+          show: true
+        };
+      },
+      getDefaultLinePoint = function () {
+        return {
+          r: 3,
+          focus: {
+            expand: {
+              r: 5
+            }
+          }
+        };
+      },
+      getDefaultLineConfig = function () {
+        return {
+          axis: getDefaultLineAxis(),
+          grid: getDefaultLineGrid(),
+          color: getDefaultColors(),
+          legend: getDefaultLineLegend(),
+          point: getDefaultLinePoint()
+        };
+      },
+      getDefaultSingleLineTooltip = function () {
+        return {
+          contents: $().pfGetBarChartTooltipContentsFn()
+        };
+      },
+      getDefaultSingleLineLegend = function () {
+        return {
+          show: false
+        };
+      },
+      getDefaultSingleLineConfig = function () {
+        return {
+          axis: getDefaultLineAxis(),
+          grid: getDefaultLineGrid(),
+          color: getDefaultColors(),
+          legend: getDefaultSingleLineLegend(),
+          point: getDefaultLinePoint(),
+          tooltip: getDefaultSingleLineTooltip()
+        };
+      },
+      getDefaultAreaAxis = function () {
+        return getDefaultLineAxis();
+      },
+      getDefaultAreaGrid = function () {
+        return getDefaultLineGrid();
+      },
+      getDefaultAreaLegend = function () {
+        return getDefaultLineLegend();
+      },
+      getDefaultAreaPoint = function () {
+        return getDefaultLinePoint();
+      },
+      getDefaultAreaConfig = function () {
+        return {
+          axis: getDefaultAreaAxis(),
+          grid: getDefaultAreaGrid(),
+          color: getDefaultColors(),
+          legend: getDefaultAreaLegend(),
+          point: getDefaultAreaPoint()
+        };
+      },
+      getDefaultSingleAreaTooltip = function () {
+        return {
+          contents: $().pfGetBarChartTooltipContentsFn()
+        };
+      },
+      getDefaultSingleAreaLegend = function () {
+        return getDefaultSingleLineLegend();
+      },
+      getDefaultSingleAreaConfig = function () {
+        return {
+          axis: getDefaultAreaAxis(),
+          grid: getDefaultAreaGrid(),
+          color: getDefaultColors(),
+          legend: getDefaultSingleAreaLegend(),
+          point: getDefaultAreaPoint(),
+          tooltip: getDefaultSingleAreaTooltip()
+        };
       };
-    };
-
     return {
       getDefaultColors: getDefaultColors,
+      getDefaultBarGrid: getDefaultBarGrid,
+      getDefaultBarTooltip: getDefaultBarTooltip,
+      getDefaultBarLegend: getDefaultBarLegend,
+      getDefaultBarConfig: getDefaultBarConfig,
+      getDefaultGroupedBarGrid: getDefaultGroupedBarGrid,
+      getDefaultGroupedBarLegend: getDefaultGroupedBarLegend,
+      getDefaultGroupedBarConfig: getDefaultGroupedBarConfig,
       getDefaultDonut: getDefaultDonut,
       getDefaultDonutSize: getDefaultDonutSize,
       getDefaultDonutColors: getDefaultDonutColors,
       getDefaultDonutTooltip: getDefaultDonutTooltip,
       getDefaultDonutLegend: getDefaultDonutLegend,
       getDefaultDonutConfig: getDefaultDonutConfig,
+      getDefaultPie: getDefaultPie,
+      getDefaultPieSize: getDefaultPieSize,
+      getDefaultPieColors: getDefaultPieColors,
+      getDefaultPieTooltip: getDefaultPieTooltip,
+      getDefaultPieLegend: getDefaultPieLegend,
+      getDefaultPieConfig: getDefaultPieConfig,
       getDefaultSparklineArea: getDefaultSparklineArea,
       getDefaultSparklineSize: getDefaultSparklineSize,
       getDefaultSparklineAxis: getDefaultSparklineAxis,
       getDefaultSparklineLegend: getDefaultSparklineLegend,
       getDefaultSparklinePoint: getDefaultSparklinePoint,
       getDefaultSparklineTooltip: getDefaultSparklineTooltip,
-      getDefaultSparklineConfig: getDefaultSparklineConfig
+      getDefaultSparklineConfig: getDefaultSparklineConfig,
+      getDefaultLineAxis: getDefaultLineAxis,
+      getDefaultLineGrid: getDefaultLineGrid,
+      getDefaultLineLegend: getDefaultLineLegend,
+      getDefaultLinePoint: getDefaultLinePoint,
+      getDefaultLineConfig: getDefaultLineConfig,
+      getDefaultSingleLineTooltip: getDefaultSingleLineTooltip,
+      getDefaultSingleLineConfig: getDefaultSingleLineConfig,
+      getDefaultAreaAxis: getDefaultAreaAxis,
+      getDefaultAreaGrid: getDefaultAreaGrid,
+      getDefaultAreaLegend: getDefaultAreaLegend,
+      getDefaultAreaPoint: getDefaultAreaPoint,
+      getDefaultAreaConfig: getDefaultAreaConfig,
+      getDefaultSingleAreaTooltip: getDefaultSingleAreaTooltip,
+      getDefaultSingleAreaConfig: getDefaultSingleAreaConfig
     };
   };
 }(jQuery));
@@ -767,6 +1118,28 @@
           navElement.find('.mobile-nav-item-pf').each(function (index, item) {
             $(item).removeClass('mobile-nav-item-pf');
           });
+        } else {
+          showSecondaryMenu();
+        }
+      },
+
+      updateSecondaryCollapsedState = function (setCollapsed, collapsedItem) {
+        if (setCollapsed) {
+          collapsedItem.addClass('collapsed');
+          navElement.addClass('collapsed-secondary-nav-pf');
+          bodyContentElement.addClass('collapsed-secondary-nav-pf');
+        } else {
+          if (collapsedItem) {
+            collapsedItem.removeClass('collapsed');
+          } else {
+            // Remove any collapsed secondary menus
+            navElement.find('[data-toggle="collapse-secondary-nav"]').each(function (index, element) {
+              var $e = $(element);
+              $e.removeClass('collapsed');
+            });
+          }
+          navElement.removeClass('collapsed-secondary-nav-pf');
+          bodyContentElement.removeClass('collapsed-secondary-nav-pf');
         }
       },
 
@@ -784,6 +1157,9 @@
             bodyContentElement.removeClass('collapsed-nav');
             bodyContentElement.addClass('hidden-nav');
 
+            // Reset the secondary collapsed state
+            updateSecondaryCollapsedState(false);
+
             explicitCollapse = false;
           }
         } else if (navElement.hasClass('hidden')) {
@@ -876,6 +1252,13 @@
         });
       },
 
+      forceHideSecondaryMenu = function () {
+        navElement.addClass('force-hide-secondary-nav-pf');
+        setTimeout(function () {
+          navElement.removeClass('force-hide-secondary-nav-pf');
+        }, 500);
+      },
+
       bindMenuItemsBehavior = function (handleSelection) {
         // Set main nav active item on click, and show secondary nav if it has a secondary nav bar
         $(document).on('click.pf.secondarynav.data-api', '.nav-pf-vertical > .list-group > .list-group-item', function (element) {
@@ -908,8 +1291,7 @@
 
           // Set the active items on an item click
           $e.on('click.pf.secondarynav.data-api', '.list-group > .list-group-item', function (event) {
-            var $this = $(this);
-            updateSecondaryMenuDisplayAfterSelection($this);
+            updateSecondaryMenuDisplayAfterSelection();
 
             if (handleSelection) {
               setSecondaryActiveItem($e, $(this));
@@ -920,12 +1302,25 @@
 
           // Collapse the secondary nav bar when the toggle is clicked
           $e.on('click.pf.secondarynav.data-api', '[data-toggle="collapse-secondary-nav"]', function (e) {
-            hideSecondaryMenu();
+            var $this = $(this);
+            if (inMobileState()) {
+              hideSecondaryMenu();
+              forceHideSecondaryMenu();
+            } else {
+              if ($this.hasClass('collapsed')) {
+                updateSecondaryCollapsedState(false, $this);
+                if ($(window).width() < breakpoints.desktop) {
+                  forceHideSecondaryMenu();
+                }
+              } else {
+                if ($this.parents('.persistent-secondary.active').length > 0) {
+                  updateSecondaryCollapsedState(true, $this);
+                } else {
+                  forceHideSecondaryMenu();
+                }
+              }
+            }
             navElement.removeClass('hover-secondary-nav-pf');
-            navElement.addClass('force-hide-secondary-nav-pf');
-            setTimeout(function () {
-              navElement.removeClass('force-hide-secondary-nav-pf');
-            }, 500);
             if (handleSelection) {
               // Don't process the click on the parent item
               e.stopImmediatePropagation();
diff --git a/dist/docs/partials/api/patternfly.autofocus.pfFocused.html b/dist/docs/partials/api/patternfly.autofocus.pfFocused.html
index f573916f9..4e58c8077 100644
--- a/dist/docs/partials/api/patternfly.autofocus.pfFocused.html
+++ b/dist/docs/partials/api/patternfly.autofocus.pfFocused.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/autofocus/autofocus.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/autofocus/autofocus.js#L39" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFocused</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/autofocus/autofocus.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/autofocus/autofocus.js#L39" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFocused</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly</code>
 </span>
 </div>
@@ -15,10 +15,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-autofocus-page patternfly-autofocus-pffocused-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.autofocus" source-edit-deps="angular.js" source-edit-html="index.html-47" source-edit-css="" source-edit-js="" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.autofocus" source-edit-deps="angular.js" source-edit-html="index.html" source-edit-css="" source-edit-js="" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-47" ng-html-wrap-loaded="patternfly.autofocus angular.js"></pre>
-<script type="text/ng-template" id="index.html-47">
+<pre class="prettyprint linenums" ng-set-text="index.html" ng-html-wrap-loaded="patternfly.autofocus angular.js"></pre>
+<script type="text/ng-template" id="index.html">
   <div>
   <form class="form-horizontal">
 
@@ -41,6 +41,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.autofocus" ng-set-html="index.html-47" ng-eval-javascript=""></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.autofocus" ng-set-html="index.html" ng-eval-javascript=""></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.card.directive.pfAggregateStatusCard.html b/dist/docs/partials/api/patternfly.card.directive.pfAggregateStatusCard.html
index c50917044..69595da7d 100644
--- a/dist/docs/partials/api/patternfly.card.directive.pfAggregateStatusCard.html
+++ b/dist/docs/partials/api/patternfly.card.directive.pfAggregateStatusCard.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/card/aggregate-status/aggregate-status-card.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/card/aggregate-status/aggregate-status-card.directive.js#L129" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfAggregateStatusCard</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/card/aggregate-status/aggregate-status-card.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/card/aggregate-status/aggregate-status-card.directive.js#L129" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfAggregateStatusCard</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.card</code>
 </span>
 </div>
@@ -45,10 +45,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </ul></div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-card-directive-page patternfly-card-directive-pfaggregatestatuscard-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.card" source-edit-deps="angular.js script.js" source-edit-html="index.html-48" source-edit-css="" source-edit-js="script.js-49" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.card" source-edit-deps="angular.js script.js" source-edit-html="index.html-0" source-edit-css="" source-edit-js="script.js" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-48" ng-html-wrap-loaded="patternfly.card angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-48">
+<pre class="prettyprint linenums" ng-set-text="index.html-0" ng-html-wrap-loaded="patternfly.card angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-0">
   <div ng-controller="CardDemoCtrl" style="display:inline-block;">
     <div class="col-md-10">
       <label>With Top Border</label>
@@ -73,8 +73,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-49"></pre>
-<script type="text/ng-template" id="script.js-49">
+<pre class="prettyprint linenums" ng-set-text="script.js"></pre>
+<script type="text/ng-template" id="script.js">
   angular.module( 'patternfly.card' ).controller( 'CardDemoCtrl', function( $scope ) {
    $scope.status = {
      "title":"Nodes",
@@ -135,6 +135,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.card" ng-set-html="index.html-48" ng-eval-javascript="script.js-49"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.card" ng-set-html="index.html-0" ng-eval-javascript="script.js"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.card.directive.pfCard.html b/dist/docs/partials/api/patternfly.card.directive.pfCard.html
index 0b5944493..85aa3599b 100644
--- a/dist/docs/partials/api/patternfly.card.directive.pfCard.html
+++ b/dist/docs/partials/api/patternfly.card.directive.pfCard.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/card/basic/card.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/card/basic/card.directive.js#L210" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfCard</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/card/basic/card.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/card/basic/card.directive.js#L210" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfCard</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.card</code>
 </span>
 </div>
@@ -41,10 +41,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </ul></div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-card-directive-page patternfly-card-directive-pfcard-page"><h4 id="example_source">Source</h4>
-<div source-edit="demo" source-edit-deps="angular.js script.js" source-edit-html="index.html-50" source-edit-css="" source-edit-js="script.js-51" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="demo" source-edit-deps="angular.js script.js" source-edit-html="index.html-1" source-edit-css="" source-edit-js="script.js-2" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-50" ng-html-wrap-loaded="demo angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-50">
+<pre class="prettyprint linenums" ng-set-text="index.html-1" ng-html-wrap-loaded="demo angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-1">
   <div ng-controller="ChartCtrl">
     <label class="label-title">Timeframe filter in header</label>
     <div pf-card head-title="Card Title" sub-title="Card Subtitle" show-top-border="true" filter="filterConfigHeader" style="width: 50%">
@@ -82,8 +82,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-51"></pre>
-<script type="text/ng-template" id="script.js-51">
+<pre class="prettyprint linenums" ng-set-text="script.js-2"></pre>
+<script type="text/ng-template" id="script.js-2">
 angular.module( 'demo', ['patternfly.charts', 'patternfly.card'] ).controller( 'ChartCtrl', function( $scope ) {
 
       $scope.footerConfig = {
@@ -222,6 +222,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="demo" ng-set-html="index.html-50" ng-eval-javascript="script.js-51"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="demo" ng-set-html="index.html-1" ng-eval-javascript="script.js-2"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.charts.directive.pfC3Chart.html b/dist/docs/partials/api/patternfly.charts.directive.pfC3Chart.html
index e5a7175d2..d86acd9c8 100644
--- a/dist/docs/partials/api/patternfly.charts.directive.pfC3Chart.html
+++ b/dist/docs/partials/api/patternfly.charts.directive.pfC3Chart.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/c3/c3-chart.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/charts/c3/c3-chart.directive.js#L65" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfC3Chart</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/c3/c3-chart.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/charts/c3/c3-chart.directive.js#L65" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfC3Chart</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.charts</code>
 </span>
 </div>
@@ -19,10 +19,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-charts-directive-page patternfly-charts-directive-pfc3chart-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.charts" source-edit-deps="angular.js script.js" source-edit-html="index.html-52" source-edit-css="" source-edit-js="script.js-53" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.charts" source-edit-deps="angular.js script.js" source-edit-html="index.html-3" source-edit-css="" source-edit-js="script.js-4" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-52" ng-html-wrap-loaded="patternfly.charts angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-52">
+<pre class="prettyprint linenums" ng-set-text="index.html-3" ng-html-wrap-loaded="patternfly.charts angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-3">
   <div ng-controller="ChartCtrl">
      <div pf-c3-chart id="chartId"  config="chartConfig"></div>
 
@@ -38,8 +38,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-53"></pre>
-<script type="text/ng-template" id="script.js-53">
+<pre class="prettyprint linenums" ng-set-text="script.js-4"></pre>
+<script type="text/ng-template" id="script.js-4">
   angular.module( 'patternfly.charts' ).controller( 'ChartCtrl', function( $scope ) {
     $scope.used = 950;
     $scope.total = 1000;
@@ -71,6 +71,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.charts" ng-set-html="index.html-52" ng-eval-javascript="script.js-53"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.charts" ng-set-html="index.html-3" ng-eval-javascript="script.js-4"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.charts.directive.pfDonutPctChart.html b/dist/docs/partials/api/patternfly.charts.directive.pfDonutPctChart.html
index 37693eef7..067153745 100644
--- a/dist/docs/partials/api/patternfly.charts.directive.pfDonutPctChart.html
+++ b/dist/docs/partials/api/patternfly.charts.directive.pfDonutPctChart.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/donut/donut-pct-chart-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/charts/donut/donut-pct-chart-directive.js#L233" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfDonutPctChart</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/donut/donut-pct-chart-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/charts/donut/donut-pct-chart-directive.js#L233" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfDonutPctChart</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.charts</code>
 </span>
 </div>
@@ -46,10 +46,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </ul></div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-charts-directive-page patternfly-charts-directive-pfdonutpctchart-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.charts" source-edit-deps="angular.js script.js" source-edit-html="index.html-54" source-edit-css="" source-edit-js="script.js-55" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.charts" source-edit-deps="angular.js script.js" source-edit-html="index.html-5" source-edit-css="" source-edit-js="script.js-6" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-54" ng-html-wrap-loaded="patternfly.charts angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-54">
+<pre class="prettyprint linenums" ng-set-text="index.html-5" ng-html-wrap-loaded="patternfly.charts angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-5">
   <div ng-controller="ChartCtrl">
     <div class="container-fluid">
       <div class="row">
@@ -114,8 +114,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-55"></pre>
-<script type="text/ng-template" id="script.js-55">
+<pre class="prettyprint linenums" ng-set-text="script.js-6"></pre>
+<script type="text/ng-template" id="script.js-6">
   angular.module( 'patternfly.charts' ).controller( 'ChartCtrl', function( $scope ) {
     $scope.configErr = {
       'chartId': 'chartErr',
@@ -238,6 +238,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.charts" ng-set-html="index.html-54" ng-eval-javascript="script.js-55"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.charts" ng-set-html="index.html-5" ng-eval-javascript="script.js-6"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.charts.directive.pfHeatMap.html b/dist/docs/partials/api/patternfly.charts.directive.pfHeatMap.html
index 5d3752b5d..7e3f27516 100644
--- a/dist/docs/partials/api/patternfly.charts.directive.pfHeatMap.html
+++ b/dist/docs/partials/api/patternfly.charts.directive.pfHeatMap.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/heatmap/heatmap.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/charts/heatmap/heatmap.directive.js#L135" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfHeatMap</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/heatmap/heatmap.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/charts/heatmap/heatmap.directive.js#L135" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfHeatMap</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.charts</code>
 </span>
 </div>
@@ -39,10 +39,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-charts-directive-page patternfly-charts-directive-pfheatmap-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.charts" source-edit-deps="angular.js script.js" source-edit-html="index.html-56" source-edit-css="" source-edit-js="script.js-57" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.charts" source-edit-deps="angular.js script.js" source-edit-html="index.html-7" source-edit-css="" source-edit-js="script.js-8" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-56" ng-html-wrap-loaded="patternfly.charts angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-56">
+<pre class="prettyprint linenums" ng-set-text="index.html-7" ng-html-wrap-loaded="patternfly.charts angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-7">
   <div ng-controller="ChartCtrl">
     <div class="row">
       <div class="col-md-5 example-heatmap-container">
@@ -80,8 +80,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-57"></pre>
-<script type="text/ng-template" id="script.js-57">
+<pre class="prettyprint linenums" ng-set-text="script.js-8"></pre>
+<script type="text/ng-template" id="script.js-8">
   angular.module( 'patternfly.charts' ).controller( 'ChartCtrl', function( $scope) {
     $scope.data = [
     {'id': 9,'value': 0.96,'tooltip': 'Node 8 : My OpenShift Provider<br\>96% : 96 Used of 100 Total<br\>4 Available'},
@@ -153,6 +153,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.charts" ng-set-html="index.html-56" ng-eval-javascript="script.js-57"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.charts" ng-set-html="index.html-7" ng-eval-javascript="script.js-8"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.charts.directive.pfSparklineChart.html b/dist/docs/partials/api/patternfly.charts.directive.pfSparklineChart.html
index c41fac8cc..61ba61d32 100644
--- a/dist/docs/partials/api/patternfly.charts.directive.pfSparklineChart.html
+++ b/dist/docs/partials/api/patternfly.charts.directive.pfSparklineChart.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/sparkline/sparkline-chart.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/charts/sparkline/sparkline-chart.directive.js#L133" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfSparklineChart</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/sparkline/sparkline-chart.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/charts/sparkline/sparkline-chart.directive.js#L133" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfSparklineChart</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.charts</code>
 </span>
 </div>
@@ -47,10 +47,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-charts-directive-page patternfly-charts-directive-pfsparklinechart-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.charts" source-edit-deps="angular.js script.js" source-edit-html="index.html-58" source-edit-css="" source-edit-js="script.js-59" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.charts" source-edit-deps="angular.js script.js" source-edit-html="index.html-9" source-edit-css="" source-edit-js="script.js-10" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-58" ng-html-wrap-loaded="patternfly.charts angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-58">
+<pre class="prettyprint linenums" ng-set-text="index.html-9" ng-html-wrap-loaded="patternfly.charts angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-9">
   <div ng-controller="ChartCtrl" class="row" style="display:inline-block; width: 100%;">
     <div class="col-md-12">
       <div pf-sparkline-chart config="config" chart-data="data" chart-height="custChartHeight" show-x-axis="custShowXAxis" show-y-axis="custShowYAxis"></div>
@@ -108,8 +108,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-59"></pre>
-<script type="text/ng-template" id="script.js-59">
+<pre class="prettyprint linenums" ng-set-text="script.js-10"></pre>
+<script type="text/ng-template" id="script.js-10">
   angular.module( 'patternfly.charts' ).controller( 'ChartCtrl', function( $scope ) {
 
     $scope.config = {
@@ -141,6 +141,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.charts" ng-set-html="index.html-58" ng-eval-javascript="script.js-59"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.charts" ng-set-html="index.html-9" ng-eval-javascript="script.js-10"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.charts.directive.pfTrendsChart.html b/dist/docs/partials/api/patternfly.charts.directive.pfTrendsChart.html
index f8d917809..9a0b98c1a 100644
--- a/dist/docs/partials/api/patternfly.charts.directive.pfTrendsChart.html
+++ b/dist/docs/partials/api/patternfly.charts.directive.pfTrendsChart.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/trends/trends-chart.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/charts/trends/trends-chart.directive.js#L164" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfTrendsChart</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/trends/trends-chart.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/charts/trends/trends-chart.directive.js#L164" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfTrendsChart</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.charts</code>
 </span>
 </div>
@@ -40,10 +40,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-charts-directive-page patternfly-charts-directive-pftrendschart-page"><h4 id="example_source">Source</h4>
-<div source-edit="demo" source-edit-deps="angular.js script.js" source-edit-html="index.html-60" source-edit-css="" source-edit-js="script.js-61" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="demo" source-edit-deps="angular.js script.js" source-edit-html="index.html-11" source-edit-css="" source-edit-js="script.js-12" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-60" ng-html-wrap-loaded="demo angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-60">
+<pre class="prettyprint linenums" ng-set-text="index.html-11" ng-html-wrap-loaded="demo angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-11">
   <div ng-controller="ChartCtrl" class="row" style="display:inline-block; width: 100%;">
     <div class="col-md-12">
       <div pf-trends-chart config="config" chart-data="data"
@@ -109,8 +109,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-61"></pre>
-<script type="text/ng-template" id="script.js-61">
+<pre class="prettyprint linenums" ng-set-text="script.js-12"></pre>
+<script type="text/ng-template" id="script.js-12">
 angular.module( 'demo', ['patternfly.charts', 'patternfly.card'] ).controller( 'ChartCtrl', function( $scope ) {
 
       $scope.config = {
@@ -174,6 +174,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="demo" ng-set-html="index.html-60" ng-eval-javascript="script.js-61"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="demo" ng-set-html="index.html-11" ng-eval-javascript="script.js-12"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.charts.directive.pfUtilizationBarChart.html b/dist/docs/partials/api/patternfly.charts.directive.pfUtilizationBarChart.html
index b3917873c..20f1689ca 100644
--- a/dist/docs/partials/api/patternfly.charts.directive.pfUtilizationBarChart.html
+++ b/dist/docs/partials/api/patternfly.charts.directive.pfUtilizationBarChart.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/utilization-bar/utilization-bar-chart.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/charts/utilization-bar/utilization-bar-chart.directive.js#L117" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfUtilizationBarChart</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/utilization-bar/utilization-bar-chart.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/charts/utilization-bar/utilization-bar-chart.directive.js#L117" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfUtilizationBarChart</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.charts</code>
 </span>
 </div>
@@ -49,10 +49,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-charts-directive-page patternfly-charts-directive-pfutilizationbarchart-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.example" source-edit-deps="angular.js script.js" source-edit-html="index.html-62" source-edit-css="" source-edit-js="script.js-63" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.example" source-edit-deps="angular.js script.js" source-edit-html="index.html-13" source-edit-css="" source-edit-js="script.js-14" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-62" ng-html-wrap-loaded="patternfly.example angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-62">
+<pre class="prettyprint linenums" ng-set-text="index.html-13" ng-html-wrap-loaded="patternfly.example angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-13">
   <div ng-controller="ChartCtrl">
 
     <label class="label-title">Default Layout, no Thresholds</label>
@@ -72,8 +72,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-63"></pre>
-<script type="text/ng-template" id="script.js-63">
+<pre class="prettyprint linenums" ng-set-text="script.js-14"></pre>
+<script type="text/ng-template" id="script.js-14">
 angular.module( 'patternfly.example', ['patternfly.charts', 'patternfly.card']);
 
 angular.module( 'patternfly.example' ).controller( 'ChartCtrl', function( $scope ) {
@@ -127,6 +127,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.example" ng-set-html="index.html-62" ng-eval-javascript="script.js-63"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.example" ng-set-html="index.html-13" ng-eval-javascript="script.js-14"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.charts.directive.pfUtilizationTrendChart.html b/dist/docs/partials/api/patternfly.charts.directive.pfUtilizationTrendChart.html
index e48030f5c..1716cee4d 100644
--- a/dist/docs/partials/api/patternfly.charts.directive.pfUtilizationTrendChart.html
+++ b/dist/docs/partials/api/patternfly.charts.directive.pfUtilizationTrendChart.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/utilization-trend/utilization-trend-chart-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/charts/utilization-trend/utilization-trend-chart-directive.js#L184" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfUtilizationTrendChart</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/charts/utilization-trend/utilization-trend-chart-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/charts/utilization-trend/utilization-trend-chart-directive.js#L184" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfUtilizationTrendChart</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.charts</code>
 </span>
 </div>
@@ -49,10 +49,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-charts-directive-page patternfly-charts-directive-pfutilizationtrendchart-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.charts" source-edit-deps="angular.js script.js" source-edit-html="index.html-64" source-edit-css="" source-edit-js="script.js-65" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.charts" source-edit-deps="angular.js script.js" source-edit-html="index.html-15" source-edit-css="" source-edit-js="script.js-16" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-64" ng-html-wrap-loaded="patternfly.charts angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-64">
+<pre class="prettyprint linenums" ng-set-text="index.html-15" ng-html-wrap-loaded="patternfly.charts angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-15">
   <div ng-controller="ChartCtrl" class="row" style="display:inline-block; width: 100%;">
     <div class="col-md-12">
       <div pf-utilization-trend-chart config="config"
@@ -144,8 +144,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-65"></pre>
-<script type="text/ng-template" id="script.js-65">
+<pre class="prettyprint linenums" ng-set-text="script.js-16"></pre>
+<script type="text/ng-template" id="script.js-16">
 angular.module( 'patternfly.charts' ).controller( 'ChartCtrl', function( $scope ) {
   $scope.config = {
     title: 'Memory',
@@ -193,6 +193,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.charts" ng-set-html="index.html-64" ng-eval-javascript="script.js-65"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.charts" ng-set-html="index.html-15" ng-eval-javascript="script.js-16"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.filters.directive.pfFilter.html b/dist/docs/partials/api/patternfly.filters.directive.pfFilter.html
index 1b6eb2ad3..10def3612 100644
--- a/dist/docs/partials/api/patternfly.filters.directive.pfFilter.html
+++ b/dist/docs/partials/api/patternfly.filters.directive.pfFilter.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/filters/filter-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/filters/filter-directive.js#L172" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFilter</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/filters/filter-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/filters/filter-directive.js#L172" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFilter</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.filters</code>
 </span>
 </div>
@@ -28,10 +28,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </ul></div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-filters-directive-page patternfly-filters-directive-pffilter-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.filters" source-edit-deps="angular.js patternfly.select script.js" source-edit-html="index.html-66" source-edit-css="" source-edit-js="script.js-67" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.filters" source-edit-deps="angular.js patternfly.select script.js" source-edit-html="index.html-17" source-edit-css="" source-edit-js="script.js-18" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-66" ng-html-wrap-loaded="patternfly.filters angular.js patternfly.select script.js"></pre>
-<script type="text/ng-template" id="index.html-66">
+<pre class="prettyprint linenums" ng-set-text="index.html-17" ng-html-wrap-loaded="patternfly.filters angular.js patternfly.select script.js"></pre>
+<script type="text/ng-template" id="index.html-17">
   <div ng-controller="ViewCtrl" class="row example-container">
     <div class="col-md-12">
       <div pf-filter id="exampleFilter" config="filterConfig"></div>
@@ -66,8 +66,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-67"></pre>
-<script type="text/ng-template" id="script.js-67">
+<pre class="prettyprint linenums" ng-set-text="script.js-18"></pre>
+<script type="text/ng-template" id="script.js-18">
   angular.module('patternfly.filters').controller('ViewCtrl', ['$scope',
     function ($scope) {
       $scope.filtersText = '';
@@ -179,6 +179,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.filters" ng-set-html="index.html-66" ng-eval-javascript="script.js-67"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.filters" ng-set-html="index.html-17" ng-eval-javascript="script.js-18"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.filters.directive.pfFilterFields.html b/dist/docs/partials/api/patternfly.filters.directive.pfFilterFields.html
index 9c53b47f8..a52b3dbaf 100644
--- a/dist/docs/partials/api/patternfly.filters.directive.pfFilterFields.html
+++ b/dist/docs/partials/api/patternfly.filters.directive.pfFilterFields.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/filters/filter-fields-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/filters/filter-fields-directive.js#L23" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFilterFields</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/filters/filter-fields-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/filters/filter-fields-directive.js#L23" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFilterFields</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.filters</code>
 </span>
 </div>
diff --git a/dist/docs/partials/api/patternfly.filters.directive.pfFilterResults.html b/dist/docs/partials/api/patternfly.filters.directive.pfFilterResults.html
index c526f7691..2a8a71807 100644
--- a/dist/docs/partials/api/patternfly.filters.directive.pfFilterResults.html
+++ b/dist/docs/partials/api/patternfly.filters.directive.pfFilterResults.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/filters/filter-results-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/filters/filter-results-directive.js#L25" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFilterResults</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/filters/filter-results-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/filters/filter-results-directive.js#L25" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFilterResults</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.filters</code>
 </span>
 </div>
diff --git a/dist/docs/partials/api/patternfly.form.directive.pfDatepicker.html b/dist/docs/partials/api/patternfly.form.directive.pfDatepicker.html
index f54f3d220..db8175b77 100644
--- a/dist/docs/partials/api/patternfly.form.directive.pfDatepicker.html
+++ b/dist/docs/partials/api/patternfly.form.directive.pfDatepicker.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/form/datepicker/datepicker.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/form/datepicker/datepicker.directive.js#L38" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfDatepicker</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/form/datepicker/datepicker.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/form/datepicker/datepicker.directive.js#L38" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfDatepicker</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.form</code>
 </span>
 </div>
@@ -17,10 +17,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-form-directive-page patternfly-form-directive-pfdatepicker-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.form" source-edit-deps="angular.js script.js" source-edit-html="index.html-68" source-edit-css="" source-edit-js="script.js-69" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.form" source-edit-deps="angular.js script.js" source-edit-html="index.html-19" source-edit-css="" source-edit-js="script.js-20" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-68" ng-html-wrap-loaded="patternfly.form angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-68">
+<pre class="prettyprint linenums" ng-set-text="index.html-19" ng-html-wrap-loaded="patternfly.form angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-19">
   <form class="form-horizontal" ng-controller="FormDemoCtrl">
   <div>
     <button ng-click=setToday()>Set Today in Angular Model</button>
@@ -31,8 +31,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-69"></pre>
-<script type="text/ng-template" id="script.js-69">
+<pre class="prettyprint linenums" ng-set-text="script.js-20"></pre>
+<script type="text/ng-template" id="script.js-20">
   angular.module( 'patternfly.form' ).controller( 'FormDemoCtrl', function( $scope ) {
     $scope.setToday = function () {
       $scope.date = new Date();
@@ -47,6 +47,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.form" ng-set-html="index.html-68" ng-eval-javascript="script.js-69"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.form" ng-set-html="index.html-19" ng-eval-javascript="script.js-20"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.form.directive.pfFormButtons.html b/dist/docs/partials/api/patternfly.form.directive.pfFormButtons.html
index 1b2f56441..7b3919289 100644
--- a/dist/docs/partials/api/patternfly.form.directive.pfFormButtons.html
+++ b/dist/docs/partials/api/patternfly.form.directive.pfFormButtons.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/form/form-buttons/form-buttons.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/form/form-buttons/form-buttons.directive.js#L55" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFormButtons</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/form/form-buttons/form-buttons.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/form/form-buttons/form-buttons.directive.js#L55" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFormButtons</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.form</code>
 </span>
 </div>
@@ -23,10 +23,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-form-directive-page patternfly-form-directive-pfformbuttons-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.form" source-edit-deps="angular.js script.js" source-edit-html="index.html-70" source-edit-css="" source-edit-js="script.js-71" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.form" source-edit-deps="angular.js script.js" source-edit-html="index.html-21" source-edit-css="" source-edit-js="script.js-22" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-70" ng-html-wrap-loaded="patternfly.form angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-70">
+<pre class="prettyprint linenums" ng-set-text="index.html-21" ng-html-wrap-loaded="patternfly.form angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-21">
     <div ng-controller="FormButtonCtrl">
       <p>Saved?</p>
       <p>{{ status }}</p>
@@ -41,8 +41,8 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-71"></pre>
-<script type="text/ng-template" id="script.js-71">
+<pre class="prettyprint linenums" ng-set-text="script.js-22"></pre>
+<script type="text/ng-template" id="script.js-22">
     angular.module( 'patternfly.form' ).controller( 'FormButtonCtrl', function( $scope, $timeout ) {
       $scope.status = 'Not yet Saved'
       $scope.working = false;
@@ -64,6 +64,6 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.form" ng-set-html="index.html-70" ng-eval-javascript="script.js-71"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.form" ng-set-html="index.html-21" ng-eval-javascript="script.js-22"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.form.directive.pfFormGroup.html b/dist/docs/partials/api/patternfly.form.directive.pfFormGroup.html
index eb688aa57..1902e5ac7 100644
--- a/dist/docs/partials/api/patternfly.form.directive.pfFormGroup.html
+++ b/dist/docs/partials/api/patternfly.form.directive.pfFormGroup.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/form/form-group/form-group.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/form/form-group/form-group.directive.js#L47" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFormGroup</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/form/form-group/form-group.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/form/form-group/form-group.directive.js#L47" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfFormGroup</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.form</code>
 </span>
 </div>
@@ -23,10 +23,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-form-directive-page patternfly-form-directive-pfformgroup-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.form" source-edit-deps="angular.js script.js" source-edit-html="index.html-72" source-edit-css="" source-edit-js="script.js-73" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.form" source-edit-deps="angular.js script.js" source-edit-html="index.html-23" source-edit-css="" source-edit-js="script.js-24" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-72" ng-html-wrap-loaded="patternfly.form angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-72">
+<pre class="prettyprint linenums" ng-set-text="index.html-23" ng-html-wrap-loaded="patternfly.form angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-23">
     <form class="form-horizontal" ng-controller="FormDemoCtrl">
 
       <p>Name: {{ item.name }}</p>
@@ -45,8 +45,8 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-73"></pre>
-<script type="text/ng-template" id="script.js-73">
+<pre class="prettyprint linenums" ng-set-text="script.js-24"></pre>
+<script type="text/ng-template" id="script.js-24">
     angular.module( 'patternfly.form' ).controller( 'FormDemoCtrl', function( $scope ) {
       $scope.item = {
         name: 'Homer Simpson',
@@ -56,6 +56,6 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.form" ng-set-html="index.html-72" ng-eval-javascript="script.js-73"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.form" ng-set-html="index.html-23" ng-eval-javascript="script.js-24"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.form.directive.pfRemainingCharsCount.html b/dist/docs/partials/api/patternfly.form.directive.pfRemainingCharsCount.html
index 913e1a63b..261c4b249 100644
--- a/dist/docs/partials/api/patternfly.form.directive.pfRemainingCharsCount.html
+++ b/dist/docs/partials/api/patternfly.form.directive.pfRemainingCharsCount.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/form/remaining-chars-count/remaining-chars-count.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/form/remaining-chars-count/remaining-chars-count.directive.js#L124" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfRemainingCharsCount</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/form/remaining-chars-count/remaining-chars-count.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/form/remaining-chars-count/remaining-chars-count.directive.js#L124" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfRemainingCharsCount</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.form</code>
 </span>
 </div>
@@ -40,10 +40,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-form-directive-page patternfly-form-directive-pfremainingcharscount-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.example" source-edit-deps="angular.js script.js" source-edit-html="index.html-74" source-edit-css="" source-edit-js="script.js-75" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.example" source-edit-deps="angular.js script.js" source-edit-html="index.html-25" source-edit-css="" source-edit-js="script.js-26" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-74" ng-html-wrap-loaded="patternfly.example angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-74">
+<pre class="prettyprint linenums" ng-set-text="index.html-25" ng-html-wrap-loaded="patternfly.example angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-25">
   <div ng-controller="DemoCtrl" style="display:inline-block; width: 100%;">
 
   <style>
@@ -104,8 +104,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-75"></pre>
-<script type="text/ng-template" id="script.js-75">
+<pre class="prettyprint linenums" ng-set-text="script.js-26"></pre>
+<script type="text/ng-template" id="script.js-26">
 angular.module( 'patternfly.example', ['patternfly.form']);
 
 angular.module( 'patternfly.example' ).controller( 'DemoCtrl', function( $scope ) {
@@ -136,6 +136,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.example" ng-set-html="index.html-74" ng-eval-javascript="script.js-75"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.example" ng-set-html="index.html-25" ng-eval-javascript="script.js-26"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.notification.Notification.html b/dist/docs/partials/api/patternfly.notification.Notification.html
index ad61410b6..d3d85b54b 100644
--- a/dist/docs/partials/api/patternfly.notification.Notification.html
+++ b/dist/docs/partials/api/patternfly.notification.Notification.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/notification/notification.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/notification/notification.js#L82" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">Notification</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/notification/notification.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/notification/notification.js#L82" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">Notification</code>
 <div><span class="hint">service in module <code ng:non-bindable="">patternfly.notification</code>
 </span>
 </div>
@@ -29,10 +29,10 @@ <h2 id="dependencies">Dependencies</h2>
 </ul>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-notification-notification-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.notification" source-edit-deps="angular.js script.js" source-edit-html="index.html-78" source-edit-css="" source-edit-js="script.js-79" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.notification" source-edit-deps="angular.js script.js" source-edit-html="index.html-29" source-edit-css="" source-edit-js="script.js-30" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-78" ng-html-wrap-loaded="patternfly.notification angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-78">
+<pre class="prettyprint linenums" ng-set-text="index.html-29" ng-html-wrap-loaded="patternfly.notification angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-29">
     <div ng-controller="NotificationDemoCtrl">
       <pf-notification-list></pf-notification-list>
 
@@ -59,8 +59,8 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-79"></pre>
-<script type="text/ng-template" id="script.js-79">
+<pre class="prettyprint linenums" ng-set-text="script.js-30"></pre>
+<script type="text/ng-template" id="script.js-30">
     angular.module( 'patternfly.notification' ).controller( 'NotificationDemoCtrl', function( $scope, Notifications ) {
 
       var typeMap = { 'Info': Notifications.info,
@@ -80,6 +80,6 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.notification" ng-set-html="index.html-78" ng-eval-javascript="script.js-79"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.notification" ng-set-html="index.html-29" ng-eval-javascript="script.js-30"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.notification.directive.pfInlineNotification.html b/dist/docs/partials/api/patternfly.notification.directive.pfInlineNotification.html
index 0449b197b..d4b5d4cd8 100644
--- a/dist/docs/partials/api/patternfly.notification.directive.pfInlineNotification.html
+++ b/dist/docs/partials/api/patternfly.notification.directive.pfInlineNotification.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/notification/inline-notification.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/notification/inline-notification.directive.js#L69" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfInlineNotification</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/notification/inline-notification.directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/notification/inline-notification.directive.js#L69" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfInlineNotification</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.notification</code>
 </span>
 </div>
@@ -24,10 +24,10 @@ <h4 id="usage_directive-info_parameters">Parameters</h4><table class="variables-
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-notification-directive-page patternfly-notification-directive-pfinlinenotification-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.notification" source-edit-deps="angular.js script.js" source-edit-html="index.html-76" source-edit-css="" source-edit-js="script.js-77" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.notification" source-edit-deps="angular.js script.js" source-edit-html="index.html-27" source-edit-css="" source-edit-js="script.js-28" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-76" ng-html-wrap-loaded="patternfly.notification angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-76">
+<pre class="prettyprint linenums" ng-set-text="index.html-27" ng-html-wrap-loaded="patternfly.notification angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-27">
     <div ng-controller="NotificationDemoCtrl">
 
       <pf-inline-notification pf-notification-type="type"
@@ -66,8 +66,8 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-77"></pre>
-<script type="text/ng-template" id="script.js-77">
+<pre class="prettyprint linenums" ng-set-text="script.js-28"></pre>
+<script type="text/ng-template" id="script.js-28">
     angular.module( 'patternfly.notification' ).controller( 'NotificationDemoCtrl', function( $scope, Notifications ) {
       $scope.types = ['success','info','danger', 'warning'];
       $scope.type = $scope.types[0];
@@ -79,6 +79,6 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.notification" ng-set-html="index.html-76" ng-eval-javascript="script.js-77"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.notification" ng-set-html="index.html-27" ng-eval-javascript="script.js-28"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.notification.directive.pfNotificationList.html b/dist/docs/partials/api/patternfly.notification.directive.pfNotificationList.html
index 326acb213..9a0f2c9d7 100644
--- a/dist/docs/partials/api/patternfly.notification.directive.pfNotificationList.html
+++ b/dist/docs/partials/api/patternfly.notification.directive.pfNotificationList.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/notification/notification.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/notification/notification.js#L240" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfNotificationList</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/notification/notification.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/notification/notification.js#L240" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfNotificationList</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.notification</code>
 </span>
 </div>
@@ -12,10 +12,10 @@ <h2 id="usage">Usage</h2>
 </div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-notification-directive-page patternfly-notification-directive-pfnotificationlist-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.notification" source-edit-deps="angular.js script.js" source-edit-html="index.html-80" source-edit-css="" source-edit-js="script.js-81" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.notification" source-edit-deps="angular.js script.js" source-edit-html="index.html-31" source-edit-css="" source-edit-js="script.js-32" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-80" ng-html-wrap-loaded="patternfly.notification angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-80">
+<pre class="prettyprint linenums" ng-set-text="index.html-31" ng-html-wrap-loaded="patternfly.notification angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-31">
     <div ng-controller="NotificationDemoCtrl">
 
       <pf-notification-list></pf-notification-list>
@@ -43,8 +43,8 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-81"></pre>
-<script type="text/ng-template" id="script.js-81">
+<pre class="prettyprint linenums" ng-set-text="script.js-32"></pre>
+<script type="text/ng-template" id="script.js-32">
     angular.module('patternfly.notification').controller( 'NotificationDemoCtrl', function( $scope, Notifications ) {
       $scope.message = 'Default Message.';
 
@@ -65,6 +65,6 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.notification" ng-set-html="index.html-80" ng-eval-javascript="script.js-81"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.notification" ng-set-html="index.html-31" ng-eval-javascript="script.js-32"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.select.pfSelect.html b/dist/docs/partials/api/patternfly.select.pfSelect.html
index 5adbac58e..9b87bd33b 100644
--- a/dist/docs/partials/api/patternfly.select.pfSelect.html
+++ b/dist/docs/partials/api/patternfly.select.pfSelect.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/select/select.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/select/select.js#L66" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfSelect</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/select/select.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/select/select.js#L66" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfSelect</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly</code>
 </span>
 </div>
@@ -19,10 +19,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-select-page patternfly-select-pfselect-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.select" source-edit-deps="angular.js script.js" source-edit-html="index.html-82" source-edit-css="" source-edit-js="script.js-83" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.select" source-edit-deps="angular.js script.js" source-edit-html="index.html-33" source-edit-css="" source-edit-js="script.js-34" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-82" ng-html-wrap-loaded="patternfly.select angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-82">
+<pre class="prettyprint linenums" ng-set-text="index.html-33" ng-html-wrap-loaded="patternfly.select angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-33">
     <div ng-controller="SelectDemoCtrl">
 
     <form class="form-horizontal">
@@ -61,8 +61,8 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-83"></pre>
-<script type="text/ng-template" id="script.js-83">
+<pre class="prettyprint linenums" ng-set-text="script.js-34"></pre>
+<script type="text/ng-template" id="script.js-34">
     angular.module( 'patternfly.select' ).controller( 'SelectDemoCtrl', function( $scope ) {
       $scope.drinks = ['tea', 'coffee', 'water'];
       $scope.pets = ['Dog', 'Cat', 'Chicken'];
@@ -72,6 +72,6 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.select" ng-set-html="index.html-82" ng-eval-javascript="script.js-83"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.select" ng-set-html="index.html-33" ng-eval-javascript="script.js-34"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.sort.directive.pfSort.html b/dist/docs/partials/api/patternfly.sort.directive.pfSort.html
index 813df5a06..6f73affd3 100644
--- a/dist/docs/partials/api/patternfly.sort.directive.pfSort.html
+++ b/dist/docs/partials/api/patternfly.sort.directive.pfSort.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/sort/sort-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/sort/sort-directive.js#L148" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfSort</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/sort/sort-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/sort/sort-directive.js#L148" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfSort</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.sort</code>
 </span>
 </div>
@@ -26,10 +26,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </ul></div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-sort-directive-page patternfly-sort-directive-pfsort-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.sort" source-edit-deps="angular.js script.js" source-edit-html="index.html-84" source-edit-css="" source-edit-js="script.js-85" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.sort" source-edit-deps="angular.js script.js" source-edit-html="index.html-35" source-edit-css="" source-edit-js="script.js-36" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-84" ng-html-wrap-loaded="patternfly.sort angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-84">
+<pre class="prettyprint linenums" ng-set-text="index.html-35" ng-html-wrap-loaded="patternfly.sort angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-35">
   <div ng-controller="ViewCtrl" class="row example-container">
     <div class="col-md-12">
       <div pf-sort id="exampleSort" config="sortConfig"></div>
@@ -57,8 +57,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-85"></pre>
-<script type="text/ng-template" id="script.js-85">
+<pre class="prettyprint linenums" ng-set-text="script.js-36"></pre>
+<script type="text/ng-template" id="script.js-36">
   angular.module('patternfly.sort').controller('ViewCtrl', ['$scope',
     function ($scope) {
       $scope.items = [
@@ -155,6 +155,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.sort" ng-set-html="index.html-84" ng-eval-javascript="script.js-85"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.sort" ng-set-html="index.html-35" ng-eval-javascript="script.js-36"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.toolbars.directive.pfToolbar.html b/dist/docs/partials/api/patternfly.toolbars.directive.pfToolbar.html
index ec6991779..d2ff5c012 100644
--- a/dist/docs/partials/api/patternfly.toolbars.directive.pfToolbar.html
+++ b/dist/docs/partials/api/patternfly.toolbars.directive.pfToolbar.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/toolbars/toolbar-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/toolbars/toolbar-directive.js#L372" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfToolbar</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/toolbars/toolbar-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/toolbars/toolbar-directive.js#L372" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfToolbar</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.toolbars</code>
 </span>
 </div>
@@ -50,10 +50,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </ul></div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-toolbars-directive-page patternfly-toolbars-directive-pftoolbar-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.toolbars" source-edit-deps="angular.js patternfly.filters patternfly.sort patternfly.views script.js" source-edit-html="index.html-86" source-edit-css="" source-edit-js="script.js-87" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.toolbars" source-edit-deps="angular.js patternfly.filters patternfly.sort patternfly.views script.js" source-edit-html="index.html-37" source-edit-css="" source-edit-js="script.js-38" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-86" ng-html-wrap-loaded="patternfly.toolbars angular.js patternfly.filters patternfly.sort patternfly.views script.js"></pre>
-<script type="text/ng-template" id="index.html-86">
+<pre class="prettyprint linenums" ng-set-text="index.html-37" ng-html-wrap-loaded="patternfly.toolbars angular.js patternfly.filters patternfly.sort patternfly.views script.js"></pre>
+<script type="text/ng-template" id="index.html-37">
   <div ng-controller="ViewCtrl" class="row example-container">
     <div class="col-md-12">
       <div pf-toolbar id="exampleToolbar" config="toolbarConfig"></div>
@@ -111,8 +111,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-87"></pre>
-<script type="text/ng-template" id="script.js-87">
+<pre class="prettyprint linenums" ng-set-text="script.js-38"></pre>
+<script type="text/ng-template" id="script.js-38">
 angular.module('patternfly.toolbars').controller('ViewCtrl', ['$scope', 'pfViewUtils',
   function ($scope, pfViewUtils) {
     $scope.filtersText = '';
@@ -379,6 +379,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.toolbars" ng-set-html="index.html-86" ng-eval-javascript="script.js-87"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.toolbars" ng-set-html="index.html-37" ng-eval-javascript="script.js-38"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.utils.directive.pfTransclude.html b/dist/docs/partials/api/patternfly.utils.directive.pfTransclude.html
index 6e1a4f769..613dfc11a 100644
--- a/dist/docs/partials/api/patternfly.utils.directive.pfTransclude.html
+++ b/dist/docs/partials/api/patternfly.utils.directive.pfTransclude.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/utils/transclude-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/utils/transclude-directive.js#L95" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfTransclude</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/utils/transclude-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/utils/transclude-directive.js#L95" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfTransclude</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.utils</code>
 </span>
 </div>
@@ -20,10 +20,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </ul></div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-utils-directive-page patternfly-utils-directive-pftransclude-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.utils" source-edit-deps="angular.js script.js" source-edit-html="index.html-88" source-edit-css="" source-edit-js="script.js-89" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.utils" source-edit-deps="angular.js script.js" source-edit-html="index.html-39" source-edit-css="" source-edit-js="script.js-40" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-88" ng-html-wrap-loaded="patternfly.utils angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-88">
+<pre class="prettyprint linenums" ng-set-text="index.html-39" ng-html-wrap-loaded="patternfly.utils angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-39">
   <div ng-controller="UtilCtrl" class="row pf-transclude-example" style="display:inline-block; width: 100%;">
     <span>Here the scope id is: <id>{{$id}}</id></span>
 
@@ -42,8 +42,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-89"></pre>
-<script type="text/ng-template" id="script.js-89">
+<pre class="prettyprint linenums" ng-set-text="script.js-40"></pre>
+<script type="text/ng-template" id="script.js-40">
   angular.module('patternfly.utils')
     .controller( 'UtilCtrl', function($scope) {
 
@@ -99,6 +99,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.utils" ng-set-html="index.html-88" ng-eval-javascript="script.js-89"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.utils" ng-set-html="index.html-39" ng-eval-javascript="script.js-40"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.validation.pfValidation.html b/dist/docs/partials/api/patternfly.validation.pfValidation.html
index 0b07f4571..4332ff35d 100644
--- a/dist/docs/partials/api/patternfly.validation.pfValidation.html
+++ b/dist/docs/partials/api/patternfly.validation.pfValidation.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/validation/validation.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/validation/validation.js#L72" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfValidation</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/validation/validation.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/validation/validation.js#L72" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfValidation</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly</code>
 </span>
 </div>
@@ -18,10 +18,10 @@ <h4 id="usage_directive-info_parameters">Parameters</h4><table class="variables-
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-validation-page patternfly-validation-pfvalidation-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.validation" source-edit-deps="angular.js script.js" source-edit-html="index.html-90" source-edit-css="" source-edit-js="script.js-91" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.validation" source-edit-deps="angular.js script.js" source-edit-html="index.html-41" source-edit-css="" source-edit-js="script.js-42" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-90" ng-html-wrap-loaded="patternfly.validation angular.js script.js"></pre>
-<script type="text/ng-template" id="index.html-90">
+<pre class="prettyprint linenums" ng-set-text="index.html-41" ng-html-wrap-loaded="patternfly.validation angular.js script.js"></pre>
+<script type="text/ng-template" id="index.html-41">
     <div ng-controller="ValidationDemoCtrl">
     <form class="form-horizontal">
 
@@ -60,8 +60,8 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-91"></pre>
-<script type="text/ng-template" id="script.js-91">
+<pre class="prettyprint linenums" ng-set-text="script.js-42"></pre>
+<script type="text/ng-template" id="script.js-42">
     angular.module( 'patternfly.validation' ).controller( 'ValidationDemoCtrl', function( $scope ) {
       $scope.myValue = "Change this value to be a number";
       $scope.myValueValid = 42;
@@ -78,6 +78,6 @@ <h2 id="example">Example</h2>
   </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.validation" ng-set-html="index.html-90" ng-eval-javascript="script.js-91"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.validation" ng-set-html="index.html-41" ng-eval-javascript="script.js-42"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.views.directive.pfCardView.html b/dist/docs/partials/api/patternfly.views.directive.pfCardView.html
index 64727f6a8..f43e708e7 100644
--- a/dist/docs/partials/api/patternfly.views.directive.pfCardView.html
+++ b/dist/docs/partials/api/patternfly.views.directive.pfCardView.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/views/cardview/card-view-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/views/cardview/card-view-directive.js#L194" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfCardView</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/views/cardview/card-view-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/views/cardview/card-view-directive.js#L194" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfCardView</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.views</code>
 </span>
 </div>
@@ -31,10 +31,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-views-directive-page patternfly-views-directive-pfcardview-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.views" source-edit-deps="angular.js patternfly.utils script.js" source-edit-html="index.html-92" source-edit-css="" source-edit-js="script.js-93" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.views" source-edit-deps="angular.js patternfly.utils script.js" source-edit-html="index.html-43" source-edit-css="" source-edit-js="script.js-44" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-92" ng-html-wrap-loaded="patternfly.views angular.js patternfly.utils script.js"></pre>
-<script type="text/ng-template" id="index.html-92">
+<pre class="prettyprint linenums" ng-set-text="index.html-43" ng-html-wrap-loaded="patternfly.views angular.js patternfly.utils script.js"></pre>
+<script type="text/ng-template" id="index.html-43">
   <style>
     hr {
      display: block;
@@ -108,8 +108,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-93"></pre>
-<script type="text/ng-template" id="script.js-93">
+<pre class="prettyprint linenums" ng-set-text="script.js-44"></pre>
+<script type="text/ng-template" id="script.js-44">
 angular.module('patternfly.views').controller('ViewCtrl', ['$scope',
 function ($scope) {
        $scope.eventText = '';
@@ -201,6 +201,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.views" ng-set-html="index.html-92" ng-eval-javascript="script.js-93"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.views" ng-set-html="index.html-43" ng-eval-javascript="script.js-44"></div>
 </div></div>
 </div>
diff --git a/dist/docs/partials/api/patternfly.views.directive.pfListView.html b/dist/docs/partials/api/patternfly.views.directive.pfListView.html
index d2010f592..99268e0bc 100644
--- a/dist/docs/partials/api/patternfly.views.directive.pfListView.html
+++ b/dist/docs/partials/api/patternfly.views.directive.pfListView.html
@@ -1,4 +1,4 @@
-<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/views/listview/list-view-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/58d0b43/src/views/listview/list-view-directive.js#L292" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfListView</code>
+<a href="https://github.com/patternfly/angular-patternfly/edit/master/src/views/listview/list-view-directive.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/patternfly/angular-patternfly/blob/3f89212/src/views/listview/list-view-directive.js#L292" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">pfListView</code>
 <div><span class="hint">directive in module <code ng:non-bindable="">patternfly.views</code>
 </span>
 </div>
@@ -50,10 +50,10 @@ <h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table ta
 </div></td></tr></tbody></table></div>
 <h2 id="example">Example</h2>
 <div class="example"><div class="patternfly-views-directive-page patternfly-views-directive-pflistview-page"><h4 id="example_source">Source</h4>
-<div source-edit="patternfly.views" source-edit-deps="angular.js patternfly.utils script.js" source-edit-html="index.html-94" source-edit-css="" source-edit-js="script.js-95" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
+<div source-edit="patternfly.views" source-edit-deps="angular.js patternfly.utils script.js" source-edit-html="index.html-45" source-edit-css="" source-edit-js="script.js-46" source-edit-json="" source-edit-unit="" source-edit-scenario=""></div>
 <div class="tabbable"><div class="tab-pane" title="index.html">
-<pre class="prettyprint linenums" ng-set-text="index.html-94" ng-html-wrap-loaded="patternfly.views angular.js patternfly.utils script.js"></pre>
-<script type="text/ng-template" id="index.html-94">
+<pre class="prettyprint linenums" ng-set-text="index.html-45" ng-html-wrap-loaded="patternfly.views angular.js patternfly.utils script.js"></pre>
+<script type="text/ng-template" id="index.html-45">
   <div ng-controller="ViewCtrl" class="row example-container">
     <div class="col-md-12 list-view-container">
       <div pf-list-view class="example-list-view" id="exampleListView"
@@ -129,8 +129,8 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 <div class="tab-pane" title="script.js">
-<pre class="prettyprint linenums" ng-set-text="script.js-95"></pre>
-<script type="text/ng-template" id="script.js-95">
+<pre class="prettyprint linenums" ng-set-text="script.js-46"></pre>
+<script type="text/ng-template" id="script.js-46">
 angular.module('patternfly.views').controller('ViewCtrl', ['$scope',
     function ($scope) {
       $scope.eventText = '';
@@ -303,6 +303,6 @@ <h2 id="example">Example</h2>
 </script>
 </div>
 </div><h4 id="example_demo">Demo</h4>
-<div class="well doc-example-live animate-container" ng-embed-app="patternfly.views" ng-set-html="index.html-94" ng-eval-javascript="script.js-95"></div>
+<div class="well doc-example-live animate-container" ng-embed-app="patternfly.views" ng-set-html="index.html-45" ng-eval-javascript="script.js-46"></div>
 </div></div>
 </div>
diff --git a/package.json b/package.json
index dea4fa2d3..79bf6ed99 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "author": "Red Hat",
   "name": "angular-patternfly",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "license": "Apache-2.0",
   "description": "Angular extension of the PatternFly project.",
   "homepage": "https://github.com/patternfly/angular-patternfly",