primeng/bundles/primeng-steps.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("@angular/router")):"function"==typeof define&&define.amd?define("primeng/steps",["exports","@angular/core","@angular/common","@angular/router"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).primeng=e.primeng||{},e.primeng.steps={}),e.ng.core,e.ng.common,e.ng.router)}(this,(function(e,t,n,i){"use strict";var s=function(){function e(e,n,i){this.router=e,this.route=n,this.cd=i,this.activeIndex=0,this.readonly=!0,this.activeIndexChange=new t.EventEmitter}return e.prototype.ngOnInit=function(){var e=this;this.subscription=this.router.events.subscribe((function(){return e.cd.markForCheck()}))},e.prototype.itemClick=function(e,t,n){this.readonly||t.disabled?e.preventDefault():(this.activeIndexChange.emit(n),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},e.prototype.isClickableRouterLink=function(e){return e.routerLink&&!this.readonly&&!e.disabled},e.prototype.isActive=function(e,t){return e.routerLink?this.router.isActive(e.routerLink,!1)||this.router.isActive(this.router.createUrlTree([e.routerLink],{relativeTo:this.route}).toString(),!1):t===this.activeIndex},e.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},e}();s.decorators=[{type:t.Component,args:[{selector:"p-steps",template:'\n        <div [ngClass]="{\'p-steps p-component\':true,\'p-readonly\':readonly}" [ngStyle]="style" [class]="styleClass">\n            <ul role="tablist">\n                <li *ngFor="let item of model; let i = index" class="p-steps-item" #menuitem [ngStyle]="item.style" [class]="item.styleClass" role="tab" [attr.aria-selected]="i === activeIndex" [attr.aria-expanded]="i === activeIndex"\n                    [ngClass]="{\'p-highlight p-steps-current\': isActive(item, i), \'p-disabled\': item.disabled || (readonly && !isActive(item, i))}">\n                    <a *ngIf="isClickableRouterLink(item); else elseBlock" [routerLink]="item.routerLink" [queryParams]="item.queryParams" role="presentation" [routerLinkActive]="\'p-menuitem-link-active\'" [routerLinkActiveOptions]="item.routerLinkActiveOptions||{exact:false}" class="p-menuitem-link" \n                        (click)="itemClick($event, item, i)" (keydown.enter)="itemClick($event, item, i)" [attr.target]="item.target" [attr.id]="item.id" [attr.tabindex]="item.disabled || readonly ? null : (item.tabindex ? item.tabindex : \'0\')"\n                        [fragment]="item.fragment" [queryParamsHandling]="item.queryParamsHandling" [preserveFragment]="item.preserveFragment" [skipLocationChange]="item.skipLocationChange" [replaceUrl]="item.replaceUrl" [state]="item.state">\n                        <span class="p-steps-number">{{i + 1}}</span>\n                        <span class="p-steps-title" *ngIf="item.escape !== false; else htmlLabel">{{item.label}}</span>\n                        <ng-template #htmlLabel><span class="p-steps-title" [innerHTML]="item.label"></span></ng-template>\n                    </a>\n                    <ng-template #elseBlock>\n                        <a [attr.href]="item.url" class="p-menuitem-link" role="presentation" (click)="itemClick($event, item, i)" (keydown.enter)="itemClick($event, item, i)" [attr.target]="item.target" [attr.id]="item.id" \n                            [attr.tabindex]="item.disabled||(i !== activeIndex && readonly) ? null : (item.tabindex ? item.tabindex : \'0\')">\n                            <span class="p-steps-number">{{i + 1}}</span>\n                            <span class="p-steps-title" *ngIf="item.escape !== false; else htmlRouteLabel">{{item.label}}</span>\n                            <ng-template #htmlRouteLabel><span class="p-steps-title" [innerHTML]="item.label"></span></ng-template>\n                        </a>\n                    </ng-template>\n                </li>\n            </ul>\n        </div>\n    ',changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:[".p-steps{position:relative}.p-steps ul{display:flex;list-style-type:none;margin:0;padding:0}.p-steps-item{display:flex;flex:1 1 auto;justify-content:center;position:relative}.p-steps-item .p-menuitem-link{align-items:center;display:inline-flex;flex-direction:column;overflow:hidden;text-decoration:none}.p-steps.p-steps-readonly .p-steps-item{cursor:auto}.p-steps-item.p-steps-current .p-menuitem-link{cursor:default}.p-steps-title{white-space:nowrap}.p-steps-number{align-items:center;display:flex;justify-content:center}.p-steps-title{display:block}"]}]}],s.ctorParameters=function(){return[{type:i.Router},{type:i.ActivatedRoute},{type:t.ChangeDetectorRef}]},s.propDecorators={activeIndex:[{type:t.Input}],model:[{type:t.Input}],readonly:[{type:t.Input}],style:[{type:t.Input}],styleClass:[{type:t.Input}],activeIndexChange:[{type:t.Output}]};var r=function(){};r.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,i.RouterModule],exports:[s,i.RouterModule],declarations:[s]}]}],e.Steps=s,e.StepsModule=r,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=primeng-steps.umd.min.js.map