Merge pull request #17 from macias/main

onmouseout

Author: erossini

src/Chart.razor

@@ -1,6 +1,7 @@
 @inject IJSRuntime JSRuntime
 
 <div id="@("chartcontainer" + Config.CanvasId)" class="chart-container @Class" 
-     style="height:@Height; width:@Width; @(Style)">
+     style="height:@Height; width:@Width; @(Style)"
+     @onmouseout="async (args) => await OnMouseOut(args)">
     <canvas id="@Config.CanvasId" style="@(Height != null ? $"height:{Height}" : "") @(Width != null ? $"width:{Width};" : "")"></canvas>
 </div>

src/Chart.razor.cs

@@ -2,6 +2,7 @@
 using Microsoft.AspNetCore.Components;
 using Microsoft.JSInterop;
 using System.Threading.Tasks;
+using Microsoft.AspNetCore.Components.Web;
 
 namespace PSC.Blazor.Components.Chartjs
 {
@@ -105,6 +106,14 @@ public void Dispose()
             this.oldReference?.Dispose();
         }
 
+        private ValueTask OnMouseOut(MouseEventArgs mouseEventArgs)
+        {
+            if (Config.Options is Options {OnMouseOutAsync: { }} options)
+                return options.OnMouseOutAsync(mouseEventArgs);
+            else
+                return ValueTask.CompletedTask;
+        }
+        
         #region JavaScript invokable functions
 
         [JSInvokable]

src/Models/Common/HoverContext.cs

@@ -1,10 +1,4 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Text;
-using System.Threading.Tasks;
-
-namespace PSC.Blazor.Components.Chartjs.Models.Common
+namespace PSC.Blazor.Components.Chartjs.Models.Common
 {
     /// <summary>
     /// Hover Context

src/Models/Common/OnHoverContext.cs

@@ -1,4 +1,5 @@
 using System.Threading.Tasks;
+using Microsoft.AspNetCore.Components.Web;
 
 namespace PSC.Blazor.Components.Chartjs.Models.Common
 {
@@ -92,5 +93,8 @@ public class Options : IOptions
         [JsonPropertyName("scales")]
         [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
         public Dictionary<string, Axis> Scales { get; set; }
+
+        [JsonIgnore] 
+        public Func<MouseEventArgs, ValueTask>? OnMouseOutAsync { get; set; }
     }
 }