fix a bug where menus would modify item objects passed by reference

source/Ox.UI/js/Form/Ox.Filter.js

@@ -139,12 +139,9 @@ Ox.Filter = function(options, self) {
                 width: 120
             }),
             Ox.Select({
-                /*
                 items: self.options.sortKeys.map(function(sortKey) {
-                    return {id: sortKey.id, title: sortKey.title[0]}; // fixme: title should not have become an array
+                    return {id: sortKey.id, title: sortKey.title};
                 }),
-                */
-                items: self.options.sortKeys,
                 width: 128
             }),
             Ox.FormElementGroup({
@@ -188,7 +185,7 @@ Ox.Filter = function(options, self) {
         ]
     });
 
-    /*
+    ///*
     // fixme: sortKeys have been altered, probably by some select
     Ox.print('s.o.sK', self.options.sortKeys)
     self.$sort = Ox.InputGroup({
@@ -205,7 +202,7 @@ Ox.Filter = function(options, self) {
             {title: 'By default, sort by', width: 112}
         ]
     });
-    */
+    //*/
 
     self.$save = Ox.InputGroup({
         inputs: [
@@ -222,7 +219,7 @@ Ox.Filter = function(options, self) {
         ]
     });
 
-    self.$items = [self.$operator, self.$limit, self.$view/*, self.$sort*/, self.$save];
+    self.$items = [self.$operator, self.$limit, self.$view, self.$sort, self.$save];
 
     self.$form = Ox.Form({
         items: self.$items

source/Ox.UI/js/Form/Ox.OptionGroup.js

@@ -2,6 +2,7 @@
 
 /*@
 Ox.OptionGroup <f> OptionGroup
+    Helper object, used by ButtonGroup, CheckboxGroup, Select and Menu
     (items, min, max, property) -> <f> OptionGroup
     items <a> array of items
     min <n> minimum number of selected items
@@ -11,9 +12,6 @@ Ox.OptionGroup <f> OptionGroup
 
 Ox.OptionGroup = function(items, min, max, property) {
 
-    /*
-        to be used by ButtonGroup, CheckboxGroup, Select and Menu
-    */
     var length = items.length;
     property = property || 'checked';
     max = max == -1 ? length : max;

source/Ox.UI/js/Menu/Ox.MenuItem.js

@@ -36,7 +36,7 @@ Ox.MenuItem = function(options, self) {
                 position: 0,
                 title: [],
             })
-            .options(Ox.extend(options, {
+            .options(Ox.extend(Ox.clone(options), {
                 keyboard: parseKeyboard(options.keyboard || self.defaults.keyboard),
                 title: Ox.toArray(options.title || self.defaults.title)
             }))