fix: send mouse event along with click handler (#42)

Fixes #39

Author: MichaelDoyle

projects/ngx-json-treeview/src/lib/ngx-json-treeview/ngx-json-treeview.component.html

@@ -7,7 +7,7 @@
         type="button"
         class="segment-primitive"
         [class.clickable]="isClickablePrimitive()"
-        (click)="onPrimitiveClick()"
+        (click)="onPrimitiveClick($event)"
         [disabled]="!isClickablePrimitive()">
         {{ asString() }}
       </button>
@@ -71,7 +71,7 @@
               [class.segment-label]="expandable"
               [class.segment-value]="!expandable"
               [class.clickable]="clickableValue"
-              (click)="onValueClickHandler(segment)"
+              (click)="onValueClickHandler(segment, $event)"
               [disabled]="!clickableValue">
               {{ segment.description }}
             </button>

projects/ngx-json-treeview/src/lib/ngx-json-treeview/ngx-json-treeview.component.ts

@@ -212,19 +212,19 @@ export class NgxJsonTreeviewComponent {
     }
   }
 
-  onPrimitiveClick(): void {
+  onPrimitiveClick(event?: MouseEvent): void {
     const segment = this.primitiveSegment();
     if (segment) {
-      this.onValueClickHandler(segment);
+      this.onValueClickHandler(segment, event);
     }
   }
 
-  onValueClickHandler(segment: Segment) {
+  onValueClickHandler(segment: Segment, event?: MouseEvent) {
     for (const handler of this.internalValueClickHandlers()) {
       try {
         if (handler.canHandle(segment)) {
           try {
-            handler.handler(segment);
+            handler.handler(segment, event);
           } catch (e) {
             console.error('Error executing click handler:', e);
           }

projects/ngx-json-treeview/src/lib/types.ts

@@ -51,6 +51,7 @@ export interface ValueClickHandler {
   /**
    * The function to execute when a clickable value is clicked.
    * @param segment The segment that was clicked.
+   * @param event The mouse event that triggered the click.
    */
-  handler: (segment: Segment) => void;
+  handler: (segment: Segment, event?: MouseEvent) => void;
 }