{"version":3,"file":"axulus-uikit-panel.mjs","sources":["../../src/app/components/panel/panel.ts","../../src/app/components/panel/axulus-uikit-panel.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { CommonModule } from '@angular/common';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Input,\n  NgModule,\n  Output,\n  QueryList,\n  TemplateRef,\n  ViewEncapsulation\n} from '@angular/core';\nimport { BlockableUI, Footer, PrimeTemplate, SharedModule } from '@axulus/uikit/api';\nimport { RippleModule } from '@axulus/uikit/ripple';\n\ntype PanelIconPosition = 'start' | 'end' | 'center';\n\nlet idx: number = 0;\n\n@Component({\n  selector: 'p-panel',\n  template: `\n    <div\n      [attr.id]=\"id\"\n      [ngClass]=\"{\n        'p-panel p-component': true,\n        'p-panel-toggleable': toggleable,\n        'p-panel-expanded': !collapsed && toggleable\n      }\"\n      [ngStyle]=\"style\"\n      [class]=\"styleClass\"\n    >\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\n          role=\"tablist\"\n          class=\"p-panel-icons\"\n          [ngClass]=\"{\n            'p-panel-icons-start': iconPos === 'start',\n            'p-panel-icons-end': iconPos === 'end',\n            'p-panel-icons-center': iconPos === 'center'\n          }\"\n        >\n          <ng-template *ngTemplateOutlet=\"iconTemplate\"></ng-template>\n          <button\n            *ngIf=\"toggleable\"\n            type=\"button\"\n            [attr.aria-label]=\"'collapse button'\"\n            [attr.id]=\"id + '-label'\"\n            class=\"p-panel-header-icon p-panel-toggler p-link\"\n            pRipple\n            (click)=\"onIconClick($event)\"\n            (keydown.enter)=\"onIconClick($event)\"\n            [attr.aria-controls]=\"id + '-content'\"\n            role=\"tab\"\n            [attr.aria-expanded]=\"!collapsed\"\n          >\n            <span [class]=\"collapsed ? expandIcon : collapseIcon\"></span>\n          </button>\n        </div>\n      </div>\n      <div\n        [attr.id]=\"id + '-content'\"\n        class=\"p-toggleable-content\"\n        [@panelContent]=\"\n          collapsed\n            ? {\n                value: 'hidden',\n                params: { transitionParams: animating ? transitionOptions : '0ms', height: '0', opacity: '0' }\n              }\n            : {\n                value: 'visible',\n                params: { transitionParams: animating ? transitionOptions : '0ms', height: '*', opacity: '1' }\n              }\n        \"\n        (@panelContent.done)=\"onToggleDone($event)\"\n        role=\"region\"\n        [attr.aria-hidden]=\"collapsed\"\n        [attr.aria-labelledby]=\"id + '-titlebar'\"\n      >\n        <div class=\"p-panel-content\">\n          <ng-content></ng-content>\n          <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n        </div>\n\n        <div class=\"p-panel-footer\" *ngIf=\"footerFacet || footerTemplate\">\n          <ng-content select=\"p-footer\"></ng-content>\n          <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n        </div>\n      </div>\n    </div>\n  `,\n  animations: [\n    trigger('panelContent', [\n      state(\n        'hidden',\n        style({\n          height: '0'\n        })\n      ),\n      state(\n        'void',\n        style({\n          height: '{{height}}'\n        }),\n        { params: { height: '0' } }\n      ),\n      state(\n        'visible',\n        style({\n          height: '*'\n        })\n      ),\n      transition('visible <=> hidden', [animate('{{transitionParams}}')]),\n      transition('void => hidden', animate('{{transitionParams}}')),\n      transition('void => visible', animate('{{transitionParams}}'))\n    ])\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  styleUrls: ['./panel.css'],\n  host: {\n    class: 'p-element'\n  }\n})\nexport class Panel implements AfterContentInit, BlockableUI {\n  @Input() toggleable: boolean;\n\n  @Input() header: string;\n\n  @Input() collapsed: boolean = false;\n\n  @Input() style: any;\n\n  @Input() styleClass: string;\n\n  @Input() iconPos: PanelIconPosition = 'end';\n\n  @Input() expandIcon: string = 'pi pi-plus';\n\n  @Input() collapseIcon: string = 'pi pi-minus';\n\n  @Input() showHeader: boolean = true;\n\n  @Input() toggler: string = 'icon';\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() transitionOptions: string = '400ms cubic-bezier(0.86, 0, 0.07, 1)';\n\n  @ContentChild(Footer) footerFacet;\n\n  @ContentChildren(PrimeTemplate) templates: QueryList<any>;\n\n  public iconTemplate: TemplateRef<any>;\n\n  animating: boolean;\n\n  headerTemplate: TemplateRef<any>;\n\n  contentTemplate: TemplateRef<any>;\n\n  footerTemplate: TemplateRef<any>;\n\n  id: string = `p-panel-${idx++}`;\n\n  constructor(private el: ElementRef) {}\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        case 'footer':\n          this.footerTemplate = item.template;\n          break;\n\n        case 'icons':\n          this.iconTemplate = item.template;\n          break;\n\n        default:\n          this.contentTemplate = item.template;\n          break;\n      }\n    });\n  }\n\n  onHeaderClick(event: Event) {\n    if (this.toggler === 'header') {\n      this.toggle(event);\n    }\n  }\n\n  onIconClick(event: Event) {\n    if (this.toggler === 'icon') {\n      this.toggle(event);\n    }\n  }\n\n  toggle(event: 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.toggleable) {\n      if (this.collapsed) this.expand(event);\n      else this.collapse(event);\n    }\n\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    this.onAfterToggle.emit({ originalEvent: event, collapsed: this.collapsed });\n  }\n}\n\n@NgModule({\n  imports: [CommonModule, RippleModule],\n  exports: [Panel, SharedModule],\n  declarations: [Panel]\n})\nexport class PanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}