rebuild

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-material-expansion-panel",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Material Design Expansion Panels.",
   "main": [
     "dist/md-expansion-panel.js",

dist/md-expansion-panel.css

@@ -1,28 +1,29 @@
-md-expansion-panel md-expansion-panel-collapsed,
-md-expansion-panel .md-expansion-panel-footer-container,
-md-expansion-panel .md-expansion-panel-header-container {
+md-expansion-panel {
   background: #FFF; }
-  md-expansion-panel md-expansion-panel-collapsed .md-title,
-  md-expansion-panel md-expansion-panel-collapsed .md-summary,
-  md-expansion-panel .md-expansion-panel-footer-container .md-title,
-  md-expansion-panel .md-expansion-panel-footer-container .md-summary,
-  md-expansion-panel .md-expansion-panel-header-container .md-title,
-  md-expansion-panel .md-expansion-panel-header-container .md-summary {
-    color: #333; }
-
-md-expansion-panel md-expansion-panel-footer .md-expansion-panel-footer-container,
-md-expansion-panel md-expansion-panel-header .md-expansion-panel-header-container {
-  border-color: #DDD; }
-
-md-expansion-panel .md-expansion-panel-icon-container .md-expansion-panel-icon {
-  color: #999; }
-
-md-expansion-panel[disabled] md-expansion-panel-collapsed {
-  color: #DDD; }
-
-md-expansion-panel:not(.md-open):not([disabled]):focus,
-md-expansion-panel:not(.md-open):not([disabled]):focus md-expansion-panel-collapsed {
-  background: #EEE; }
+  md-expansion-panel md-expansion-panel-collapsed,
+  md-expansion-panel .md-expansion-panel-footer-container,
+  md-expansion-panel .md-expansion-panel-header-container {
+    background: #FFF; }
+    md-expansion-panel md-expansion-panel-collapsed .md-title,
+    md-expansion-panel md-expansion-panel-collapsed .md-summary,
+    md-expansion-panel .md-expansion-panel-footer-container .md-title,
+    md-expansion-panel .md-expansion-panel-footer-container .md-summary,
+    md-expansion-panel .md-expansion-panel-header-container .md-title,
+    md-expansion-panel .md-expansion-panel-header-container .md-summary {
+      color: #333; }
+  md-expansion-panel md-expansion-panel-footer .md-expansion-panel-footer-container,
+  md-expansion-panel md-expansion-panel-header .md-expansion-panel-header-container {
+    border-color: #DDD; }
+  md-expansion-panel .md-expansion-panel-icon-container .md-expansion-panel-icon {
+    color: #999; }
+  md-expansion-panel[disabled] md-expansion-panel-collapsed {
+    color: #DDD; }
+  md-expansion-panel:not(.md-open):not([disabled]):focus,
+  md-expansion-panel:not(.md-open):not([disabled]):focus md-expansion-panel-collapsed {
+    background: #EEE; }
+
+.layout-padding > md-expansion-panel-group {
+  padding: 0; }
 
 /* --- Expansion Panel --- */
 md-expansion-panel {
@@ -98,8 +99,7 @@ md-expansion-panel-collapsed {
 /* --- Expansion Panel Expanded --- */
 md-expansion-panel-expanded {
   display: none;
-  min-height: 48px;
-  line-height: 48px; }
+  min-height: 48px; }
   md-expansion-panel-expanded.md-show {
     -webkit-transition: max-height 0.12s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.12s cubic-bezier(0.25, 0.8, 0.25, 1);
     transition: max-height 0.12s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.12s cubic-bezier(0.25, 0.8, 0.25, 1); }

dist/md-expansion-panel.js

@@ -677,6 +677,7 @@ function expansionPanelGroupDirective() {
     var deregister;
     var registered = {};
     var panels = {};
+    var onChangeFuncs = [];
     var multipleExpand = $attrs.mdMultiple !== undefined || $attrs.multiple !== undefined;
     var autoExpand = $attrs.mdAutoExpand !== undefined || $attrs.autoExpand !== undefined;
 
@@ -686,7 +687,9 @@ function expansionPanelGroupDirective() {
       register: register,
       getRegistered: getRegistered,
       remove: remove,
-      removeAll: removeAll
+      removeAll: removeAll,
+      onChange: onChange,
+      count: panelCount
     }, $attrs.mdComponentId);
 
     vm.addPanel = addPanel;
@@ -708,12 +711,30 @@ function expansionPanelGroupDirective() {
     });
 
 
+
+    function onChange(callback) {
+      onChangeFuncs.push(callback);
+
+      return function () {
+        onChangeFuncs.splice(onChangeFuncs.indexOf(callback), 1);
+      };
+    }
+
+    function callOnChange() {
+      var count = panelCount();
+      onChangeFuncs.forEach(function (func) {
+        func(count);
+      });
+    }
+
+
     function addPanel(componentId, panelCtrl) {
       panels[componentId] = panelCtrl;
       if (autoExpand === true) {
         panelCtrl.expand();
         closeOthers(componentId);
       }
+      callOnChange();
     }
 
     function expandPanel(componentId) {
@@ -732,6 +753,11 @@ function expansionPanelGroupDirective() {
 
     function removePanel(componentId) {
       delete panels[componentId];
+      callOnChange();
+    }
+
+    function panelCount() {
+      return Object.keys(panels).length;
     }
 
     function closeOthers(id) {
@@ -836,7 +862,9 @@ function expansionPanelGroupService($mdComponentRegistry, $mdUtil, $mdExpansionP
       add: add,
       register: register,
       remove: remove,
-      removeAll: removeAll
+      removeAll: removeAll,
+      onChange: onChange,
+      count: count
     };
 
     return service;
@@ -859,6 +887,14 @@ function expansionPanelGroupService($mdComponentRegistry, $mdUtil, $mdExpansionP
       instance.removeAll();
     }
 
+    function onChange(callback) {
+      return instance.onChange(callback);
+    }
+
+    function count() {
+      return instance.count();
+    }
+
 
     function add(options, locals) {
       locals = locals || {};