right-rails 0.3.0

data/javascripts/right-selectable-src.js

@@ -0,0 +1,507 @@
+/**
+ * Selectable unit for RightJS (http://rightjs.org/ui/selectable)
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+if (!self.RightJS) throw "Gimme RightJS";
+
+/**
+ * Selectable unit main script
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+var Selectable = new Class(Observer, {
+  extend: {
+    EVENTS: $w('change select unselect disable enable hover leave show hide'),
+    
+    Options: {
+      options:    null,    // a hash of key-value pairs
+      selected:   null,    // an array of selected keys
+      disabled:   null,    // an array of disabled keys
+      
+      multiple:   true,    // a flag if it shoulde a multiselect or a single select widget
+      
+      fxName:     'slide', // the drop-down options list fx-name null, 'slide', 'fade'
+      fxDuration: 'short', // the drop-down options list fx-duration
+      
+      update:     null,    // a field to be assigned to
+      parseIds:   false,   // if it should parse integer ids out of the keys
+      
+      refresh:    true     // a flag if it should automatically refresh the items list
+    },
+    
+    rescan: function() {
+      $$('*.right-selectable').each(function(element) {
+        if (!element._selectable) {
+          new Selectable(element);
+        }
+      });
+    }
+  },
+  
+  // css-classes
+  baseClass:      'right-selectable',
+  singleClass:    'right-selectable-single',
+  selectedClass:  'right-selectable-selected',
+  disabledClass:  'right-selectable-disabled',
+  containerClass: 'right-selectable-container',
+  
+  /**
+   * Basic constructor
+   *
+   * @param mixed reference to an element or the options hash
+   * @param Object options hash
+   */
+  initialize: function() {
+    var args = $A(arguments);
+    
+    if (args[0] && !isHash(args[0])) this.element = $(args[0]);
+    this.$super(isHash(args.last()) ? args.last() : this.element ?
+      eval('('+this.element.get('data-selectable-options')+')') : null);
+    if (!this.element) this.element = this.build();
+    
+    this.element._selectable = this.init();
+  },
+  
+  // standard descructor
+  destroy: function() {
+    this.items.each(function(item) {
+      item.stopObserving('click',   this.onClick)
+        .stopObserving('mouseout',  this.onMouseout)
+        .stopObserving('mouseover', this.onMouseover)
+        .stopObserving('mousedown', this.onMousedown)
+        .stopObserving('mouseup',   this.onMouseup);
+    }, this);
+    
+    delete(this.element._selectable);
+  },
+  
+  /**
+   * Sets the value
+   *
+   * @param Array of selectee keys
+   * @return Selectable this
+   */
+  setValue: function(value) {
+    // parsing the value
+    if (isString(value)) value = value.split(',').map('trim').filter(function(s) { return !s.blank(); });
+    
+    // resetting the selections
+    this.items.each('removeClass', this.selectedClass);
+    
+    // selecting the value
+    var items = this.mapEnabled(value).each('addClass', this.selectedClass);
+    if (this.isSingle) this.showItem(items[0]);
+    
+    return this.calcValue();
+  },
+  
+  /**
+   * Returns the list of selected items
+   *
+   * @return Array of selectees
+   */
+  getValue: function() {
+    return this.value;
+  },
+  
+  /**
+   * Inserts the widget into the element at the given position
+   *
+   * @param mixed element reference
+   * @param String optional position
+   * @return Selectable this
+   */
+  insertTo: function(element, position) {
+    this.element.insertTo(element, position);
+    if (this.isSingle) this.container.insertTo(this.element, 'before');
+    return this;
+  },
+  
+  /**
+   * Assigns the widget to work in pair with the input element
+   *
+   * @param mixed an element reference
+   * @return Selectable this
+   */
+  assignTo: function(element) {
+    var assign  = function(element, value) {
+      if (element = $(element)) {
+        if (value === undefined || value === null) value = '';
+        element[element.setValue ? 'setValue' : 'update'](''+value);
+      }
+    }.curry(element);
+    
+    var connect = function(element, object) {
+      var element = $(element);
+      if (element && element.onChange) {
+        element.onChange(function() {
+          this.setValue(element.value);
+        }.bind(object));
+      }
+    }.curry(element);
+    
+    if ($(element)) {
+      assign(this.value);
+      connect(this);
+    } else {
+      document.onReady(function() {
+        assign(this.value);
+        connect(this);
+      }.bind(this));
+    }
+    
+    return this.onChange(assign);
+  },
+  
+  /**
+   * disables the given key or keys
+   * NOTE: if no keys specified, then all the items will be disabled
+   *
+   * @param mixed optional key or keys to disable
+   * @return Selectable this
+   */
+  disable: function(keys) {
+    this.mapOrAll(keys).each(function(item) {
+      this.fire('disable', item.addClass(this.disabledClass));
+    }, this);
+    return this;
+  },
+  
+  /**
+   * disables the given key or keys
+   * NOTE: if no keys specified, then all the items will be enabled
+   *
+   * @param mixed optional key or keys to enable
+   * @return Selectable this
+   */
+  enable: function(keys) {
+    this.mapOrAll(keys).each(function(item) {
+      this.fire('enable', item.removeClass(this.disabledClass));
+    }, this);
+    return this;
+  },
+  
+  /**
+   * Checks if the given key or keys are disabled
+   * NOTE: if no keys specified, then will check if all the items are disabled
+   *
+   * @param mixed optional key or keys to enable
+   * @return Selectable this
+   */
+  disabled: function(keys) {
+    return this.mapOrAll(keys).every('hasClass', this.disabledClass);
+  },
+  
+  /**
+   * selects item(s) that refers to the given key or keys
+   *
+   * @param mixed key or keys
+   * @return Selectable this
+   */
+  select: function(keys) {
+    var items = this.mapEnabled(keys);
+    
+    if (this.isSingle && items) {
+      this.items.each('removeClass', this.selectedClass);
+      items = [items[0]];
+    }
+    
+    items.each(function(item) {
+      this.fire('select', item.addClass(this.selectedClass));
+    }, this);
+    
+    return this;
+  },
+  
+  /**
+   * Unselects item(s) that refers to the given key or keys
+   *
+   * @param mixed key or keys
+   * @return Selectable this
+   */
+  unselect: function(keys) {
+    this.mapEnabled(keys).each(function(item) {
+      this.fire('unselect', item.removeClass(this.selectedClass));
+    }, this);
+    return this;
+  },
+  
+  /**
+   * Checks if item(s) are selected
+   *
+   * @param mixed key or keys
+   * @return Boolean check result
+   */
+  selected: function(keys) {
+    return this.mapEnabled(keys).every('hasClass', this.selectedClass);
+  },
+  
+  /**
+   * Checks for new selectees in the element and updates the internal index
+   *
+   * @return Selectable this
+   */
+  refresh: function() {
+    this.items = this.element.select('li').each(function(item) {
+      if (!this.items || !this.items.include(item)) {
+        item.on({
+          click:     this.onClick,
+          mouseup:   this.onMouseup,
+          mousedown: this.onMousedown,
+          mouseover: this.onMouseover,
+          mouseout:  this.onMouseout
+        });
+      }
+    }, this);
+    
+    return this;
+  },
+  
+// protected
+
+  // initis the widget
+  init: function() {
+    this.element.addClass(this.baseClass);
+    
+    if (this.isSingle = !this.options.multiple || this.element.hasClass(this.singleClass)) {
+      this.buildSingle().element.addClass(this.singleClass);
+    }
+    
+    // creating static callbacks so they could be detached
+    this.onMousedown = this.mousedown.bind(this);
+    this.onMouseup   = this.mouseup.bind(this);
+    this.onMouseover = this.mouseover.bind(this);
+    this.onMouseout  = this.mouseout.bind(this);
+    this.onClick     = this.click.bind(this);
+    
+    this.value = null;
+    this.refresh().onSelect('calcValue').onUnselect('calcValue');
+    
+    if (this.isSingle)         this.onSelect('showItem');
+    if (this.options.disabled) this.disable(this.options.disabled);
+    if (this.options.selected) this.select(this.options.selected);
+    if (this.options.update)   this.assignTo(this.options.update);
+    if (this.isSingle) {
+      if (this.options.selected === null) this.select(this.items[0]);
+      this.onSelect('hideList'); // don't move it upper, it will force the hide effect
+    }
+    
+    // auto-refresh feature
+    if (this.options.refresh) {
+      var old_insert = this.element.update;
+      this.element.update = function() {
+        var result = old_insert.apply(this.element, arguments);
+        this.refresh();
+        return result;
+      }.bind(this);
+    }
+    
+    return this;
+  },
+  
+  // calculates the value out of the selected items
+  calcValue: function() {
+    if (this.isSingle) {
+      var item  = this.items.first('hasClass', this.selectedClass);
+      var value = item ? this.itemValue(item) : null;
+    } else {
+      var value = this.items.filter('hasClass', this.selectedClass).map(function(item) {
+        return this.itemValue(item);
+      }, this);
+    }
+    
+    if (value != this.value) {
+      this.value = value;
+      this.fire('change', value, this);
+    }
+    
+    return this;
+  },
+  
+  // finds out the value for the item
+  itemValue: function(item) {
+    return item.id ? this.options.parseIds ? item.id.match(/\d+/) : item.id : this.items.indexOf(item);
+  },
+  
+  // wrapping the events trigger to feed it with some more options
+  fire: function(name, item) {
+    if (item && item.tagName) {
+      this.$super(name, item, this.items.indexOf(item), this);
+    } else {
+      this.$super.apply(this, arguments);
+    }
+    return this;
+  },
+  
+  // collects the item elements by the various key defs
+  map: function(keys) {
+    if (!isArray(keys)) keys = [keys];
+    
+    return keys.map(function(key) {
+      var index = (isString(key) && /^\d+$/.test(key)) ? key.toInt() : key, item = key;
+      
+      if (isNumber(index)) {
+        item = this.items[index];
+      } else if(isString(key)) {
+        item = this.items.first(function(i) { return i.id == key; });
+      }
+      
+      return item;
+    }, this).compact();
+  },
+  
+  // returns matching items or all of them if there's no key
+  mapOrAll: function(keys) {
+    return keys ? this.map(keys) : this.items;
+  },
+  
+  // maps and filters only enabled items
+  mapEnabled: function(keys) {
+    return this.mapOrAll(keys).filter(function(item) {
+      return !item.hasClass(this.disabledClass);
+    }, this);
+  },
+  
+  // onmousedown callback
+  mousedown: function(event) {
+    event.stop();
+    var item = event.target;
+    
+    if (!this.disabled(item)) {
+      if (this.isSingle) {  // single-selects are always select
+        this.select(item);
+      } else if (this.selected(item)) {
+        this.unselect(item);
+        this._massRemove = true; // mass-removing start
+      } else {
+        this.select(item);
+        this._massSelect = true; // mass-selection start
+      }
+      
+      // mass-selection with a shift/meta key
+      if ((event.shiftKey || event.metaKey) && this._prevItem) {
+        var index1 = this.items.indexOf(this._prevItem);
+        var index2 = this.items.indexOf(item);
+        
+        if (index1 != index2) {
+          if (index1 > index2) {
+            var t = index1;
+            index1 = index2;
+            index2 = index1;
+          }
+            
+          for (var i=index1; i < index2; i++) {
+            this[this._prevItem.hasClass(this.selectedClass) ? 'select' : 'unselect'](this.items[i]);
+          }
+        }
+      }
+      
+      this._prevItem = item;
+    }
+  },
+  
+  // onmouseup callback
+  mouseup: function(event) {
+    event.stop();
+    this._massRemove = this._massSelect = false; // mass-selection stop
+  },
+  
+  // mouseover callback
+  mouseover: function(event) {
+    var item = event.target;
+    this.fire('hover', item);
+    
+    if (!this.isSingle) {
+      if (this._massSelect) {
+        this.select(item);
+      } else if (this._massRemove) {
+        this.unselect(item);
+      }
+    }
+  },
+  
+  // mouseout callback
+  mouseout: function(event) {
+    this.fire('leave', event.target);
+  },
+  
+  // mouseclick callback
+  click: function(event) {
+    event.stop();
+  },
+  
+  // builds the widget programmatically
+  build: function() {
+    var element = $E('ul'), options = this.options.options;
+    
+    if (isArray(options)) {
+      options.each(function(option) {
+        element.insert($E('li', {html: option}));
+      });
+    } else {
+      for (var key in options) {
+        element.insert($E('li', {id: key, html: options[key]}));
+      }
+    }
+    
+    return element;
+  },
+  
+  // builds a container for a single-select
+  buildSingle: function() {
+    this.container = $E('div', {'class': this.containerClass})
+      .insert([$E('div', {'html': '&bull;', 'class': 'right-selectable-handle'}), $E('ul')])
+      .insertTo(this.element, 'before')
+      .onClick(this.showList.bind(this));
+      
+    document.onClick(this.hideList.bind(this));
+    
+    return this;
+  },
+  
+  // shows list for the single-selects
+  showList: function(event) {
+    event.stop();
+    if (this.isSingle) {
+      var dims = this.container.dimensions();
+
+      this.element.setStyle({
+        top: (dims.top + dims.height) + 'px',
+        left: dims.left + 'px',
+        width: dims.width + 'px'
+      }).show(this.options.fxName, {
+        duration: this.options.fxDuration,
+        onFinish: this.fire.bind(this, 'show', this)
+      });
+      
+      if (!this.options.fxName) this.fire('show', this);
+    }
+  },
+  
+  // hides the list for the single-selects
+  hideList: function() {
+    if (this.isSingle && this.element.visible()) {
+      this.element.hide(this.options.fxName, {
+        duration: this.options.fxDuration,
+        onFinish: this.fire.bind(this, 'hide', this)
+      });
+      
+      if (!this.options.fxName) this.fire('hide', this);
+    }
+  },
+  
+  // shows the item in the main view of a single-selector
+  showItem: function(item) {
+    this.container.first('ul').update(item ? item.cloneNode(true) : '<li>&nbsp;</li>');
+  }
+});
+
+/**
+ * The document on-load hook for Selectable
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+document.onReady(function() { Selectable.rescan(); });
+
+document.write("<style type=\"text/css\">*.right-selectable,*.right-selectable li,*.right-selectable dt,*.right-selectable dd,*.right-selectable ul,div.right-selectable-container ul,div.right-selectable-container ul li{margin:0;padding:0;border:none;background:none;list-style:none}*.right-selectable{border:1px solid #CCC;border-bottom:none;display:inline-block;*display:inline;*zoom:1;min-width:10em;-moz-border-radius:.2em;-webkit-border-radius:.2em}*.right-selectable li{padding:.3em 1em;cursor:pointer;border-bottom:1px solid #CCC}*.right-selectable li:hover{background:#EEE}*.right-selectable li.right-selectable-selected{font-weight:bold;background:#DDD}*.right-selectable li.right-selectable-disabled,*.right-selectable li.right-selectable-disabled:hover{background:#CCC;color:#777;cursor:default}dl.right-selectable dt{padding:.3em .5em;cursor:default;font-weight:bold;font-style:italic;color:#444;background:#EEE;border-bottom:1px solid #CCC}dl.right-selectable dd li{padding-left:1.5em}*.right-selectable-single{-moz-box-shadow:#AAA .2em .2em .5em;-webkit-box-shadow:#AAA .2em .2em .5em;display:none;position:absolute;background:#FFF}div.right-selectable-container{border:1px solid #CCC;-moz-border-radius:.2em;-webkit-border-radius:.2em;display:inline-block;*display:inline;*zoom:1;*width:10em;vertical-align:middle;min-width:10em;cursor:pointer;height:1.6em}div.right-selectable-container div.right-selectable-handle{font-family:Arial;float:right;width:0.8em;background:#DDD;text-align:center;height:100%;line-height:0.8em;font-size:200%;color:#888;border-left:1px solid #CCC}div.right-selectable-container:hover div{color:#666}div.right-selectable-container ul{display:block;width:auto;margin-right:2em;overflow:hidden}div.right-selectable-container ul li{line-height:1.6em;padding:0 .5em}</style>");

data/javascripts/right-selectable.js

@@ -0,0 +1,7 @@
+/**
+ * Selectable unit for RightJS (http://rightjs.org/ui/selectable)
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+if (!self.RightJS) throw "Gimme RightJS";
+eval((function(s,d){for(var i=d.length-1;i>-1;i--)if(d[i])s=s.replace(new RegExp(i,'g'),d[i]);return s})("22 69=157 163(Observer,{extend:{EVENTS:$w('131 28 un28 72 105 80 141 110 107'),Options:{16:40,26:40,25:40,119:91,65:'slide',70:'short',36:40,120:139,50:91},128:11(){$$('*.13-12').33(11(e){if(!e._12)157 69(e)})}},111:'13-12',57:'13-12-132',17:'13-12-26',25163:'13-12-25',18163:'13-12-18',147ialize:11(){22 a=$A(74);if(a[0]&&!134(a[0]))9.15=$(a[0]);9.104(134(a.150())?a.150():9.15?eval('('+9.15.get('data-12-16')+')'):40);if(!9.15)9.15=9.144();9.15._12=9.147()},destroy:11(){9.19.33(11(i){i.27('96',9.48).27('64',9.68).27('46',9.54).27('51',9.56).27('73',9.76)},9);delete(9.15._12)},63:11(v){if(89(v))v=v.split(',').112('trim').99(11(a){14!a.blank()});9.19.33('38',9.17);22 i=9.34(v).33('41',9.17);if(9.21)9.87(i[0]);14 9.49()},getValue:11(){14 9.43},61:11(e,p){9.15.61(e,p);if(9.21)9.18.61(9.15,'136');14 9},117:11(b){22 a=11(e,v){if(e=$(e)){if(v===undefined||v===40)v='';e[e.63?'63':'36'](''+v)}}.143(b);22 c=11(e,o){22 e=$(e);if(e&&e.84)e.84(11(){9.63(e.43)}.31(o))}.143(b);if($(b)){a(9.43);c(9)}53 62.123(11(){a(9.43);c(9)}.31(9));14 9.84(a)},72:11(k){9.39(k).33(11(i){9.32('72',i.41(9.25163))},9);14 9},105:11(k){9.39(k).33(11(i){9.32('105',i.38(9.25163))},9);14 9},25:11(k){14 9.39(k).140('30',9.25163)},28:11(k){22 a=9.34(k);if(9.21&&a){9.19.33('38',9.17);a=[a[0]]}a.33(11(i){9.32('28',i.41(9.17))},9);14 9},un28:11(k){9.34(k).33(11(i){9.32('un28',i.38(9.17))},9);14 9},26:11(k){14 9.34(k).140('30',9.17)},50:11(){9.19=9.15.28('li').33(11(i){if(!9.19||!9.19.include(i))i.on({96:9.48,73:9.76,51:9.56,46:9.54,64:9.68})},9);14 9},147:11(){9.15.41(9.111);if(9.21=!9.16.119||9.15.30(9.57))9.95().15.41(9.57);9.56=9.51.31(9);9.76=9.73.31(9);9.54=9.46.31(9);9.68=9.64.31(9);9.48=9.96.31(9);9.43=40;9.50().86('49').onUn28('49');if(9.21)9.86('87');if(9.16.25)9.72(9.16.25);if(9.16.26)9.28(9.16.26);if(9.16.36)9.117(9.16.36);if(9.21){if(9.16.26===40)9.28(9.19[0]);9.86('85')}if(9.16.50){22 o=9.15.36;9.15.36=11(){22 r=o.138(9.15,74);9.50();14 r}.31(9)}14 9},49:11(){if(9.21){22 a=9.19.121('30',9.17);22 v=a?9.79(a):40}53 22 v=9.19.99('30',9.17).112(11(i){14 9.79(i)},9);if(v!=9.43){9.43=v;9.32('131',v,9)}14 9},79:11(i){14 i.id?9.16.120?i.id.match(/\\d+/):i.id:9.19.71(i)},32:11(n,i){if(i&&i.tagName)9.104(n,i,9.19.71(i),9);53 9.104.138(9,74);14 9},112:11(c){if(!125(c))c=[c];14 c.112(11(k){22 i=(89(k)&&/^\\d+$/.test(k))?k.toInt():k,b=k;if(isNumber(i))b=9.19[i];53 if(89(k))b=9.19.121(11(a){14 a.id==k});14 b},9).compact()},39:11(k){14 k?9.112(k):9.19},34:11(k){14 9.39(k).99(11(i){14!i.30(9.25163)},9)},51:11(e){e.108();22 c=e.98;if(!9.25(c)){if(9.21)9.28(c);53 if(9.26(c)){9.un28(c);9.58=91}53{9.28(c);9.55=91}if((e.shift165||e.meta165)&&9.52){22 a=9.19.71(9.52);22 b=9.19.71(c);if(a!=b){if(a>b){22 t=a;a=b;b=a}156(22 i=a;i<b;i++)9[9.52.30(9.17)?'28':'un28'](9.19[i])}}9.52=c}},73:11(e){e.108();9.58=9.55=139},46:11(e){22 i=e.98;9.32('80',i);if(!9.21){if(9.55)9.28(i);53 if(9.58)9.un28(i)}},64:11(e){9.32('141',e.98)},96:11(e){e.108()},144:11(){22 e=$E('ul'),a=9.16.16;if(125(a))a.33(11(o){e.101($E('li',{127:o}))});53 156(22 k in a)e.101($E('li',{id:k,127:a[k]}));14 e},95:11(){9.18=$E('42',{'145':9.18163}).101([$E('42',{'127':'&bull;','145':'13-12-129'}),$E('ul')]).61(9.15,'136').48(9.110164.31(9));62.48(9.85.31(9));14 9},110164:11(e){e.108();if(9.21){22 d=9.18.dimensions();9.15.setStyle({158:(d.158+d.67)+'px',113:d.113+'px',45:d.45+'px'}).110(9.16.65,{114:9.16.70,116:9.32.31(9,'110',9)});if(!9.16.65)9.32('110',9)}},85:11(){if(9.21&&9.15.visible()){9.15.107(9.16.65,{114:9.16.70,116:9.32.31(9,'107',9)});if(!9.16.65)9.32('107',9)}},87:11(i){9.18.121('ul').36(i?i.cloneNode(91):'<li>&nbsp;</li>')}});62.123(11(){69.128()});62.write(\"<97 type=\\\"151/css\\\">*.13-12,*.13-12 li,*.13-12 dt,*.13-12 dd,*.13-12 ul,42.13-12-18 ul,42.13-12-18 ul li{130:0;47:0;23:92;24:92;list-97:92}*.13-12{23:106 75 #93;23-102:92;37:83-118;*37:83;*146:1;160-45:126;-137-23-81:.59;-103-23-81:.59}*.13-12 li{47:.153 1em;82:122;23-102:106 75 #93}*.13-12 li:80{24:#155}*.13-12 li.13-12-26{90-135:149;24:#161}*.13-12 li.13-12-25,*.13-12 li.13-12-25:80{24:#93;94:#777;82:124}dl.13-12 dt{47:.153 .109;82:124;90-135:149;90-97:italic;94:#444;24:#155;23-102:106 75 #93}dl.13-12 dd li{47-113:1.109}*.13-12-132{-137-154-133:#159 .59 .59 .109;-103-154-133:#159 .59 .59 .109;37:92;position:absolute;24:#FFF}42.13-12-18{23:106 75 #93;-137-23-81:.59;-103-23-81:.59;37:83-118;*37:83;*146:1;*45:126;vertical-142:middle;160-45:126;82:122;67:1.152}42.13-12-18 42.13-12-129{90-family:Arial;float:13;45:0.162;24:#161;151-142:center;67:100%;148-67:0.162;90-size:200%;94:#888;23-113:106 75 #93}42.13-12-18:80 42{94:#666}42.13-12-18 ul{37:118;45:auto;130-13:59;overflow:hidden}42.13-12-18 ul li{148-67:1.152;47:0 .109}</97>\");",",,,,,,,,,this,,function,selectable,right,return,element,options,selectedClass,container,items,,isSingle,var,border,background,disabled,selected,stopObserving,select,disabledClass,hasClass,bind,fire,each,mapEnabled,unselect,update,display,removeClass,mapOrAll,null,addClass,div,value,,width,mouseover,padding,onClick,calcValue,refresh,mousedown,_prevItem,else,onMouseover,_massSelect,onMousedown,singleClass,_massRemove,2em,_selectable,insertTo,document,setValue,mouseout,fxName,,height,onMouseout,Selectable,fxDuration,indexOf,disable,mouseup,arguments,solid,onMouseup,,containerClass,itemValue,hover,radius,cursor,inline,onChange,hideList,onSelect,showItem,,isString,font,true,none,CCC,color,buildSingle,click,style,target,filter,,insert,bottom,webkit,$super,enable,1px,hide,stop,5em,show,baseClass,map,left,duration,showList,onFinish,assignTo,block,multiple,parseIds,first,pointer,onReady,default,isArray,10em,html,rescan,handle,margin,change,single,shadow,isHash,weight,before,moz,apply,false,every,leave,align,curry,build,class,zoom,init,line,bold,last,text,6em,3em,box,EEE,for,new,top,AAA,min,DDD,8em,Class,List,Key".split(",")));