import { Component, HostListener, Output, EventEmitter, HostBinding } from '@angular/core';
export class RExpansionPanelHeaderComponent {
    constructor() {
        this.onClick = new EventEmitter();
        this.expanded = false;
    }
    _onClick() {
        this.onClick.emit();
    }
    get class() {
        return 'disable-text-selection';
    }
}
RExpansionPanelHeaderComponent.decorators = [
    { type: Component, args: [{
                selector: 'r-expansion-panel-header',
                template: `
    <ng-content></ng-content>
    <r-icon [style.transform]="expanded ? 'rotate(180deg)' : 'rotate(0deg)'" icon="arrow-ios-downward-outline"></r-icon>
  `,
                styles: [":host{display:flex;flex:1;align-items:center;justify-content:space-between;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host r-icon{transition-duration:.15s;transition-property:transform;transition-timing-function:ease-in}:host:focus{box-shadow:none}"]
            },] }
];
RExpansionPanelHeaderComponent.propDecorators = {
    onClick: [{ type: Output }],
    _onClick: [{ type: HostListener, args: ['click',] }],
    class: [{ type: HostBinding, args: ['class',] }]
};
//# sourceMappingURL=expansion-panel-header.component.js.map