@sinequa/atomic-angular 1.9.1 → 1.9.2

package/fesm2022/sinequa-atomic-angular.mjs

@@ -7716,6 +7716,21 @@ class NavbarTabsComponent {
             page: undefined
         };
     }
+    // A tab with a known result count of 0 is disabled — both in the visible tab bar
+    // and once it collapses into the overflow ("more") menu.
+    isTabDisabled(tab) {
+        return this.showCount() && tab.count === 0;
+    }
+    // pointer-events: none (applied via the [[disabled]] CSS selector) already blocks
+    // mouse clicks on a disabled overflow item, but it does not stop a "click" fired by
+    // keyboard activation (Enter) of a focused <a>, hence the explicit guard here.
+    onOverflowItemClick(event, tab) {
+        if (this.isTabDisabled(tab)) {
+            event.preventDefault();
+            return;
+        }
+        this.changeTab();
+    }
     changeTab() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: NavbarTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: NavbarTabsComponent, isStandalone: true, selector: "navbar-tabs", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null }, noTruncate: { classPropertyName: "noTruncate", publicName: "noTruncate", isSignal: true, isRequired: false, transformFunction: null }, minTabWidth: { classPropertyName: "minTabWidth", publicName: "minTabWidth", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cn('block', class())" } }, providers: [provideTranslocoScope('navbar-tabs')], ngImport: i0, template: `
@@ -7733,7 +7748,7 @@ class NavbarTabsComponent {
               [noTruncate]="noTruncate()"
               [style.--tab-min-width]="tabMinWidth(!!tab.icon)"
               [attr.aria-selected]="nav.currentPath() === tab.path"
-              [attr.disabled]="showCount() && tab.count === 0 ? '' : null"
+              [attr.disabled]="isTabDisabled(tab) ? '' : null"
               [active]="nav.currentPath() === tab.path"
               [routerLink]="[tab.routerLink]"
               [queryParams]="getQueryParams(tab)"
@@ -7778,14 +7793,16 @@ class NavbarTabsComponent {
 
           <MenuContent class="z-500 w-fit" position="bottom-end">
             @for (tab of moreTabs(); track $index) {
-              <MenuItem>
+              <MenuItem [attr.disabled]="isTabDisabled(tab) ? '' : null">
                 <a class="inline-flex items-center gap-1 whitespace-nowrap first-letter:capitalize"
                   [routerLink]="[tab.routerLink]"
                   [queryParams]="getQueryParams(tab)"
                   [queryParamsHandling]="getQueryParamsHandling()"
                   [attr.aria-selected]="nav.currentPath() === tab.path"
                   [attr.aria-label]="tab.display | syslang | transloco"
-                  (click)="changeTab()">
+                  [attr.aria-disabled]="isTabDisabled(tab) ? true : null"
+                  [attr.tabindex]="isTabDisabled(tab) ? -1 : null"
+                  (click)="onOverflowItemClick($event, tab)">
                   @if (tab.icon) {
                     <FaIcon [faClass]="tab.icon"/>
                   }
@@ -7838,7 +7855,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
               [noTruncate]="noTruncate()"
               [style.--tab-min-width]="tabMinWidth(!!tab.icon)"
               [attr.aria-selected]="nav.currentPath() === tab.path"
-              [attr.disabled]="showCount() && tab.count === 0 ? '' : null"
+              [attr.disabled]="isTabDisabled(tab) ? '' : null"
               [active]="nav.currentPath() === tab.path"
               [routerLink]="[tab.routerLink]"
               [queryParams]="getQueryParams(tab)"
@@ -7883,14 +7900,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 
           <MenuContent class="z-500 w-fit" position="bottom-end">
             @for (tab of moreTabs(); track $index) {
-              <MenuItem>
+              <MenuItem [attr.disabled]="isTabDisabled(tab) ? '' : null">
                 <a class="inline-flex items-center gap-1 whitespace-nowrap first-letter:capitalize"
                   [routerLink]="[tab.routerLink]"
                   [queryParams]="getQueryParams(tab)"
                   [queryParamsHandling]="getQueryParamsHandling()"
                   [attr.aria-selected]="nav.currentPath() === tab.path"
                   [attr.aria-label]="tab.display | syslang | transloco"
-                  (click)="changeTab()">
+                  [attr.aria-disabled]="isTabDisabled(tab) ? true : null"
+                  [attr.tabindex]="isTabDisabled(tab) ? -1 : null"
+                  (click)="onOverflowItemClick($event, tab)">
                   @if (tab.icon) {
                     <FaIcon [faClass]="tab.icon"/>
                   }