refactor(tooltip): use tooltipTarget mouse handlers

Author: RivaIvanova

projects/igniteui-angular/src/lib/directives/tooltip/tooltip-target.directive.ts

@@ -428,9 +428,6 @@ export class IgxTooltipTargetDirective extends IgxToggleActionDirective implemen
         });
 
         this.nativeElement.addEventListener('touchstart', this.onTouchStart = this.onTouchStart.bind(this), { passive: true });
-
-        this.target.onShow = this._showOnInteraction.bind(this);
-        this.target.onHide = this._hideOnInteraction.bind(this);
     }
 
     /**

projects/igniteui-angular/src/lib/directives/tooltip/tooltip.directive.ts

@@ -108,24 +108,13 @@ export class IgxTooltipDirective extends IgxToggleDirective implements OnDestroy
      */
     public timeoutId;
 
-    /**
-     * @hidden
-     */
-    public onShow: (event?: Event) => void;
-
-    /**
-     * @hidden
-     */
-    public onHide: (event?: Event) => void;
-
-    private _arrowEl: HTMLElement;
-    private _role: "tooltip" | "status" = "tooltip"
-
     /**
      * @hidden
      */
     public tooltipTarget: IgxTooltipTargetDirective;
 
+    private _arrowEl: HTMLElement;
+    private _role: 'tooltip' | 'status' = 'tooltip';
     private _destroy$ = new Subject<boolean>();
 
     /** @hidden */
@@ -163,15 +152,15 @@ export class IgxTooltipDirective extends IgxToggleDirective implements OnDestroy
      */
     @HostListener('mouseenter')
     public onMouseEnter() {
-        this.onShow();
+        this.tooltipTarget?.onMouseEnter();
     }
 
     /**
      * @hidden
      */
     @HostListener('mouseleave')
     public onMouseLeave() {
-        this.onHide();
+        this.tooltipTarget?.onMouseLeave();
     }
 
     /**