primeng 15.0.1 → 15.1.1

package/menubar/menubar.d.ts

@@ -1,15 +1,25 @@
-import { ElementRef, Renderer2, OnDestroy, ChangeDetectorRef, AfterContentInit, QueryList, TemplateRef, EventEmitter } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { MenuItem, PrimeNGConfig } from 'primeng/api';
+import { Subject, Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/router";
 import * as i3 from "primeng/ripple";
 import * as i4 from "primeng/tooltip";
 import * as i5 from "primeng/api";
-export declare class MenubarSub implements OnDestroy {
+export declare class MenubarService {
+    autoHide: boolean;
+    autoHideDelay: number;
+    readonly mouseLeaves: Subject<boolean>;
+    readonly mouseLeft$: import("rxjs").Observable<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MenubarService>;
+}
+export declare class MenubarSub implements OnInit, OnDestroy {
     el: ElementRef;
     renderer: Renderer2;
     private cd;
+    private menubarService;
     item: MenuItem;
     root: boolean;
     autoZIndex: boolean;
@@ -23,8 +33,11 @@ export declare class MenubarSub implements OnDestroy {
     documentClickListener: any;
     menuHoverActive: boolean;
     activeItem: any;
-    constructor(el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef);
+    mouseLeaveSubscriber: Subscription;
+    constructor(el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, menubarService: MenubarService);
+    ngOnInit(): void;
     onItemClick(event: any, item: any): void;
+    onItemMouseLeave(event: any, item: any): void;
     onItemMouseEnter(event: any, item: any): void;
     onLeafClick(): void;
     bindDocumentClickListener(): void;
@@ -33,17 +46,20 @@ export declare class MenubarSub implements OnDestroy {
     static ɵfac: i0.ɵɵFactoryDeclaration<MenubarSub, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MenubarSub, "p-menubarSub", never, { "item": "item"; "root": "root"; "autoZIndex": "autoZIndex"; "baseZIndex": "baseZIndex"; "mobileActive": "mobileActive"; "autoDisplay": "autoDisplay"; "parentActive": "parentActive"; }, { "leafClick": "leafClick"; }, never, never, false, never>;
 }
-export declare class Menubar implements AfterContentInit, OnDestroy {
+export declare class Menubar implements AfterContentInit, OnDestroy, OnInit {
     el: ElementRef;
     renderer: Renderer2;
     cd: ChangeDetectorRef;
     config: PrimeNGConfig;
+    private menubarService;
     model: MenuItem[];
     style: any;
     styleClass: string;
     autoZIndex: boolean;
     baseZIndex: number;
     autoDisplay: boolean;
+    autoHide: boolean;
+    autoHideDelay: number;
     templates: QueryList<any>;
     menubutton: ElementRef;
     rootmenu: MenubarSub;
@@ -51,7 +67,9 @@ export declare class Menubar implements AfterContentInit, OnDestroy {
     endTemplate: TemplateRef<any>;
     mobileActive: boolean;
     outsideClickListener: any;
-    constructor(el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: PrimeNGConfig);
+    mouseLeaveSubscriber: Subscription;
+    constructor(el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, config: PrimeNGConfig, menubarService: MenubarService);
+    ngOnInit(): void;
     ngAfterContentInit(): void;
     toggle(event: any): void;
     bindOutsideClickListener(): void;
@@ -60,7 +78,7 @@ export declare class Menubar implements AfterContentInit, OnDestroy {
     unbindOutsideClickListener(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Menubar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Menubar, "p-menubar", never, { "model": "model"; "style": "style"; "styleClass": "styleClass"; "autoZIndex": "autoZIndex"; "baseZIndex": "baseZIndex"; "autoDisplay": "autoDisplay"; }, {}, ["templates"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Menubar, "p-menubar", never, { "model": "model"; "style": "style"; "styleClass": "styleClass"; "autoZIndex": "autoZIndex"; "baseZIndex": "baseZIndex"; "autoDisplay": "autoDisplay"; "autoHide": "autoHide"; "autoHideDelay": "autoHideDelay"; }, {}, ["templates"], ["*"], false, never>;
 }
 export declare class MenubarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MenubarModule, never>;

package/multiselect/multiselect.d.ts

@@ -16,6 +16,10 @@ export interface MultiSelectFilterOptions {
     filter?: (value?: any) => void;
     reset?: () => void;
 }
+export interface MultiselectOnRemoveEvent {
+    newValue: object;
+    removed: MultiSelectItem;
+}
 export declare class MultiSelectItem {
     option: any;
     selected: boolean;
@@ -106,6 +110,7 @@ export declare class MultiSelect implements OnInit, AfterViewInit, AfterContentI
     onPanelShow: EventEmitter<any>;
     onPanelHide: EventEmitter<any>;
     onLazyLoad: EventEmitter<any>;
+    onRemove: EventEmitter<MultiselectOnRemoveEvent>;
     _autoZIndex: boolean;
     get autoZIndex(): boolean;
     set autoZIndex(val: boolean);
@@ -206,7 +211,7 @@ export declare class MultiSelect implements OnInit, AfterViewInit, AfterContentI
     onHeaderCheckboxFocus(): void;
     onHeaderCheckboxBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelect, "p-multiSelect", never, { "style": "style"; "styleClass": "styleClass"; "panelStyle": "panelStyle"; "panelStyleClass": "panelStyleClass"; "inputId": "inputId"; "disabled": "disabled"; "readonly": "readonly"; "group": "group"; "filter": "filter"; "filterPlaceHolder": "filterPlaceHolder"; "filterLocale": "filterLocale"; "overlayVisible": "overlayVisible"; "tabindex": "tabindex"; "appendTo": "appendTo"; "dataKey": "dataKey"; "name": "name"; "label": "label"; "ariaLabelledBy": "ariaLabelledBy"; "displaySelectedLabel": "displaySelectedLabel"; "maxSelectedLabels": "maxSelectedLabels"; "selectionLimit": "selectionLimit"; "selectedItemsLabel": "selectedItemsLabel"; "showToggleAll": "showToggleAll"; "emptyFilterMessage": "emptyFilterMessage"; "emptyMessage": "emptyMessage"; "resetFilterOnHide": "resetFilterOnHide"; "dropdownIcon": "dropdownIcon"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionDisabled": "optionDisabled"; "optionGroupLabel": "optionGroupLabel"; "optionGroupChildren": "optionGroupChildren"; "showHeader": "showHeader"; "filterBy": "filterBy"; "scrollHeight": "scrollHeight"; "lazy": "lazy"; "virtualScroll": "virtualScroll"; "virtualScrollItemSize": "virtualScrollItemSize"; "virtualScrollOptions": "virtualScrollOptions"; "overlayOptions": "overlayOptions"; "ariaFilterLabel": "ariaFilterLabel"; "filterMatchMode": "filterMatchMode"; "tooltip": "tooltip"; "tooltipPosition": "tooltipPosition"; "tooltipPositionStyle": "tooltipPositionStyle"; "tooltipStyleClass": "tooltipStyleClass"; "autofocusFilter": "autofocusFilter"; "display": "display"; "autocomplete": "autocomplete"; "showClear": "showClear"; "autoZIndex": "autoZIndex"; "baseZIndex": "baseZIndex"; "showTransitionOptions": "showTransitionOptions"; "hideTransitionOptions": "hideTransitionOptions"; "defaultLabel": "defaultLabel"; "placeholder": "placeholder"; "options": "options"; "filterValue": "filterValue"; "itemSize": "itemSize"; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onClear": "onClear"; "onPanelShow": "onPanelShow"; "onPanelHide": "onPanelHide"; "onLazyLoad": "onLazyLoad"; }, ["footerFacet", "headerFacet", "templates"], ["p-header", "p-footer"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelect, "p-multiSelect", never, { "style": "style"; "styleClass": "styleClass"; "panelStyle": "panelStyle"; "panelStyleClass": "panelStyleClass"; "inputId": "inputId"; "disabled": "disabled"; "readonly": "readonly"; "group": "group"; "filter": "filter"; "filterPlaceHolder": "filterPlaceHolder"; "filterLocale": "filterLocale"; "overlayVisible": "overlayVisible"; "tabindex": "tabindex"; "appendTo": "appendTo"; "dataKey": "dataKey"; "name": "name"; "label": "label"; "ariaLabelledBy": "ariaLabelledBy"; "displaySelectedLabel": "displaySelectedLabel"; "maxSelectedLabels": "maxSelectedLabels"; "selectionLimit": "selectionLimit"; "selectedItemsLabel": "selectedItemsLabel"; "showToggleAll": "showToggleAll"; "emptyFilterMessage": "emptyFilterMessage"; "emptyMessage": "emptyMessage"; "resetFilterOnHide": "resetFilterOnHide"; "dropdownIcon": "dropdownIcon"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionDisabled": "optionDisabled"; "optionGroupLabel": "optionGroupLabel"; "optionGroupChildren": "optionGroupChildren"; "showHeader": "showHeader"; "filterBy": "filterBy"; "scrollHeight": "scrollHeight"; "lazy": "lazy"; "virtualScroll": "virtualScroll"; "virtualScrollItemSize": "virtualScrollItemSize"; "virtualScrollOptions": "virtualScrollOptions"; "overlayOptions": "overlayOptions"; "ariaFilterLabel": "ariaFilterLabel"; "filterMatchMode": "filterMatchMode"; "tooltip": "tooltip"; "tooltipPosition": "tooltipPosition"; "tooltipPositionStyle": "tooltipPositionStyle"; "tooltipStyleClass": "tooltipStyleClass"; "autofocusFilter": "autofocusFilter"; "display": "display"; "autocomplete": "autocomplete"; "showClear": "showClear"; "autoZIndex": "autoZIndex"; "baseZIndex": "baseZIndex"; "showTransitionOptions": "showTransitionOptions"; "hideTransitionOptions": "hideTransitionOptions"; "defaultLabel": "defaultLabel"; "placeholder": "placeholder"; "options": "options"; "filterValue": "filterValue"; "itemSize": "itemSize"; }, { "onChange": "onChange"; "onFilter": "onFilter"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; "onClear": "onClear"; "onPanelShow": "onPanelShow"; "onPanelHide": "onPanelHide"; "onLazyLoad": "onLazyLoad"; "onRemove": "onRemove"; }, ["footerFacet", "headerFacet", "templates"], ["p-header", "p-footer"], false, never>;
 }
 export declare class MultiSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectModule, never>;

package/overlay/overlay.d.ts

@@ -1,5 +1,5 @@
 import { AnimationEvent } from '@angular/animations';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, Renderer2, TemplateRef } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, NgZone, OnDestroy, QueryList, Renderer2, TemplateRef } from '@angular/core';
 import { OverlayModeType, OverlayOptions, OverlayService, PrimeNGConfig, ResponsiveOverlayOptions } from 'primeng/api';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -11,7 +11,7 @@ export declare class Overlay implements AfterContentInit, OnDestroy {
     renderer: Renderer2;
     private config;
     overlayService: OverlayService;
-    private cd;
+    private zone;
     get visible(): boolean;
     set visible(value: boolean);
     get mode(): OverlayModeType | string;
@@ -74,45 +74,18 @@ export declare class Overlay implements AfterContentInit, OnDestroy {
     scrollHandler: any;
     documentClickListener: any;
     documentResizeListener: any;
+    private documentKeyboardListener;
     private window;
     protected transformOptions: any;
     get modal(): boolean;
     get overlayMode(): string;
-    get overlayOptions(): {
-        mode?: OverlayModeType;
-        style?: any;
-        styleClass?: string;
-        contentStyle?: any;
-        contentStyleClass?: string;
-        target?: any;
-        appendTo?: "body" | HTMLElement;
-        autoZIndex?: boolean;
-        baseZIndex?: number;
-        showTransitionOptions?: string;
-        hideTransitionOptions?: string;
-        listener?: (event: Event, options?: import("primeng/api").OverlayListenerOptions) => boolean | void;
-        responsive?: ResponsiveOverlayOptions;
-        onBeforeShow?: (event?: import("primeng/api").OverlayOnBeforeShowEvent) => void;
-        onShow?: (event?: import("primeng/api").OverlayOnShowEvent) => void;
-        onBeforeHide?: (event?: import("primeng/api").OverlayOnBeforeHideEvent) => void;
-        onHide?: (event?: import("primeng/api").OverlayOnHideEvent) => void;
-        onAnimationStart?: (event?: AnimationEvent) => void;
-        onAnimationDone?: (event?: AnimationEvent) => void;
-    };
-    get overlayResponsiveOptions(): {
-        style?: any;
-        styleClass?: string;
-        contentStyle?: any;
-        contentStyleClass?: string;
-        breakpoint?: string;
-        media?: string;
-        direction?: import("primeng/api").ResponsiveOverlayDirectionType;
-    };
+    get overlayOptions(): OverlayOptions;
+    get overlayResponsiveOptions(): ResponsiveOverlayOptions;
     get overlayResponsiveDirection(): import("primeng/api").ResponsiveOverlayDirectionType;
     get overlayEl(): any;
     get contentEl(): any;
     get targetEl(): any;
-    constructor(document: Document, el: ElementRef, renderer: Renderer2, config: PrimeNGConfig, overlayService: OverlayService, cd: ChangeDetectorRef);
+    constructor(document: Document, el: ElementRef, renderer: Renderer2, config: PrimeNGConfig, overlayService: OverlayService, zone: NgZone);
     ngAfterContentInit(): void;
     show(overlay?: HTMLElement, isFocus?: boolean): void;
     hide(overlay?: HTMLElement, isFocus?: boolean): void;
@@ -131,6 +104,8 @@ export declare class Overlay implements AfterContentInit, OnDestroy {
     unbindDocumentClickListener(): void;
     bindDocumentResizeListener(): void;
     unbindDocumentResizeListener(): void;
+    bindDocumentKeyboardListener(): void;
+    unbindDocumentKeyboardListener(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Overlay, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Overlay, "p-overlay", never, { "visible": "visible"; "mode": "mode"; "style": "style"; "styleClass": "styleClass"; "contentStyle": "contentStyle"; "contentStyleClass": "contentStyleClass"; "target": "target"; "appendTo": "appendTo"; "autoZIndex": "autoZIndex"; "baseZIndex": "baseZIndex"; "showTransitionOptions": "showTransitionOptions"; "hideTransitionOptions": "hideTransitionOptions"; "listener": "listener"; "responsive": "responsive"; "options": "options"; }, { "visibleChange": "visibleChange"; "onBeforeShow": "onBeforeShow"; "onShow": "onShow"; "onBeforeHide": "onBeforeHide"; "onHide": "onHide"; "onAnimationStart": "onAnimationStart"; "onAnimationDone": "onAnimationDone"; }, ["templates"], ["*"], false, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primeng",
-  "version": "15.0.1",
+  "version": "15.1.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/primefaces/primeng"
@@ -845,9 +845,9 @@
   "module": "fesm2015/primeng.mjs",
   "typings": "index.d.ts",
   "peerDependencies": {
-    "@angular/core": "^15.0.0",
-    "@angular/common": "^15.0.0",
-    "@angular/forms": "^15.0.0",
+    "@angular/core": "^15.1.0",
+    "@angular/common": "^15.1.0",
+    "@angular/forms": "^15.1.0",
     "rxjs": "^6.0.0 || ^7.5.0",
     "zone.js": "^0.10.2 || ^0.11.0 || ^0.12.0",
     "primeicons": "^6.0.1"

package/progressbar/progressbar.d.ts

@@ -7,8 +7,9 @@ export declare class ProgressBar {
     styleClass: string;
     unit: string;
     mode: string;
+    color: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBar, "p-progressBar", never, { "value": "value"; "showValue": "showValue"; "style": "style"; "styleClass": "styleClass"; "unit": "unit"; "mode": "mode"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBar, "p-progressBar", never, { "value": "value"; "showValue": "showValue"; "style": "style"; "styleClass": "styleClass"; "unit": "unit"; "mode": "mode"; "color": "color"; }, {}, never, never, false, never>;
 }
 export declare class ProgressBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarModule, never>;

package/resources/components/accordion/accordion.css

@@ -22,3 +22,12 @@
 .p-accordion .p-accordion-tab-active > .p-toggleable-content:not(.ng-animating) {
     overflow: inherit;
 }
+
+.p-accordion-toggle-icon-end {
+    order: 1;
+    margin-left: auto;
+}
+
+.p-accordion-toggle-icon{
+    order: 0;
+}

package/resources/components/autocomplete/autocomplete.css

@@ -25,14 +25,7 @@
      border-bottom-left-radius: 0px;
 }
 
-.p-autocomplete .p-autocomplete-panel {
-    min-width: 100%;
-    top: 0;
-    left: 0;
-}
-
 .p-autocomplete-panel {
-    position: absolute;
     overflow: auto;
 }
 

package/resources/components/tabmenu/tabmenu.css

@@ -72,3 +72,7 @@
 .p-tabmenu-nav-content::-webkit-scrollbar {
     display: none;
 }
+
+.p-tabmenuitem {
+    display: flex;
+}

package/resources/themes/arya-blue/theme.css

@@ -5577,6 +5577,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #383838;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #64B5F6;
+  color: #212529;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 3px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/arya-green/theme.css

@@ -5577,6 +5577,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #383838;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #81C784;
+  color: #212529;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 3px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/arya-orange/theme.css

@@ -5577,6 +5577,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #383838;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #FFD54F;
+  color: #212529;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 3px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/arya-purple/theme.css

@@ -5577,6 +5577,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #383838;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #BA68C8;
+  color: #ffffff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 3px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/bootstrap4-dark-blue/theme.css

@@ -5589,6 +5589,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #3f4b5b;
   border-width: 0 0 1px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #8dd0ff;
+  color: #151515;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 4px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/bootstrap4-dark-purple/theme.css

@@ -5589,6 +5589,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #3f4b5b;
   border-width: 0 0 1px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #c298d8;
+  color: #151515;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 4px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/bootstrap4-light-blue/theme.css

@@ -5589,6 +5589,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #dee2e6;
   border-width: 0 0 1px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #007bff;
+  color: #ffffff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 4px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/bootstrap4-light-purple/theme.css

@@ -5589,6 +5589,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #dee2e6;
   border-width: 0 0 1px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #883cae;
+  color: #ffffff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 4px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/fluent-light/theme.css

@@ -5529,6 +5529,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 0 none;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #0078d4;
+  color: #ffffff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 2px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/lara-dark-blue/theme.css

@@ -5529,6 +5529,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #0b213f;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #93C5FD;
+  color: #1c2127;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 6px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/lara-dark-indigo/theme.css

@@ -5529,6 +5529,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #0b213f;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #A5B4FC;
+  color: #1c2127;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 6px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/lara-dark-purple/theme.css

@@ -5529,6 +5529,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #0b213f;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #C4B5FD;
+  color: #1c2127;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 6px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/lara-dark-teal/theme.css

@@ -5529,6 +5529,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #0b213f;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #5EEAD4;
+  color: #1c2127;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 6px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/lara-light-blue/theme.css

@@ -5529,6 +5529,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #dee2e6;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #3B82F6;
+  color: #ffffff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 6px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/lara-light-indigo/theme.css

@@ -5529,6 +5529,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #dee2e6;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #6366F1;
+  color: #ffffff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 6px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/lara-light-purple/theme.css

@@ -5529,6 +5529,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #dee2e6;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #8B5CF6;
+  color: #ffffff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 6px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/lara-light-teal/theme.css

@@ -5529,6 +5529,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 1px solid #dee2e6;
   border-width: 0 0 2px 0;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #14B8A6;
+  color: #ffffff;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 6px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 0;
 }

package/resources/themes/luna-amber/theme.css

@@ -5541,6 +5541,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   border: 0 none;
   border-width: 1px;
 }
+.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
+  background: #FFE082;
+  color: #212529;
+  font-size: 0.75rem;
+  font-weight: 700;
+  min-width: 1.5rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  border-radius: 3px;
+  margin-left: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
   margin-right: 2px;
 }