import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@ironsource/fusion-ui/components/icon/v1";
const _c0 = () => ({ iconName: "arrow-right", iconVersion: "v1" });
export class AccordionHeaderComponent {
    constructor() {
        this.iconPosition = 'right';
    }
    static { this.ɵfac = function AccordionHeaderComponent_Factory(t) { return new (t || AccordionHeaderComponent)(); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccordionHeaderComponent, selectors: [["fusion-accordion-header"]], inputs: { isOpen: "isOpen", text: "text", iconPosition: "iconPosition" }, decls: 3, vars: 7, consts: [[1, "accordion-header"], [1, "open-close", 3, "name"]], template: function AccordionHeaderComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵtext(1);
            i0.ɵɵelement(2, "fusion-icon", 1);
            i0.ɵɵelementEnd();
        } if (rf & 2) {
            i0.ɵɵclassProp("opened", ctx.isOpen)("icon-position-left", ctx.iconPosition === "left");
            i0.ɵɵadvance();
            i0.ɵɵtextInterpolate1(" ", ctx.text, " ");
            i0.ɵɵadvance();
            i0.ɵɵproperty("name", i0.ɵɵpureFunction0(6, _c0));
        } }, dependencies: [i1.IconComponent], styles: ["[_nghost-%COMP%]   .accordion-header[_ngcontent-%COMP%]{font-size:12px;font-family:HelveticaNeue,helvetica,sans-serif;font-weight:400;letter-spacing:.04px}[_nghost-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}[_nghost-%COMP%]   fusion-icon.open-close[_ngcontent-%COMP%]{position:absolute;right:11px}[_nghost-%COMP%]   fusion-icon.open-close[_ngcontent-%COMP%]     svg{width:8px;height:8px}[_nghost-%COMP%]   fusion-icon.open-close[_ngcontent-%COMP%]     svg *{fill:var(--fu-dark-300, #313d91)}[_nghost-%COMP%]   .accordion-header[_ngcontent-%COMP%]{border-bottom:solid 1px var(--fu-light-300, #e5e7e9);display:block;height:40px;color:var(--fu-dark-300, #313d91);padding:10px;position:relative}[_nghost-%COMP%]   .accordion-header[_ngcontent-%COMP%]:hover{background-color:var(--fu-light-100, #f7f8f9);cursor:pointer}[_nghost-%COMP%]   .accordion-header.opened[_ngcontent-%COMP%]{border-bottom-color:transparent}[_nghost-%COMP%]   .accordion-header.opened[_ngcontent-%COMP%]   fusion-icon.open-close[_ngcontent-%COMP%]     svg{width:8px;height:8px;transform:rotate(90deg)}[_nghost-%COMP%]   .accordion-header.opened[_ngcontent-%COMP%]   fusion-icon.open-close[_ngcontent-%COMP%]     svg *{fill:var(--fu-dark-300, #313d91)}[_nghost-%COMP%]   .accordion-header.icon-position-left[_ngcontent-%COMP%]{padding-left:29px}[_nghost-%COMP%]   .accordion-header.icon-position-left[_ngcontent-%COMP%]   .open-close[_ngcontent-%COMP%]{left:11px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionHeaderComponent, [{
        type: Component,
        args: [{ selector: 'fusion-accordion-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion-header\" [class.opened]=\"isOpen\" [class.icon-position-left]=\"iconPosition === 'left'\">\n    {{ text }}\n    <fusion-icon class=\"open-close\" [name]=\"{iconName: 'arrow-right', iconVersion: 'v1'}\"></fusion-icon>\n</div>\n", styles: [":host .accordion-header{font-size:12px;font-family:HelveticaNeue,helvetica,sans-serif;font-weight:400;letter-spacing:.04px}:host *{box-sizing:border-box}:host fusion-icon.open-close{position:absolute;right:11px}:host fusion-icon.open-close ::ng-deep svg{width:8px;height:8px}:host fusion-icon.open-close ::ng-deep svg *{fill:var(--fu-dark-300, #313d91)}:host .accordion-header{border-bottom:solid 1px var(--fu-light-300, #e5e7e9);display:block;height:40px;color:var(--fu-dark-300, #313d91);padding:10px;position:relative}:host .accordion-header:hover{background-color:var(--fu-light-100, #f7f8f9);cursor:pointer}:host .accordion-header.opened{border-bottom-color:transparent}:host .accordion-header.opened fusion-icon.open-close ::ng-deep svg{width:8px;height:8px;transform:rotate(90deg)}:host .accordion-header.opened fusion-icon.open-close ::ng-deep svg *{fill:var(--fu-dark-300, #313d91)}:host .accordion-header.icon-position-left{padding-left:29px}:host .accordion-header.icon-position-left .open-close{left:11px}\n"] }]
    }], null, { isOpen: [{
            type: Input
        }], text: [{
            type: Input
        }], iconPosition: [{
            type: Input
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionHeaderComponent, { className: "AccordionHeaderComponent", filePath: "accordion-header/accordion-header.component.ts", lineNumber: 9 }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mdXNpb24tdWkvY29tcG9uZW50cy9hY2NvcmRpb24vY29tbW9uL2Jhc2UvYWNjb3JkaW9uLWhlYWRlci9hY2NvcmRpb24taGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Z1c2lvbi11aS9jb21wb25lbnRzL2FjY29yZGlvbi9jb21tb24vYmFzZS9hY2NvcmRpb24taGVhZGVyL2FjY29yZGlvbi1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFReEUsTUFBTSxPQUFPLHdCQUF3QjtJQU5yQztRQVNhLGlCQUFZLEdBQUcsT0FBTyxDQUFDO0tBQ25DO3lGQUpZLHdCQUF3QjtvRUFBeEIsd0JBQXdCO1lDUnJDLDhCQUEyRztZQUN2RyxZQUNBO1lBQUEsaUNBQW9HO1lBQ3hHLGlCQUFNOztZQUh3QixvQ0FBdUIsbURBQUE7WUFDakQsY0FDQTtZQURBLHlDQUNBO1lBQWdDLGNBQXFEO1lBQXJELGlEQUFxRDs7O2lGRE01RSx3QkFBd0I7Y0FOcEMsU0FBUzsyQkFDSSx5QkFBeUIsbUJBR2xCLHVCQUF1QixDQUFDLE1BQU07Z0JBR3RDLE1BQU07a0JBQWQsS0FBSztZQUNHLElBQUk7a0JBQVosS0FBSztZQUNHLFlBQVk7a0JBQXBCLEtBQUs7O2tGQUhHLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Z1c2lvbi1hY2NvcmRpb24taGVhZGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYWNjb3JkaW9uLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbkhlYWRlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgaXNPcGVuOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uUG9zaXRpb24gPSAncmlnaHQnO1xufVxuIiwiPGRpdiBjbGFzcz1cImFjY29yZGlvbi1oZWFkZXJcIiBbY2xhc3Mub3BlbmVkXT1cImlzT3BlblwiIFtjbGFzcy5pY29uLXBvc2l0aW9uLWxlZnRdPVwiaWNvblBvc2l0aW9uID09PSAnbGVmdCdcIj5cbiAgICB7eyB0ZXh0IH19XG4gICAgPGZ1c2lvbi1pY29uIGNsYXNzPVwib3Blbi1jbG9zZVwiIFtuYW1lXT1cIntpY29uTmFtZTogJ2Fycm93LXJpZ2h0JywgaWNvblZlcnNpb246ICd2MSd9XCI+PC9mdXNpb24taWNvbj5cbjwvZGl2PlxuIl19