{"version":3,"file":"primeng-fieldset.umd.js","sources":["../../src/app/components/fieldset/fieldset.ts","../../src/app/components/fieldset/primeng-fieldset.ts"],"sourcesContent":["import {NgModule,Component,Input,Output,EventEmitter,ElementRef,ChangeDetectionStrategy, ViewEncapsulation, AfterContentInit, QueryList, ContentChildren, TemplateRef} from '@angular/core';\nimport {trigger,state,style,transition,animate} from '@angular/animations';\nimport {CommonModule} from '@angular/common';\nimport {SharedModule, PrimeTemplate} from 'primeng/api';\nimport {BlockableUI} from 'primeng/api';\nimport {RippleModule} from 'primeng/ripple'; \n\nlet idx: number = 0;\n\n@Component({\n selector: 'p-fieldset',\n 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 `,\n animations: [\n trigger('fieldsetContent', [\n state('hidden', style({\n height: '0',\n overflow: 'hidden'\n })),\n state('visible', style({\n height: '*'\n })),\n transition('visible <=> hidden', [style({overflow: 'hidden'}), animate('{{transitionParams}}')]),\n transition('void => *', animate(0))\n ])\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n styleUrls: ['./fieldset.css']\n})\nexport class Fieldset implements AfterContentInit,BlockableUI {\n\n @Input() legend: string;\n\n @Input() toggleable: boolean;\n\n @Input() collapsed: boolean = false;\n\n @Output() collapsedChange: EventEmitter<any> = new EventEmitter();\n \n @Output() onBeforeToggle: EventEmitter<any> = new EventEmitter();\n\n @Output() onAfterToggle: EventEmitter<any> = new EventEmitter();\n \n @Input() style: any;\n \n @Input() styleClass: string;\n\n @Input() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';\n\n @ContentChildren(PrimeTemplate) templates: QueryList<any>;\n \n public animating: boolean;\n\n headerTemplate: TemplateRef<any>;\n\n contentTemplate: TemplateRef<any>;\n \n constructor(private el: ElementRef) {}\n \n id: string = `p-fieldset-${idx++}`;\n\n ngAfterContentInit() {\n this.templates.forEach((item) => {\n switch(item.getType()) {\n case 'header':\n this.headerTemplate = item.template;\n break;\n\n case 'content':\n this.contentTemplate = item.template;\n break;\n }\n });\n }\n \n toggle(event) {\n if (this.animating) {\n return false;\n }\n \n this.animating = true;\n this.onBeforeToggle.emit({originalEvent: event, collapsed: this.collapsed});\n \n if (this.collapsed)\n this.expand(event);\n else\n this.collapse(event);\n \n this.onAfterToggle.emit({originalEvent: event, collapsed: this.collapsed}); \n event.preventDefault();\n }\n \n expand(event) {\n this.collapsed = false;\n this.collapsedChange.emit(this.collapsed);\n }\n \n collapse(event) {\n this.collapsed = true;\n this.collapsedChange.emit(this.collapsed);\n }\n \n getBlockableElement(): HTMLElement {\n return this.el.nativeElement.children[0];\n }\n \n onToggleDone(event: Event) {\n this.animating = false;\n }\n\n}\n\n@NgModule({\n imports: [CommonModule,RippleModule],\n exports: [Fieldset,SharedModule],\n declarations: [Fieldset]\n})\nexport class FieldsetModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["EventEmitter","PrimeTemplate","trigger","state","style","transition","animate","Component","ChangeDetectionStrategy","ViewEncapsulation","Input","Output","ContentChildren","CommonModule","RippleModule","SharedModule","NgModule"],"mappings":"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"}