fix(options): do not identify options by index, otherwise changing op…

…tions won't work

use hash code instead of index for 'track by'

.jshintrc

@@ -43,7 +43,7 @@
   "asi"           : false,  // Tolerate Automatic Semicolon Insertion (no semicolons).
   "laxbreak"      : false,   // Tolerate unsafe line breaks e.g. `return [\n] x` without semicolons.
   "laxcomma"      : true,   // Tolerate line breaking before ','
-  "bitwise"       : true,   // Prohibit bitwise operators (&, |, ^, etc.).
+  "bitwise"       : false,   // Prohibit bitwise operators (&, |, ^, etc.).
   "boss"          : false,  // Tolerate assignments inside if, for & while. Usually conditions & loops are for comparison, not assignments.
   "curly"         : true,   // Require {} for every new block or scope.
   "eqeqeq"        : true,   // Require triple equals i.e. `===`.

src/w11k-select.js

@@ -348,7 +348,7 @@ angular.module('w11k.select').directive('w11kSelect', [
         var optionsExpParsed = optionParser.parse(optionsExp);
 
         function collection2options(collection, viewValue) {
-          return collection.map(function (option, index) {
+          return collection.map(function (option) {
             var optionValue = modelElement2value(option);
             var optionLabel = modelElement2label(option);
 
@@ -361,7 +361,7 @@ angular.module('w11k.select').directive('w11kSelect', [
             }
 
             return {
-              index: index,
+              hash: hashCode(option).toString(36),
               label: optionLabel,
               model: option,
               selected: selected
@@ -552,6 +552,57 @@ angular.module('w11k.select').directive('w11kSelect', [
 
           return optionsExpParsed.label(context);
         }
+
+        // inspired by https://github.com/stuartbannerman/hashcode
+        var hashCode = (function () {
+          var stringHash = function (string) {
+            var result = 0;
+            for (var i = 0; i < string.length; i++) {
+              result = (((result << 5) - result) + string.charCodeAt(i)) | 0;
+            }
+            return result;
+          };
+
+          var primitiveHash = function (primitive) {
+            var string = primitive.toString();
+            return stringHash(string);
+          };
+
+          var objectHash = function (obj) {
+            var result = 0;
+            for (var property in obj) {
+              if (obj.hasOwnProperty(property)) {
+                result += primitiveHash(property + hash(obj[property]));
+              }
+            }
+            return result;
+          };
+
+          var hash = function (value) {
+            var typeHashes = {
+              'string' : stringHash,
+              'number' : primitiveHash,
+              'boolean' : primitiveHash,
+              'object' : objectHash
+              // functions are excluded because they are not representative of the state of an object
+              // types 'undefined' or 'null' will have a hash of 0
+            };
+
+            var type = typeof value;
+
+            if (value === null || value === undefined) {
+              return 0;
+            }
+            else if (typeHashes[type] !== undefined) {
+              return typeHashes[type](value) + primitiveHash(type);
+            }
+            else {
+              return 0;
+            }
+          };
+
+          return hash;
+        })();
       }
     };
   }

src/w11k-select.tpl.html

@@ -42,7 +42,7 @@
     </div>
     <div class="content" infinite-scroll="showMoreOptions()" infinite-scroll-distance="0.5">
       <ul class="items list-unstyled">
-        <li bindonce="option" ng-repeat="option in optionsToShow track by option.index" ng-click="select(option)" ng-class="{'selected': option.selected }">
+        <li bindonce="option" ng-repeat="option in optionsToShow track by option.hash" ng-click="select(option)" ng-class="{'selected': option.selected }">
           <div class="state">
             <input type="checkbox" ng-model="option.selected" ng-change="onOptionStateChange()" ng-click="onOptionStateClick($event)">
           </div>