Made the render an option. Preview shows all now.

generator/generate.html

@@ -10,7 +10,7 @@
     <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.min.css" />
     <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap-theme.min.css" />
     <!-- Library: Bootstrap typeahead -->
-    <script type="text/javascript" src="lib/typeahead/bootstrap3-typeahead.js" charset="utf-8"></script>
+    <script type="text/javascript" src="lib/typeahead/bootstrap3-typeahead.min.js" charset="utf-8"></script>
     <!-- Library: Color picker -->
     <link href="lib/colorpicker/css/bootstrap-colorselector.css" rel="stylesheet" />
     <script type="text/javascript" src="lib/colorpicker/js/bootstrap-colorselector.js" charset="utf-8"></script>

generator/js/ui.js

@@ -456,7 +456,27 @@ function local_store_load() {
 $(document).ready(function () {
     local_store_load();
     ui_setup_color_selector();
-    $('.icon-list').typeahead({source:icon_names});
+    $('.icon-list').typeahead({
+        source:icon_names,
+        items: 'all',
+        render: function (items) {
+          var that = this;
+
+          items = $(items).map(function (i, item) {
+            i = $(that.options.item).data('value', item);
+            i.find('a').html(that.highlighter(item));
+            var classname = 'icon-' + item.split(' ').join('-').toLowerCase()
+            i.find('a').append('<span class="' + classname + '"></span>')
+            return i[0];
+          });
+
+          if (this.autoSelect) {
+            items.first().addClass('active');
+          }
+          this.$menu.html(items);
+          return this;
+        }
+    });
 
     $("#button-generate").click(ui_generate);
     $("#button-load").click(function () { $("#file-load").click(); });

generator/lib/typeahead/bootstrap3-typeahead.js

@@ -204,8 +204,6 @@
       items = $(items).map(function (i, item) {
         i = $(that.options.item).data('value', item);
         i.find('a').html(that.highlighter(item));
-        var classname = 'icon-' + item.split(' ').join('-').toLowerCase()
-        i.find('a').append('<span class="' + classname + '"></span>')
         return i[0];
       });