feat(text-highlight): implement disposal (#13927)

Author: kdinev

projects/igniteui-angular/src/lib/directives/text-highlight/text-highlight.service.ts

@@ -29,4 +29,10 @@ export class IgxTextHighlightService {
         this.onActiveElementChanged.emit(groupName);
     }
 
+    /**
+     * Destroys a highlight group.
+     */
+    public destroyGroup(groupName: string) {
+        this.highlightGroupsMap.delete(groupName);
+    }
 }

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -3962,6 +3962,8 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
         this.transactionChange$.complete();
         this._destroyed = true;
 
+        this.textHighlightService.destroyGroup(this.id);
+
         if (this._advancedFilteringOverlayId) {
             this.overlayService.detach(this._advancedFilteringOverlayId);
             delete this._advancedFilteringOverlayId;

projects/igniteui-angular/src/lib/grids/hierarchical-grid/row-island.component.ts

@@ -357,7 +357,7 @@ export class IgxRowIslandComponent extends IgxHierarchicalGridBaseDirective
      * @hidden
      */
     public override ngOnDestroy() {
-        // Override the base destroy because we don't have rendered anything to use removeEventListener on
+        // Override the base destroy because we have not rendered anything to use removeEventListener on
         this.destroy$.next(true);
         this.destroy$.complete();
         this._destroyed = true;