Add Mouse over

Author: erossini

src/Chart.razor

@@ -1,6 +1,6 @@
 @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/OnHoverContext.cs

@@ -1,4 +1,5 @@
-using System.Threading.Tasks;
+using Microsoft.AspNetCore.Components.Web;
+using System.Threading.Tasks;
 
 namespace PSC.Blazor.Components.Chartjs.Models.Common
 {
@@ -7,6 +8,28 @@ namespace PSC.Blazor.Components.Chartjs.Models.Common
     /// </summary>
     public class Options : IOptions
     {
+        #region Events
+
+        /// <summary>
+        /// Gets or sets the on hover asynchronous.
+        /// </summary>
+        /// <value>
+        /// The on hover asynchronous.
+        /// </value>
+        [JsonIgnore]
+        public Func<HoverContext, ValueTask>? OnHoverAsync { get; set; }
+
+        /// <summary>
+        /// Gets or sets the on mouse out asynchronous.
+        /// </summary>
+        /// <value>
+        /// The on mouse out asynchronous.
+        /// </value>
+        [JsonIgnore]
+        public Func<MouseEventArgs, ValueTask>? OnMouseOutAsync { get; set; }
+
+        #endregion Events
+
         /// <summary>
         /// Gets or sets the elements.
         /// </summary>
@@ -55,15 +78,6 @@ public class Options : IOptions
         [JsonPropertyName("maintainAspectRatio")]
         public bool MaintainAspectRatio { get; set; } = false;
 
-        /// <summary>
-        /// Gets or sets the on hover asynchronous.
-        /// </summary>
-        /// <value>
-        /// The on hover asynchronous.
-        /// </value>
-        [JsonIgnore]
-        public Func<HoverContext, ValueTask>? OnHoverAsync { get; set; }
-
         /// <summary>
         /// Gets or sets the plugins.
         /// </summary>