{{#numberOfItems}}
    <span id="paginator-first" class="paginatorButton" data-buttonName="First" title="First">
        <span class="arrow first leftSidedArrow">
            <i></i>
            <i></i>        
            <i></i>
            <i></i>        
        </span>
    </span>
    <span id="paginator-previous" class="paginatorButton" data-buttonName="Previous" title="Previous">
        <span class="arrow previous leftSidedArrow">
            <i></i>
            <i></i>        
        </span>
    </span>
    <span id="paginator-current">
            {{begin}} .. {{end}} / {{numberOfItems}}{{^complete}}++{{/complete}}
    </span> 
    <span id="paginator-next" class="paginatorButton" data-buttonName="Next" title="Next">
        <span class="arrow next rightSidedArrow">
            <i></i>
            <i></i>        
        </span>
    </span>
    <span id="paginator-last" class="paginatorButton" data-buttonName="Last" title="Last">
        <span class="arrow last rightSidedArrow">
            <i></i>
            <i></i>        
            <i></i>
            <i></i>        
        </span>
    </span>
    {{#isDropdownRequired}}
        <span class='paginatorBlock'>
             {{#isPageLimitRequired}}
                <select id="paginator-pageLimit" title="How many items on a page">
                    {{#pageLimit}}
                        <option value="{{value}}" {{#selected}}selected{{/selected}} {{#disabled}}disabled{{/disabled}}>
                            {{#displayName}}
                                {{displayName}}
                            {{/displayName}}
                            {{^displayName}}
                                {{value}}
                            {{/displayName}}
                        </option>
                    {{/pageLimit}}
                </select>    
            {{/isPageLimitRequired}}
            
            {{#isSortingRequired}}
                <select id="paginator-sorting" title="Sort by a certain criterion">
                    {{#sortings}}
                        <option value="{{value}}" {{#selected}}selected{{/selected}} {{#disabled}}disabled{{/disabled}}>
                            {{#displayName}}
                                {{displayName}}
                            {{/displayName}}
                            {{^displayName}}
                                {{value}}
                            {{/displayName}}
                        </option>
                    {{/sortings}}
                </select>     
            {{/isSortingRequired}}            
        </span>
    {{/isDropdownRequired}}
    
    <span class='paginatorBlock'>
        <span class="c-tooltip-top info-tip fix-tip-top align-tooltip-pos" adz:lang-data-title="paginatorHelp" data-title="If you have more than a page of listing, use the arrows (First, Previous, Next, Last) to navigate through the list. The page can be arranged based on sort order with number of listings on page or the criteria such as created time, etc."></span>
    </span>
{{/numberOfItems}}