From 3a176df71fdc1fa826917a338d623e299b7b8d76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Henao?= <nihenaoar@gmail.com>
Date: Sun, 3 Dec 2023 19:47:42 -0500
Subject: [PATCH] add an optional custom template reference to the paginator's
 jump to page dropdown items

---
 src/app/components/paginator/paginator.ts | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/app/components/paginator/paginator.ts b/src/app/components/paginator/paginator.ts
index b3f39578822..9fdf0549dd5 100755
--- a/src/app/components/paginator/paginator.ts
+++ b/src/app/components/paginator/paginator.ts
@@ -77,6 +77,11 @@ import { PaginatorState } from './paginator.interface';
                 [scrollHeight]="dropdownScrollHeight"
             >
                 <ng-template pTemplate="selectedItem">{{ currentPageReport }}</ng-template>
+                <ng-container *ngIf="jumpToPageItemTemplate">
+                    <ng-template let-item pTemplate="item">
+                        <ng-container *ngTemplateOutlet="jumpToPageItemTemplate; context: { $implicit: item }"> </ng-container>
+                    </ng-template>
+                </ng-container>
             </p-dropdown>
             <button
                 type="button"
@@ -225,6 +230,12 @@ export class Paginator implements OnInit, AfterContentInit, OnChanges {
      * @group Props
      */
     @Input() showJumpToPageInput: boolean | undefined;
+    /**
+     * Template instance to inject into the jump to page dropdown item inside in the paginator.
+     * @param {Object} context - item instance.
+     * @group Props
+     */
+    @Input() jumpToPageItemTemplate: TemplateRef<{ $implicit: any }> | undefined;
     /**
      * Whether to show page links.
      * @group Props
@@ -236,7 +247,7 @@ export class Paginator implements OnInit, AfterContentInit, OnChanges {
      */
     @Input() locale: string | undefined;
     /**
-     * Template instance to inject into the dropdown item inside in the paginator.
+     * Template instance to inject into the rows per page dropdown item inside in the paginator.
      * @param {Object} context - item instance.
      * @group Props
      */