Angular Lightbox Gallery screenfull error ERROR ReferenceErr

Expected behavior

I have been working on adding a lightbox gallery to my angular project and can't get the light box to close or to go full screen. It triggers the error below. I have found a previous response and have followed the response as well with no luck.

https://mdbootstrap.com/support/angular/lightbox-wont-close-mdbpro-angular/

I have installed npm install --save screenfull@3.3.0 per requirements and verified that my angular.json file includes "node_modules/screenfull/dist/screenfull.js". Been at it a while any input would be great. Thanks

Actual behavior

ReferenceError: screenfull is not defined at ImageModalComponent.closeGallery (ng-uikit-pro-standard.js:16160) at ImageModalComponent_Template_a_click_4_listener (ng-uikit-pro-standard.js:16272) at executeListenerWithErrorHandling (core.js:14960) at wrapListenerIn_markDirtyAndPreventDefault (core.js:14995) at HTMLAnchorElement. (platform-browser.js:582) at ZoneDelegate.invokeTask (zone-evergreen.js:399) at Object.onInvokeTask (core.js:28255) at ZoneDelegate.invokeTask (zone-evergreen.js:398) at Zone.runTask (zone-evergreen.js:167) at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:480)

Resources (screenshots, code snippets etc.)

I have consulted with every resource I can find on screenfull and general debugging on it.

https://www.npmjs.com/package/screenfull