@ni/nimble-angular 16.0.4 → 16.0.6

package/fesm2020/ni-nimble-angular.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, NgModule, forwardRef, HostListener, Inject, Optional, Host, Injectable, EventEmitter, Output } from '@angular/core';
-import { RouterLinkWithHref } from '@angular/router';
+import { Directive, Input, NgModule, HostListener, forwardRef, Inject, Optional, Host, Injectable, EventEmitter, Output } from '@angular/core';
+import { RouterLinkWithHref, Router, ActivatedRoute } from '@angular/router';
 export { AnchorAppearance } from '@ni/nimble-components/dist/esm/anchor/types';
-import { CommonModule } from '@angular/common';
+import { CommonModule, LocationStrategy } from '@angular/common';
 import '@ni/nimble-components/dist/esm/anchor';
 import '@ni/nimble-components/dist/esm/anchor-button';
 import '@ni/nimble-components/dist/esm/anchor-tab';
@@ -697,17 +697,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
  * won't also be an active RouterLink directive incorrectly handling navigation.
  */
 class NimbleBreadcrumbItemRouterLinkWithHrefDirective extends RouterLinkWithHref {
+    constructor(injector, elementRef) {
+        super(injector.get(Router), injector.get(ActivatedRoute), injector.get(LocationStrategy));
+        this.elementRef = elementRef;
+    }
     set nimbleRouterLink(commands) {
         this.routerLink = commands;
     }
+    onClick(_button, _ctrlKey, _shiftKey, _altKey, _metaKey) {
+        // onClick is the 'click' @HostListener handler in RouterLinkWithHref. Override it to do nothing so that this directive
+        // can be in control of when the click handler is called. This allows RouterLinkWithHref's onClick to only be called
+        // when the link within the element is clicked rather than any part of the element.
+        return true;
+    }
+    nimbleOnClick(event) {
+        // Call onClick on the base class only when the anchor within the breadcrumb item was clicked.
+        if (event.composedPath().some(el => el === this.elementRef.nativeElement.control)) {
+            return super.onClick(event.button, event.ctrlKey, event.shiftKey, event.altKey, event.metaKey);
+        }
+        return true;
+    }
 }
-NimbleBreadcrumbItemRouterLinkWithHrefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleBreadcrumbItemRouterLinkWithHrefDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-NimbleBreadcrumbItemRouterLinkWithHrefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleBreadcrumbItemRouterLinkWithHrefDirective, selector: "nimble-breadcrumb-item[nimbleRouterLink]", inputs: { nimbleRouterLink: "nimbleRouterLink" }, usesInheritance: true, ngImport: i0 });
+NimbleBreadcrumbItemRouterLinkWithHrefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleBreadcrumbItemRouterLinkWithHrefDirective, deps: [{ token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NimbleBreadcrumbItemRouterLinkWithHrefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: NimbleBreadcrumbItemRouterLinkWithHrefDirective, selector: "nimble-breadcrumb-item[nimbleRouterLink]", inputs: { nimbleRouterLink: "nimbleRouterLink" }, host: { listeners: { "click": "nimbleOnClick($event,$event.button,$event.ctrlKey,$event.shiftKey,$event.altKey,$event.metaKey)" } }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: NimbleBreadcrumbItemRouterLinkWithHrefDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'nimble-breadcrumb-item[nimbleRouterLink]' }]
-        }], propDecorators: { nimbleRouterLink: [{
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ElementRef }]; }, propDecorators: { nimbleRouterLink: [{
                 type: Input
+            }], nimbleOnClick: [{
+                type: HostListener,
+                args: ['click',
+                    ['$event', '$event.button', '$event.ctrlKey', '$event.shiftKey', '$event.altKey', '$event.metaKey']]
             }] } });
 
 /**