anchor.diff:      var rightArrowButton = div({'key': 'rightArrowButton', 'onMouseDown': (ev) =>
           scroll(toLeft: false)}, '>');
   
  +    var showFirstDiv = div({'className' : 'left-arrow', 'onMouseDown' : (ev) => showFirst()},'<<');
  +    var showLastDiv = div({'className' : 'right-arrow', 'onMouseDown' : (ev) => showLast()}, '>>');
  +
       var textSpan = span({'key': selectorText,
         'className' : 'round-selector-text'}, selectorText);
       var leftArrowDiv = div({'key': 'leftArrow',
  
positive.code:     checkSetScrollStepRedraw(_scrollStep, _scrollListDiv);
    }
  
    num getMinMarginLeft() {
      var _itemSpan = ref(items[0][VALUE].toString());
      var _spanWidth = _itemSpan.marginEdge.width;
      var _visibleItemsWindowSize = scrollStep * _spanWidth;
  
      return (0 - _spanWidth * items.length + _visibleItemsWindowSize);
    }
  
    setScrollStepSize() {
      var _itemsDivWindowSize = ref('itemsDiv').marginEdge.width;
  
      if (_itemsDivWindowSize <= 240) { //phone size
        scrollStep = 6;
      }
      else if (_itemsDivWindowSize <= 600) { //tablet size
        scrollStep = 10;
      }
      else { //big size
        scrollStep = 16;
      }
    }
  
    checkSetScrollStepRedraw(_scrollStep, _scrollListDiv){
      if (_scrollStep > 0){
  
negative.code: 
  typedef SelectorType(List items, DataReference selected,
                      DataReference active, DataReference loading,
                      {String key, String selectorText, bool showFirstLast,
                        String className, onChange});
  
  
  class SelectorComponent extends Component {
  