Merge pull request #7085 from UlissesMeira/master

New localized string prepositionPage

Author: kdinev

projects/igniteui-angular/src/lib/core/i18n/paginator-resources.ts

@@ -1,7 +1,9 @@
 export interface IPaginatorResourceStrings {
     igx_paginator_label?: string;
+    igx_paginator_pager_text?: string;
 }
 
 export const PaginatorResourceStringsEN: IPaginatorResourceStrings = {
-    igx_paginator_label: 'Items per page'
+    igx_paginator_label: 'Items per page',
+    igx_paginator_pager_text: 'of'
 };

projects/igniteui-angular/src/lib/paginator/paginator.component.html

@@ -18,7 +18,7 @@
     </button>
     <div class='igx-paginator__pager-text'>
         <span>{{ page + 1 }}</span>
-        <span>&nbsp;of&nbsp;</span>
+        <span>&nbsp;{{prepositionPage}}&nbsp;</span>
         <span>{{ totalPages }}</span>
     </div>
     <button [disabled]="isLastPage || !pagerEnabled ? true: false" (click)="nextPage()" igxRipple igxRippleCentered="true" igxButton="icon">

projects/igniteui-angular/src/lib/paginator/paginator.component.ts

@@ -169,6 +169,14 @@ export class IgxPaginatorComponent extends DisplayDensityBase {
     @Input()
     public selectLabel = CurrentResourceStrings.PaginatorResStrings.igx_paginator_label;
 
+   /**
+    * An @Input property, sets a preposition between the current page and total pages.
+    * The default is 'of' localized string.
+    * @memberof IgxPaginatorComponent
+    */
+   @Input()
+   public prepositionPage = CurrentResourceStrings.PaginatorResStrings.igx_paginator_pager_text;
+
     /**
      * An event that is emitted when the select in the `IgxPaginatorComponent` changes its value.
      */