v4.0.0

Author: isteven

CHANGELOG.md

@@ -1,3 +1,13 @@
+### v4.0.0
+##### Added / Updated
+- You can now customize output-model properties that you need, instead of having all data.
+- <a href="https://github.com/isteven/angular-multi-select/issues/201">#201</a> (and other related issues) DOM bug is now fixed.
+- <a href="https://github.com/isteven/angular-multi-select/issues/205">#205</a> (and other related issues) CSS bug is now fixed.
+- <a href="https://github.com/isteven/angular-multi-select/issues/207">#207</a> (and other related issues) You can now update the directive by modifying the input-model as usual.
+
+##### Deprecated / Breaking Changes
+- input-model behaviour is now back like v2.x.x. If you don't re-use your input-model, you should be safe. 
+
 ### v3.0.0
 ##### Added / Updated
 - Support for AngularJs version 1.3.x (v3.0.0 also supports AngularJs 1.2.x, but beware of the breaking changes)

README.md

@@ -8,7 +8,7 @@ Doesn't require jQuery and works well with other Javascript libraries.
 Go to http://isteven.github.io/angular-multi-select
 
 ### Current Version
-3.0.0
+4.0.0
 
 ### Change Log
 See <a href="https://github.com/isteven/angular-multi-select/blob/master/CHANGELOG.md">CHANGELOG.md</a>. 

bower.json

@@ -1,6 +1,6 @@
 {
     "name"      : "isteven-angular-multiselect",
-    "version"   : "v3.0.0",
+    "version"   : "v4.0.0",
     "main"      : [
         "isteven-multi-select.js",
         "isteven-multi-select.css"

doc/css/bootstrap.min.css

@@ -58,6 +58,13 @@
     background-image: linear-gradient(#fff, #e9e9e9);    
 }
 
+/* button: disabled */
+.multiSelect > button:disabled {
+    background-image: linear-gradient(#fff, #fff);      
+    border: 1px solid #ddd;    
+    color: #999;
+}
+
 /* button: clicked */
 .multiSelect .buttonClicked {
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -166,13 +173,17 @@
     color: #999;    
     background-color: #f4f4f4;    
 }
+.multiSelect .helperButton:disabled {
+    color: #ccc;    
+    border: 1px solid #ddd;
+}
 
 .multiSelect .clearButton:focus,
 .multiSelect .helperButton:focus,
 .multiSelect .inputFilter:focus {
     border: 1px solid #66AFE9 !important;
     outline: 0;
-    -webkit-box-shadow: box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
+    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
             box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
 }
 

doc/css/isteven-multi-select.css

@@ -88,6 +88,12 @@ <h5>AngularJs MultiSelect &nbsp;&nbsp;<span class="fa fa-home"></span></h5>
                     <li class="subMenu">
                         <a href="#/demo-grouping">Grouping</a>
                     </li>
+                    <li class="subMenu">
+                        <a href="#/demo-helper-elements">Helper Elements</a>
+                    </li>                                      
+                    <li class="subMenu">
+                        <a href="#/demo-output-properties">Output Properties</a>
+                    </li>                                                  
                     <li class="subMenu">
                         <a href="#/demo-callbacks">Callbacks</a>
                     </li>