1 line
19 KiB
Plaintext
1 line
19 KiB
Plaintext
|
{"version":3,"file":"primeng-panel.mjs","sources":["../../src/app/components/panel/panel.ts","../../src/app/components/panel/primeng-panel.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { BlockableUI, Footer, PrimeTemplate, SharedModule } from 'primeng/api';\nimport { MinusIcon } from 'primeng/icons/minus';\nimport { PlusIcon } from 'primeng/icons/plus';\nimport { RippleModule } from 'primeng/ripple';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { UniqueComponentId } from 'primeng/utils';\nimport { PanelAfterToggleEvent, PanelBeforeToggleEvent } from './panel.interface';\n\n/**\n * Panel is a container with the optional content toggle feature.\n * @group Components\n */\n@Component({\n selector: 'p-panel',\n template: `\n <div [attr.id]=\"id\" [attr.data-pc-name]=\"'panel'\" [ngClass]=\"{ 'p-panel p-component': true, 'p-panel-toggleable': toggleable, 'p-panel-expanded': !collapsed && toggleable }\" [ngStyle]=\"style\" [class]=\"styleClass\">\n <div class=\"p-panel-header\" *ngIf=\"showHeader\" (click)=\"onHeaderClick($event)\" [attr.id]=\"id + '-titlebar'\">\n <span class=\"p-panel-title\" *ngIf=\"header\" [attr.id]=\"id + '_header'\">{{ header }}</span>\n <ng-content select=\"p-header\"></ng-content>\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n <div class=\"p-panel-icons\" [ngClass]=\"{ 'p-panel-icons-start': iconPos === 'start', 'p-panel-icons-end': iconPos === 'end', 'p-panel-icons-center': iconPos === 'center' }\">\n <ng-template *ngTemplateOutlet=\"iconTemplate\"></ng-template>\n <button\n *ngIf=\"toggleable\"\n [attr.id]=\"id + '_header'\"\n pRipple\n type=\"button\"\n role=\"button\"\n class=\"p-panel-header-icon p-panel-toggler p-link\"\n [attr.aria-label]=\"buttonAriaLabel\"\n [attr.aria-controls]=\"id + '_content'\"\n [attr.aria-expanded]=\"!collapsed\"\n (click)=\"onIconClick($event)\"\n (keydown)=\"onKeyDown($event)\"\n >\n <ng-container *ngIf=\"!headerIconTemplate\">\n <ng-container *ngIf=\"!collapsed\">\n <span *ngIf=\"expandIcon\" [class]=\"expandIcon\" [ngClass]=\"iconClass\"></span>\n <MinusIcon *ngIf=\"!expandIcon\" [styleClass]=\"iconClass\" />\n </ng-container>\n\n <ng-container *ngIf=\"collapsed\">\n <span *ngIf=\"collapseIcon\" [class]=\"collapseIcon\" [ngClass]=\"iconClass\"></span>\n <PlusIcon *ngIf=\"!collapseIcon\" [styleClass]=\"iconClass\" />\n </ng-container>\n </ng-container>\n\n <ng-template *ngTemplateOutlet=\"headerIconTemplate; context: { $implicit: collapsed }\"></ng-template>\n </button>\n </div>\n </div>\n <div\n class=\"p-toggleable-content\"\n [id]=\"id + '_content'\"\n role=\"region\"\n [attr.aria-labelledby]=\"id + '_header'\"\n [attr.aria-hidden]=\"collapsed\"\n [attr.tabindex]=\"collapsed ? '-1' : undefined\"\n [@panelContent]=\"\n collapsed\n ? { value: 'hidden', params: { transitionParams: animating ? transitionOptions
|