<ul class="pagination" ng-if="1 < pages.length || !autoHide">
    <li ng-if="boundaryLinks" ng-class="{ disabled : pagination.current == 1 }">
        {{pagination.current}}
        <a href="" ng-click="setCurrent(1)">
            <beyer-icon
              small
              name="Left-2"></beyer-icon>
        </a>
    </li>    
    <li 
      class="item pages-item-previous"
      ng-if="directionLinks" 
      ng-class="{ disabled : pagination.current == 1 }">
        <a href="" ng-click="setCurrent(pagination.current - 1)">
            <beyer-icon
              small
              name="Left-2"></beyer-icon>
        </a>
    </li>
    <li
      class="item"
      ng-repeat="pageNumber in pages track by tracker(pageNumber, $index)"
      ng-class="{ current : pagination.current == pageNumber, disabled : pageNumber == '...' }">
        <a href="" ng-click="setCurrent(pageNumber)">{{ pageNumber }}</a>
    </li>

    <li
      class="item pages-item-next"  
      ng-if="directionLinks"
      ng-class="{ disabled : pagination.current == pagination.last }">
        <a href="" ng-click="setCurrent(pagination.current + 1)">
            <beyer-icon
              small
              name="Right-2"></beyer-icon>
        </a>
    </li>
    <li ng-if="boundaryLinks"  ng-class="{ disabled : pagination.current == pagination.last }">
        <a href="" ng-click="setCurrent(pagination.last)">
            <beyer-icon
              small
              name="Right-2"></beyer-icon>
        </a>
    </li>
</ul>