{{#if pagination.isNone}}<!-- no pagination  displayed -->{{#end}}
{{#if pagination.isSteps}}
    <!-- steps pagination -->
    {{#each pages}}<div data-role="step"
             {{#if isAccessibilityEnabled}}tabindex="0"{{#end}}
             id="page-step-{{index}}-acc"
             aria-labelledby="page-step-{{index}}-acc"
             {{#if isCurrent}}data-is-current{{#end}}
             {{#if showTitle}} ui-title="{{paddedOrder}}. {{title}}"{{#end}}
             style="width: {{unitPercent}}">
        {{paddedOrder}}{{#if showTitle}}<span>. </span><span data-i18n-text="page_{{index}}_label">{{title}}</span>{{#end}}
        </div>{{#end}}
    <!-- end of steps pagination -->
{{#end}}{{#if pagination.isPercentage}}
    <!-- percentage pagination -->
    {{#each pages}}{{#if isCurrent}}
    <div data-role="progress-bar">
        <div data-role="progress" style="width: {{percent}}%"></div>
    </div>
    <div data-role="legend" {{#if isAccessibilityEnabled}}tabindex="0"{{#end}}
        aria-labelledby="page-title-{{index}}-acc page-percent-{{index}}-acc"
        {{#if showTitle}} ui-title="{{paddedOrder}}. {{title}}"{{#end}}
        >
        {{#if showTitle}}<div data-role="page-title" id="page-title-{{index}}-acc" data-i18n-text="page_{{index}}_label">{{title}}</div>{{#end}}
      <div data-role="page-progress" id="page-percent-{{index}}-acc">{{percent}}<span>%</span></div>
    </div>
    {{#end}}{{#end}}
    <!-- end of percentage pagination -->
{{#end}}{{#if pagination.isPageNumbers}}
    <!-- page numbers pagination -->
    {{#each pages}}{{#if isCurrent}}
    <div data-role="legend" {{#if isAccessibilityEnabled}}tabindex="0"{{#end}}
        aria-labelledby="page-title-{{index}}-acc page-number-{{index}}-acc"
        {{#if showTitle}} ui-title="{{paddedOrder}}. {{title}}"{{#end}}
        >
        {{#if showTitle}}<div data-role="page-title" id="page-title-{{index}}-acc" data-i18n-text="page_{{index}}_label">{{title}}</div>{{#end}}
        <div data-role="page-progress" id="page-number-{{index}}-acc"><span data-role="current-page">{{order}}</span><span>/</span>{{numPages}}</div>
    </div>
    {{#end}}{{#end}}
    <!-- end of page numbers pagination -->
{{#end}}