From fe46af08662894dc26f1bbd4d182aa0d67cfa1cf Mon Sep 17 00:00:00 2001
From: Ghislain B <gbeaulac@gmail.com>
Date: Tue, 18 Jun 2024 21:22:24 -0400
Subject: [PATCH] fix: make sure pager element exists before toggling CSS
 classes (#1028)

---
 src/controls/slick.pager.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/controls/slick.pager.ts b/src/controls/slick.pager.ts
index 18db4757..511c2d95 100644
--- a/src/controls/slick.pager.ts
+++ b/src/controls/slick.pager.ts
@@ -221,16 +221,16 @@ export class SlickGridPager {
 
     // add back disabled class to only necessary icons
     if (!state.canGotoFirst) {
-      this._container!.querySelector('.sgi-chevron-start')!.classList.add('sgi-state-disabled');
+      this._container!.querySelector('.sgi-chevron-start')?.classList.add('sgi-state-disabled');
     }
     if (!state.canGotoLast) {
-      this._container!.querySelector('.sgi-chevron-end')!.classList.add('sgi-state-disabled');
+      this._container!.querySelector('.sgi-chevron-end')?.classList.add('sgi-state-disabled');
     }
     if (!state.canGotoNext) {
-      this._container!.querySelector('.sgi-chevron-right')!.classList.add('sgi-state-disabled');
+      this._container!.querySelector('.sgi-chevron-right')?.classList.add('sgi-state-disabled');
     }
     if (!state.canGotoPrev) {
-      this._container!.querySelector('.sgi-chevron-left')!.classList.add('sgi-state-disabled');
+      this._container!.querySelector('.sgi-chevron-left')?.classList.add('sgi-state-disabled');
     }
 
     if (pagingInfo.pageSize === 0) {