primeng/bundles/primeng-fieldset.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/animations"),require("@angular/common"),require("primeng/api"),require("primeng/ripple")):"function"==typeof define&&define.amd?define("primeng/fieldset",["exports","@angular/core","@angular/animations","@angular/common","primeng/api","primeng/ripple"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).primeng=e.primeng||{},e.primeng.fieldset={}),e.ng.core,e.ng.animations,e.ng.common,e.primeng.api,e.primeng.ripple)}(this,(function(e,t,n,i,l,o){"use strict";var a=0,s=function(){function e(e){this.el=e,this.collapsed=!1,this.collapsedChange=new t.EventEmitter,this.onBeforeToggle=new t.EventEmitter,this.onAfterToggle=new t.EventEmitter,this.transitionOptions="400ms cubic-bezier(0.86, 0, 0.07, 1)",this.id="p-fieldset-"+a++}return e.prototype.ngAfterContentInit=function(){var e=this;this.templates.forEach((function(t){switch(t.getType()){case"header":e.headerTemplate=t.template;break;case"content":e.contentTemplate=t.template}}))},e.prototype.toggle=function(e){if(this.animating)return!1;this.animating=!0,this.onBeforeToggle.emit({originalEvent:e,collapsed:this.collapsed}),this.collapsed?this.expand(e):this.collapse(e),this.onAfterToggle.emit({originalEvent:e,collapsed:this.collapsed}),e.preventDefault()},e.prototype.expand=function(e){this.collapsed=!1,this.collapsedChange.emit(this.collapsed)},e.prototype.collapse=function(e){this.collapsed=!0,this.collapsedChange.emit(this.collapsed)},e.prototype.getBlockableElement=function(){return this.el.nativeElement.children[0]},e.prototype.onToggleDone=function(e){this.animating=!1},e}();s.decorators=[{type:t.Component,args:[{selector:"p-fieldset",template:'\n        <fieldset [attr.id]="id" [ngClass]="{\'p-fieldset p-component\': true, \'p-fieldset-toggleable\': toggleable}" [ngStyle]="style" [class]="styleClass">\n            <legend class="p-fieldset-legend">\n                <ng-container *ngIf="toggleable; else legendContent">\n                    <a tabindex="0" (click)="toggle($event)" (keydown.enter)="toggle($event)" [attr.aria-controls]="id + \'-content\'" [attr.aria-expanded]="!collapsed" pRipple>\n                        <span class="p-fieldset-toggler pi" *ngIf="toggleable" [ngClass]="{\'pi-minus\': !collapsed,\'pi-plus\':collapsed}"></span>\n                        <ng-container *ngTemplateOutlet="legendContent"></ng-container>\n                    </a>\n                </ng-container>\n                <ng-template #legendContent>\n                    <span class="p-fieldset-legend-text">{{legend}}</span>\n                    <ng-content select="p-header"></ng-content>\n                    <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>\n                </ng-template>\n            </legend>\n            <div [attr.id]="id + \'-content\'" class="p-toggleable-content" [@fieldsetContent]="collapsed ? {value: \'hidden\', params: {transitionParams: transitionOptions, height: \'0\'}} : {value: \'visible\', params: {transitionParams: animating ? transitionOptions : \'0ms\', height: \'*\'}}" \n                        [attr.aria-labelledby]="id" [attr.aria-hidden]="collapsed"\n                         (@fieldsetContent.done)="onToggleDone($event)" role="region">\n                <div class="p-fieldset-content">\n                    <ng-content></ng-content>\n                    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>\n                </div>\n            </div>\n        </fieldset>\n    ',animations:[n.trigger("fieldsetContent",[n.state("hidden",n.style({height:"0",overflow:"hidden"})),n.state("visible",n.style({height:"*"})),n.transition("visible <=> hidden",[n.style({overflow:"hidden"}),n.animate("{{transitionParams}}")]),n.transition("void => *",n.animate(0))])],changeDetection:t.ChangeDetectionStrategy.OnPush,encapsulation:t.ViewEncapsulation.None,styles:[".p-fieldset-legend>a,.p-fieldset-legend>span{align-items:center;display:flex;justify-content:center}.p-fieldset-toggleable .p-fieldset-legend a{-ms-user-select:none;-webkit-user-select:none;cursor:pointer;overflow:hidden;position:relative;user-select:none}.p-fieldset-legend-text{line-height:1}"]}]}],s.ctorParameters=function(){return[{type:t.ElementRef}]},s.propDecorators={legend:[{type:t.Input}],toggleable:[{type:t.Input}],collapsed:[{type:t.Input}],collapsedChange:[{type:t.Output}],onBeforeToggle:[{type:t.Output}],onAfterToggle:[{type:t.Output}],style:[{type:t.Input}],styleClass:[{type:t.Input}],transitionOptions:[{type:t.Input}],templates:[{type:t.ContentChildren,args:[l.PrimeTemplate]}]};var p=function(){};p.decorators=[{type:t.NgModule,args:[{imports:[i.CommonModule,o.RippleModule],exports:[s,l.SharedModule],declarations:[s]}]}],e.Fieldset=s,e.FieldsetModule=p,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=primeng-fieldset.umd.min.js.map