primeng/bundles/primeng-tabmenu.umd.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primeng) [![Discord](https://img.shields.io/discord/557940238991753

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("primeng/ripple"),require("primeng/api"),require("@angular/router"),require("primeng/dom")):"function"==typeof define&&define.amd?define("primeng/tabmenu",["exports","@angular/core","@angular/common","primeng/ripple","primeng/api","@angular/router","primeng/dom"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).primeng=e.primeng||{},e.primeng.tabmenu={}),e.ng.core,e.ng.common,e.primeng.ripple,e.primeng.api,e.ng.router,e.primeng.dom)}(this,(function(e,t,n,i,a,r,l){"use strict";var m=function(){function e(){}return e.prototype.ngAfterContentInit=function(){var e=this;this.templates.forEach((function(t){switch(t.getType()){case"item":default:e.itemTemplate=t.template}}))},e.prototype.ngAfterViewInit=function(){this.updateInkBar()},e.prototype.ngAfterViewChecked=function(){this.tabChanged&&(this.updateInkBar(),this.tabChanged=!1)},e.prototype.itemClick=function(e,t){t.disabled?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem=t,this.tabChanged=!0)},e.prototype.updateInkBar=function(){var e=l.DomHandler.findSingle(this.navbar.nativeElement,"li.p-highlight");e&&(this.inkbar.nativeElement.style.width=l.DomHandler.getWidth(e)+"px",this.inkbar.nativeElement.style.left=l.DomHandler.getOffset(e).left-l.DomHandler.getOffset(this.navbar.nativeElement).left+"px")},e}();m.decorators=[{type:t.Component,args:[{selector:"p-tabMenu",template:'\n        <div [ngClass]="\'p-tabmenu p-component\'" [ngStyle]="style" [class]="styleClass">\n            <ul #navbar class="p-tabmenu-nav p-reset" role="tablist">\n                <li *ngFor="let item of model; let i = index" role="tab" [attr.aria-selected]="activeItem==item" [attr.aria-expanded]="activeItem==item"\n                    [ngClass]="{\'p-tabmenuitem\':true,\'p-disabled\':item.disabled,\'p-highlight\':activeItem==item,\'p-hidden\': item.visible === false}">\n                    <a *ngIf="!item.routerLink" [attr.href]="item.url" class="p-menuitem-link" role="presentation" (click)="itemClick($event,item)" [attr.tabindex]="item.disabled ? null : \'0\'"\n                        [attr.target]="item.target" [attr.title]="item.title" [attr.id]="item.id" pRipple>\n                        <ng-container *ngIf="!itemTemplate">\n                            <span class="p-menuitem-icon" [ngClass]="item.icon" *ngIf="item.icon"></span>\n                            <span class="p-menuitem-text" *ngIf="item.escape !== false; else htmlLabel">{{item.label}}</span>\n                            <ng-template #htmlLabel><span class="p-menuitem-text" [innerHTML]="item.label"></span></ng-template>\n                        </ng-container>\n                        <ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: item, index: i}"></ng-container>\n                    </a>\n                    <a *ngIf="item.routerLink" [routerLink]="item.routerLink" [queryParams]="item.queryParams" [routerLinkActive]="\'p-menuitem-link-active\'" [routerLinkActiveOptions]="item.routerLinkActiveOptions||{exact:false}"\n                        role="presentation" class="p-menuitem-link" (click)="itemClick($event,item)" [attr.tabindex]="item.disabled ? null : \'0\'"\n                        [attr.target]="item.target" [attr.title]="item.title" [attr.id]="item.id"\n                        [fragment]="item.fragment" [queryParamsHandling]="item.queryParamsHandling" [preserveFragment]="item.preserveFragment" [skipLocationChange]="item.skipLocationChange" [replaceUrl]="item.replaceUrl" [state]="item.state" pRipple>\n                        <ng-container *ngIf="!itemTemplate">\n                            <span class="p-menuitem-icon" [ngClass]="item.icon" *ngIf="item.icon"></span>\n                            <span class="p-menuitem-text" *ngIf="item.escape !== false; else htmlRouteLabel">{{item.label}}</span>\n                            <ng-template #htmlRouteLabel><span class="p-menuitem-text" [innerHTML]="item.label"></span></ng-template>\n                        </ng-container>\n                        <ng-container *ngTemplateOutlet="itemTemplate; context: {$implicit: item, index: i}"></ng-container>\n                    </a>\n                </li>\n                <li #inkbar class="p-tabmenu-ink-bar"></li>\n            </ul>\n        </div>\n    ',changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:[".p-tabmenu-nav{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.p-tabmenu-nav a{-ms-user-select:none;-webkit-user-select:none;align-items:center;cursor:pointer;display:flex;overflow:hidden;position:relative;text-decoration:none;user-select:none}.p-tabmenu-nav a:focus{z-index:1}.p-tabmenu-nav .p-menuitem-text{line-height:1}.p-tabmenu-ink-bar{display:none;z-index:1}"]}]}],m.propDecorators={model:[{type:t.Input}],activeItem:[{type:t.Input}],popup:[{type:t.Input}],style:[{type:t.Input}],styleClass:[{type:t.Input}],navbar:[{type:t.ViewChild,args:["navbar"]}],inkbar:[{type:t.ViewChild,args:["inkbar"]}],templates:[{type:t.ContentChildren,args:[a.PrimeTemplate]}]};var p=function(){};p.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,r.RouterModule,a.SharedModule,i.RippleModule],exports:[m,r.RouterModule,a.SharedModule],declarations:[m]}]}],e.TabMenu=m,e.TabMenuModule=p,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=primeng-tabmenu.umd.min.js.map