import * as i0 from '@angular/core';
import { Component, NgModule } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import { IconHeaderActionBaseComponent } from '@ironsource/fusion-ui/components/icon-header-action/common/base';
import * as i2 from '@ironsource/fusion-ui/components/icon/v1';
import { IconModule } from '@ironsource/fusion-ui/components/icon/v1';

const _c0 = () => ({ iconName: "arrow-right", iconVersion: "v1" });
function IconHeaderActionComponent_fusion_icon_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 3);
} if (rf & 2) {
    i0.ɵɵproperty("name", i0.ɵɵpureFunction0(1, _c0));
} }
const _c1 = (a0, a1) => ({ isOpen: a0, hideDropArrow: a1 });
const _c2 = (a0, a1) => ({ isActive: a0, isOpen: a1 });
class IconHeaderActionComponent extends IconHeaderActionBaseComponent {
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵIconHeaderActionComponent_BaseFactory; return function IconHeaderActionComponent_Factory(t) { return (ɵIconHeaderActionComponent_BaseFactory || (ɵIconHeaderActionComponent_BaseFactory = i0.ɵɵgetInheritedFactory(IconHeaderActionComponent)))(t || IconHeaderActionComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconHeaderActionComponent, selectors: [["fusion-icon-header-action"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 10, consts: [[1, "wrap", 3, "ngClass"], [1, "main-icon", 3, "name", "ngClass"], ["class", "arrow-icon", 3, "name", 4, "ngIf"], [1, "arrow-icon", 3, "name"]], template: function IconHeaderActionComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵelement(1, "fusion-icon", 1);
            i0.ɵɵtemplate(2, IconHeaderActionComponent_fusion_icon_2_Template, 1, 2, "fusion-icon", 2);
            i0.ɵɵelementEnd();
        } if (rf & 2) {
            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(4, _c1, ctx.isOpen, ctx.hideDropArrow));
            i0.ɵɵadvance();
            i0.ɵɵproperty("name", ctx.icon)("ngClass", i0.ɵɵpureFunction2(7, _c2, ctx.isActive, ctx.isOpen));
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", !ctx.hideDropArrow);
        } }, dependencies: [i1.NgClass, i1.NgIf, i2.IconComponent], styles: ["[_nghost-%COMP%]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}[_nghost-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg{width:14px;height:14px}[_nghost-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg *{fill:var(--light-color-800, #678099)}[_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg{width:14.6px;height:14.6px}[_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg *{fill:var(--light-color-800, #678099)}[_nghost-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg{width:14px;height:14px}[_nghost-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg *{fill:var(--light-color-800, #678099)}[_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg{height:8px;width:5px;transform:rotate(90deg)}[_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg *{fill:var(--light-color-800, #678099)}[_nghost-%COMP%]   .isOpen[_ngcontent-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg{width:14px;height:14px}[_nghost-%COMP%]   .isOpen[_ngcontent-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}[_nghost-%COMP%]   .isOpen[_ngcontent-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg{width:14px;height:14px}[_nghost-%COMP%]   .isOpen[_ngcontent-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}[_nghost-%COMP%]   .isOpen[_ngcontent-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg{width:14.6px;height:14.6px}[_nghost-%COMP%]   .isOpen[_ngcontent-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}[_nghost-%COMP%]   .isOpen[_ngcontent-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg{height:8px;width:5px;transform:rotate(270deg)}[_nghost-%COMP%]   .isOpen[_ngcontent-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}[_nghost-%COMP%]   .isActive[_ngcontent-%COMP%]:after{content:\"\";height:8px;width:8px;background-color:#e1174c;border-radius:50%;border:solid 1px #FFF;display:block;top:-3px;right:-2px;position:absolute}.wrap[_ngcontent-%COMP%]{position:relative;width:14px}.wrap[_ngcontent-%COMP%]   .main-icon[_ngcontent-%COMP%]{position:relative;left:-5px}.wrap[_ngcontent-%COMP%]   .arrow-icon[_ngcontent-%COMP%]{width:20px;position:absolute;left:15px;top:-2px}.wrap.hideDropArrow[_ngcontent-%COMP%]   .main-icon[_ngcontent-%COMP%]{left:0}.wrap.isOpen[_ngcontent-%COMP%]:after{border-color:var(--light-color-900, #52677B) transparent transparent}.header.isOpen[_nghost-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg, .header.isOpen   [_nghost-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg, .wrap:hover[_nghost-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg, .wrap:hover   [_nghost-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg{width:14px;height:14px}.header.isOpen[_nghost-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg *, .header.isOpen   [_nghost-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg *, .wrap:hover[_nghost-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg *, .wrap:hover   [_nghost-%COMP%]   fusion-icon.filter-full[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}.header.isOpen[_nghost-%COMP%]   fusion-icon.settings[_ngcontent-%COMP%]     svg, .header.isOpen   [_nghost-%COMP%]   fusion-icon.settings[_ngcontent-%COMP%]     svg, .wrap:hover[_nghost-%COMP%]   fusion-icon.settings[_ngcontent-%COMP%]     svg, .wrap:hover   [_nghost-%COMP%]   fusion-icon.settings[_ngcontent-%COMP%]     svg{width:20px;height:20px}.header.isOpen[_nghost-%COMP%]   fusion-icon.settings[_ngcontent-%COMP%]     svg *, .header.isOpen   [_nghost-%COMP%]   fusion-icon.settings[_ngcontent-%COMP%]     svg *, .wrap:hover[_nghost-%COMP%]   fusion-icon.settings[_ngcontent-%COMP%]     svg *, .wrap:hover   [_nghost-%COMP%]   fusion-icon.settings[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}.header.isOpen[_nghost-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg, .header.isOpen   [_nghost-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg, .wrap:hover[_nghost-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg, .wrap:hover   [_nghost-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg{width:14px;height:14px}.header.isOpen[_nghost-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg *, .header.isOpen   [_nghost-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg *, .wrap:hover[_nghost-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg *, .wrap:hover   [_nghost-%COMP%]   fusion-icon.edit-columns[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}.header.isOpen[_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg, .header.isOpen   [_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg, .wrap:hover[_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg, .wrap:hover   [_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg{height:8px;width:5px;transform:rotate(90deg)}.header.isOpen[_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg *, .header.isOpen   [_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg *, .wrap:hover[_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg *, .wrap:hover   [_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}.header.isOpen[_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg, .header.isOpen   [_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg, .wrap:hover[_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg, .wrap:hover   [_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg{width:14.6px;height:14.6px}.header.isOpen[_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg *, .header.isOpen   [_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg *, .wrap:hover[_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg *, .wrap:hover   [_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}.header.isOpen[_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg, .header.isOpen   [_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg{height:8px;width:5px;transform:rotate(270deg)}.header.isOpen[_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg *, .header.isOpen   [_nghost-%COMP%]   fusion-icon.arrow-right[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}.header.isOpen[_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%], .header.isOpen   [_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]{top:1.4px}.header.isOpen[_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg, .header.isOpen   [_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg{width:14.6px;height:14.6px}.header.isOpen[_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg *, .header.isOpen   [_nghost-%COMP%]   fusion-icon.gear[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}"] }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconHeaderActionComponent, [{
        type: Component,
        args: [{ selector: 'fusion-icon-header-action', template: "<div [ngClass]=\"{isOpen: isOpen, hideDropArrow: hideDropArrow}\" class=\"wrap\">\n  <fusion-icon class=\"main-icon\" [name]=\"icon\" [ngClass]=\"{isActive: isActive, isOpen: isOpen}\"></fusion-icon>\n  <fusion-icon *ngIf=\"!hideDropArrow\" [name]=\"{iconName: 'arrow-right', iconVersion: 'v1'}\" class=\"arrow-icon\"></fusion-icon>\n</div>\n", styles: [":host{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:host fusion-icon.filter-full ::ng-deep svg{width:14px;height:14px}:host fusion-icon.filter-full ::ng-deep svg *{fill:var(--light-color-800, #678099)}:host fusion-icon.gear ::ng-deep svg{width:14.6px;height:14.6px}:host fusion-icon.gear ::ng-deep svg *{fill:var(--light-color-800, #678099)}:host fusion-icon.edit-columns ::ng-deep svg{width:14px;height:14px}:host fusion-icon.edit-columns ::ng-deep svg *{fill:var(--light-color-800, #678099)}:host fusion-icon.arrow-right ::ng-deep svg{height:8px;width:5px;transform:rotate(90deg)}:host fusion-icon.arrow-right ::ng-deep svg *{fill:var(--light-color-800, #678099)}:host .isOpen fusion-icon.filter-full ::ng-deep svg{width:14px;height:14px}:host .isOpen fusion-icon.filter-full ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host .isOpen fusion-icon.edit-columns ::ng-deep svg{width:14px;height:14px}:host .isOpen fusion-icon.edit-columns ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host .isOpen fusion-icon.gear ::ng-deep svg{width:14.6px;height:14.6px}:host .isOpen fusion-icon.gear ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host .isOpen fusion-icon.arrow-right ::ng-deep svg{height:8px;width:5px;transform:rotate(270deg)}:host .isOpen fusion-icon.arrow-right ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host .isActive:after{content:\"\";height:8px;width:8px;background-color:#e1174c;border-radius:50%;border:solid 1px #FFF;display:block;top:-3px;right:-2px;position:absolute}.wrap{position:relative;width:14px}.wrap .main-icon{position:relative;left:-5px}.wrap .arrow-icon{width:20px;position:absolute;left:15px;top:-2px}.wrap.hideDropArrow .main-icon{left:0}.wrap.isOpen:after{border-color:var(--light-color-900, #52677B) transparent transparent}:host-context(.header.isOpen) fusion-icon.filter-full ::ng-deep svg,:host-context(.wrap:hover) fusion-icon.filter-full ::ng-deep svg{width:14px;height:14px}:host-context(.header.isOpen) fusion-icon.filter-full ::ng-deep svg *,:host-context(.wrap:hover) fusion-icon.filter-full ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host-context(.header.isOpen) fusion-icon.settings ::ng-deep svg,:host-context(.wrap:hover) fusion-icon.settings ::ng-deep svg{width:20px;height:20px}:host-context(.header.isOpen) fusion-icon.settings ::ng-deep svg *,:host-context(.wrap:hover) fusion-icon.settings ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host-context(.header.isOpen) fusion-icon.edit-columns ::ng-deep svg,:host-context(.wrap:hover) fusion-icon.edit-columns ::ng-deep svg{width:14px;height:14px}:host-context(.header.isOpen) fusion-icon.edit-columns ::ng-deep svg *,:host-context(.wrap:hover) fusion-icon.edit-columns ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host-context(.header.isOpen) fusion-icon.arrow-right ::ng-deep svg,:host-context(.wrap:hover) fusion-icon.arrow-right ::ng-deep svg{height:8px;width:5px;transform:rotate(90deg)}:host-context(.header.isOpen) fusion-icon.arrow-right ::ng-deep svg *,:host-context(.wrap:hover) fusion-icon.arrow-right ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host-context(.header.isOpen) fusion-icon.gear ::ng-deep svg,:host-context(.wrap:hover) fusion-icon.gear ::ng-deep svg{width:14.6px;height:14.6px}:host-context(.header.isOpen) fusion-icon.gear ::ng-deep svg *,:host-context(.wrap:hover) fusion-icon.gear ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host-context(.header.isOpen) fusion-icon.arrow-right ::ng-deep svg{height:8px;width:5px;transform:rotate(270deg)}:host-context(.header.isOpen) fusion-icon.arrow-right ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host-context(.header.isOpen) fusion-icon.gear{top:1.4px}:host-context(.header.isOpen) fusion-icon.gear ::ng-deep svg{width:14.6px;height:14.6px}:host-context(.header.isOpen) fusion-icon.gear ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconHeaderActionComponent, { className: "IconHeaderActionComponent", filePath: "icon-header-action.component.ts", lineNumber: 9 }); })();

class IconHeaderActionModule {
    static { this.ɵfac = function IconHeaderActionModule_Factory(t) { return new (t || IconHeaderActionModule)(); }; }
    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: IconHeaderActionModule }); }
    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, IconModule] }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconHeaderActionModule, [{
        type: NgModule,
        args: [{
                imports: [CommonModule, IconModule],
                declarations: [IconHeaderActionComponent],
                exports: [IconHeaderActionComponent]
            }]
    }], null, null); })();
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IconHeaderActionModule, { declarations: [IconHeaderActionComponent], imports: [CommonModule, IconModule], exports: [IconHeaderActionComponent] }); })();

/**
 * Generated bundle index. Do not edit.
 */

export { IconHeaderActionComponent, IconHeaderActionModule };
//# sourceMappingURL=ironsource-fusion-ui-components-icon-header-action-v1.mjs.map
