import { Component, ChangeDetectionStrategy } from '@angular/core';
import { ButtonBaseComponent } from '@ironsource/fusion-ui/components/button/common/base';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ironsource/fusion-ui/components/icon/v1";
import * as i3 from "./components/button-loading/button-loading.component";
function ButtonComponent_fusion_icon_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 4);
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵproperty("name", ctx_r0.iconData);
} }
function ButtonComponent_fusion_button_loading_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-button-loading", 5);
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵproperty("buttonWithIcon", !!ctx_r1.iconName)("projectContent", ctx_r1.projectContent);
} }
const _c0 = a0 => ({ "is-icon-text": a0 });
const _c1 = ["*"];
export class ButtonComponent extends ButtonBaseComponent {
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵButtonComponent_BaseFactory; return function ButtonComponent_Factory(t) { return (ɵButtonComponent_BaseFactory || (ɵButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ButtonComponent)))(t || ButtonComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["fusion-button"], ["", "fusion-button", ""]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 6, vars: 5, consts: [[3, "ngClass"], ["class", "icon", 3, "name", 4, "ngIf"], [3, "buttonWithIcon", "projectContent", 4, "ngIf"], ["contentRef", ""], [1, "icon", 3, "name"], [3, "buttonWithIcon", "projectContent"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵprojectionDef();
            i0.ɵɵelementStart(0, "span", 0);
            i0.ɵɵtemplate(1, ButtonComponent_fusion_icon_1_Template, 1, 1, "fusion-icon", 1)(2, ButtonComponent_fusion_button_loading_2_Template, 1, 2, "fusion-button-loading", 2);
            i0.ɵɵelementStart(3, "span", null, 3);
            i0.ɵɵprojection(5);
            i0.ɵɵelementEnd()();
        } if (rf & 2) {
            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, ctx.iconName && ctx.projectContent));
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", ctx.iconName && !ctx.loading);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", ctx.loading);
        } }, dependencies: [i1.NgClass, i1.NgIf, i2.IconComponent, i3.ButtonLoadingComponent], styles: ["[_nghost-%COMP%]{font-size:13px;font-family:NHaasGroteskDSPro-75Bd,sans-serif;font-weight:400}a[_nghost-%COMP%], a   [_nghost-%COMP%]{font-size:12px;font-family:HelveticaNeue-Medium,helvetica,sans-serif;font-weight:400;letter-spacing:.04px}fusion-button[_nghost-%COMP%]   *[_ngcontent-%COMP%], fusion-button   [_nghost-%COMP%]   *[_ngcontent-%COMP%], [_nghost-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}a[_nghost-%COMP%]:disabled, a   [_nghost-%COMP%]:disabled, a.disabled[_nghost-%COMP%], a   .disabled[_nghost-%COMP%], [_nghost-%COMP%]:disabled, .disabled[_nghost-%COMP%]{pointer-events:none;cursor:default;touch-callout:none;-webkit-user-select:none;user-select:none}fusion-button[_nghost-%COMP%], fusion-button   [_nghost-%COMP%], [_nghost-%COMP%]{margin:0;padding:0;vertical-align:initial;text-align:initial}[_nghost-%COMP%]{border:none}[_nghost-%COMP%]{outline:none;height:32px;min-width:92px;padding:8px 16px;color:var(--fu-white, #ffffff);background-color:var(--fu-primary-500, #3083ff);border-radius:100px;cursor:pointer;text-align:var(--button-text-align, center)}[_nghost-%COMP%]:hover{background-color:var(--fu-primary-400, #68a5ff)}[_nghost-%COMP%]:active{background-color:var(--fu-primary-600, #005be2)}.small[_nghost-%COMP%]{height:24px;min-width:64px;padding:4px 16px 5px}.large[_nghost-%COMP%]{height:40px;min-width:144px;padding:8px 16px}.fu-iconed[_nghost-%COMP%]{width:32px;height:32px;min-width:inherit;padding:var(--button-iconed-padding, 5px 2px 2px)}.fu-iconed[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]{padding:var(--button-icon-padding);height:16px}.fu-iconed[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:var(--button-icon-size, 16px);height:var(--button-icon-size, 16px)}.fu-iconed[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--button-icon-color, currentColor)}.fu-iconed.small[_nghost-%COMP%]{width:24px;height:24px}.fu-iconed.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]{height:12px}.fu-iconed.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:var(--button-small-icon-size, 12px);height:var(--button-small-icon-size, 12px)}.fu-iconed.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--button-icon-color, currentColor)}.fu-iconed.large[_nghost-%COMP%]{width:40px;height:40px}.fu-iconed.fu-with-content[_nghost-%COMP%]{width:initial;padding:8px 16px}.fu-iconed.fu-with-content.transparent[_nghost-%COMP%]{min-width:92px;height:32px}.fu-iconed.fu-with-content.transparent.small[_nghost-%COMP%]{height:24px;min-width:64px}.fu-iconed.fu-with-content.transparent.large[_nghost-%COMP%]{min-width:144px;height:40px}.fu-iconed.fu-with-content.small[_nghost-%COMP%]{padding:4px 16px 5px}.fu-iconed.fu-with-content.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:var(--button-small-icon-size, 12px);height:var(--button-small-icon-size, 12px)}.fu-iconed.fu-with-content.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--button-icon-color, currentColor)}.fu-iconed.fu-with-content.large[_nghost-%COMP%]{padding:8px 16px}.fu-iconed.fu-with-content.fu-with-loading[_nghost-%COMP%]{min-width:92px}.fu-iconed.fu-with-content.fu-with-loading.large[_nghost-%COMP%]{min-width:144px}.fu-iconed.fu-with-content.fu-with-loading.small[_nghost-%COMP%]{min-width:64px}.fu-iconed.fu-with-content[_nghost-%COMP%] > span[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}.fu-iconed.fu-with-content[_nghost-%COMP%] > span[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{margin-left:7px}.fu-iconed.in-table[_nghost-%COMP%]{width:28px;height:28px;background-color:var(--fu-white, #ffffff);color:var(--fu-light-900, #7b838c);margin-right:8px}.fu-iconed.in-table.small[_nghost-%COMP%]{width:24px;height:24px}.fu-iconed.in-table[_nghost-%COMP%]:hover{background-color:var(--fu-primary-500, #3083ff);color:var(--fu-white, #ffffff)}.fu-iconed.in-table[_nghost-%COMP%]:active{background-color:var(--fu-primary-600, #005be2);color:var(--fu-white, #ffffff)}.secondary[_nghost-%COMP%]{color:var(--fu-light-800, #8e959d);background-color:var(--fu-light-300, #e5e7e9)}.secondary[_nghost-%COMP%]:hover{background-color:var(--fu-light-400, #dddfe1)}.secondary[_nghost-%COMP%]:active{background-color:var(--fu-light-500, #d2d5d8)}.secondary.disabled[_nghost-%COMP%], .secondary[_nghost-%COMP%]:disabled{color:var(--fu-white, #ffffff);background-color:var(--fu-light-700, #a9afb4)}.negative[_nghost-%COMP%]{color:var(--fu-white, #ffffff);background-color:var(--fu-negative-500, #ff6a63)}.negative[_nghost-%COMP%]:hover{background-color:var(--fu-negative-400, #ff827c)}.negative[_nghost-%COMP%]:active{background-color:var(--fu-negative-700, #da564f)}[_nghost-%COMP%]:disabled, .disabled[_nghost-%COMP%]{background-color:var(--fu-light-700, #a9afb4)}.fu-with-loading[_nghost-%COMP%] > span[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{visibility:hidden}.fu-with-loading[_nghost-%COMP%]   .loading[_ngcontent-%COMP%]{display:none}.fu-with-loading[_nghost-%COMP%]:disabled{background-color:var(--fu-primary-500, #3083ff)}.fu-with-loading.secondary[_nghost-%COMP%]:disabled{color:var(--fu-light-800, #8e959d);background-color:var(--fu-light-200, #f0f1f2)}.fu-with-loading.negative[_nghost-%COMP%]:disabled{background-color:var(--fu-negative-500, #ff6a63)}.fu-with-loading.fu-iconed.fu-with-content[_nghost-%COMP%] > span[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{margin-left:0;display:none}.transparent[_nghost-%COMP%]{background-color:transparent;color:var(--fu-primary-500, #3083ff);height:24px;min-width:64px;padding:4px 16px 5px}.transparent.medium[_nghost-%COMP%]{height:32px;min-width:92px;padding:8px 16px}.transparent.large[_nghost-%COMP%]{height:40px;min-width:144px;padding:8px 16px}.transparent[_nghost-%COMP%]:hover{background-color:var(--fu-primary-100, #e2eeff)}.transparent.negative[_nghost-%COMP%]{color:var(--fu-negative-500, #ff6a63)}.transparent.negative[_nghost-%COMP%]:hover{background-color:var(--fu-negative-100, #ffefee)}.transparent.secondary[_nghost-%COMP%]{color:var(--fu-light-800, #8e959d)}.transparent.secondary[_nghost-%COMP%]:hover{background-color:var(--fu-light-300, #e5e7e9)}.transparent.disabled[_nghost-%COMP%], .transparent[_nghost-%COMP%]:disabled{color:var(--fu-light-700, #a9afb4);background-color:transparent}.transparent.disabled[_nghost-%COMP%]:hover, .transparent[_nghost-%COMP%]:disabled:hover{background-color:transparent}.transparent.fu-with-loading[_nghost-%COMP%]{background-color:transparent;color:var(--fu-primary-500, #3083ff)}.transparent.fu-with-loading.negative[_nghost-%COMP%]{color:var(--fu-negative-500, #ff6a63);background-color:transparent}.transparent.fu-with-loading.secondary[_nghost-%COMP%]{color:var(--fu-light-800, #8e959d);background-color:transparent}fusion-button[_nghost-%COMP%], fusion-button   [_nghost-%COMP%]{display:inline-flex;text-align:center;box-sizing:border-box;justify-content:center;align-items:center;line-height:1px;min-width:92px;height:32px}fusion-button[_nghost-%COMP%]   .fu-with-content.large[_ngcontent-%COMP%], fusion-button   [_nghost-%COMP%]   .fu-with-content.large[_ngcontent-%COMP%]{height:40px;min-width:144px;padding:11px 16px 9px}fusion-button.fu-iconed[_nghost-%COMP%], fusion-button   .fu-iconed[_nghost-%COMP%]{align-items:center;padding:0;line-height:1px;width:32px;height:32px;min-width:inherit}fusion-button.fu-iconed[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%], fusion-button   .fu-iconed[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]{height:16px}fusion-button.fu-iconed[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg, fusion-button   .fu-iconed[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:var(--button-icon-size, 16px);height:var(--button-icon-size, 16px)}fusion-button.fu-iconed[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *, fusion-button   .fu-iconed[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--button-icon-color, currentColor)}fusion-button.fu-iconed.transparent[_nghost-%COMP%], fusion-button   .fu-iconed.transparent[_nghost-%COMP%]{padding:0}fusion-button.fu-iconed.transparent.small[_nghost-%COMP%], fusion-button   .fu-iconed.transparent.small[_nghost-%COMP%]{min-width:24px}fusion-button.fu-iconed.transparent.large[_nghost-%COMP%], fusion-button   .fu-iconed.transparent.large[_nghost-%COMP%]{min-width:40px}fusion-button.fu-iconed.small[_nghost-%COMP%], fusion-button   .fu-iconed.small[_nghost-%COMP%]{width:24px;height:24px}fusion-button.fu-iconed.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg, fusion-button   .fu-iconed.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:var(--button-small-icon-size, 12px);height:var(--button-small-icon-size, 12px)}fusion-button.fu-iconed.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *, fusion-button   .fu-iconed.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--button-icon-color, currentColor)}fusion-button.fu-iconed.large[_nghost-%COMP%], fusion-button   .fu-iconed.large[_nghost-%COMP%]{width:40px;height:40px}fusion-button.fu-iconed.large[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%], fusion-button   .fu-iconed.large[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]{height:16px}fusion-button.fu-iconed.large[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg, fusion-button   .fu-iconed.large[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:var(--button-icon-size, 16px);height:var(--button-icon-size, 16px)}fusion-button.fu-iconed.large[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *, fusion-button   .fu-iconed.large[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--button-icon-color, currentColor)}fusion-button.fu-iconed.fu-with-content[_nghost-%COMP%], fusion-button   .fu-iconed.fu-with-content[_nghost-%COMP%]{padding:8px 16px;min-width:92px;line-height:inherit}fusion-button.fu-iconed.fu-with-content[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%], fusion-button   .fu-iconed.fu-with-content[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]{height:16px}fusion-button.fu-iconed.fu-with-content[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg, fusion-button   .fu-iconed.fu-with-content[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:var(--button-icon-size, 16px);height:var(--button-icon-size, 16px)}fusion-button.fu-iconed.fu-with-content[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *, fusion-button   .fu-iconed.fu-with-content[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--button-icon-color, currentColor)}fusion-button.fu-iconed.fu-with-content.small[_nghost-%COMP%], fusion-button   .fu-iconed.fu-with-content.small[_nghost-%COMP%]{min-width:64px;width:inherit}fusion-button.fu-iconed.fu-with-content.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%], fusion-button   .fu-iconed.fu-with-content.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]{height:12px}fusion-button.fu-iconed.fu-with-content.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg, fusion-button   .fu-iconed.fu-with-content.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:var(--button-icon-size, 12px);height:var(--button-icon-size, 12px)}fusion-button.fu-iconed.fu-with-content.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *, fusion-button   .fu-iconed.fu-with-content.small[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--button-icon-color, currentColor)}fusion-button.fu-iconed.fu-with-content.large[_nghost-%COMP%], fusion-button   .fu-iconed.fu-with-content.large[_nghost-%COMP%]{width:inherit;min-width:144px}fusion-button.fu-iconed.fu-with-content.fu-with-loading[_nghost-%COMP%], fusion-button   .fu-iconed.fu-with-content.fu-with-loading[_nghost-%COMP%]{min-width:92px}fusion-button.fu-iconed.fu-with-content.fu-with-loading.large[_nghost-%COMP%], fusion-button   .fu-iconed.fu-with-content.fu-with-loading.large[_nghost-%COMP%]{min-width:144px}fusion-button.fu-iconed.fu-with-content.fu-with-loading.small[_nghost-%COMP%], fusion-button   .fu-iconed.fu-with-content.fu-with-loading.small[_nghost-%COMP%]{min-width:64px}fusion-button.fu-with-loading[_nghost-%COMP%], fusion-button   .fu-with-loading[_nghost-%COMP%]{background-color:var(--fu-primary-500, #3083ff)}fusion-button.fu-with-loading[_nghost-%COMP%]   span[_ngcontent-%COMP%], fusion-button   .fu-with-loading[_nghost-%COMP%]   span[_ngcontent-%COMP%]{line-height:0}fusion-button.fu-with-loading.large[_nghost-%COMP%], fusion-button   .fu-with-loading.large[_nghost-%COMP%]{padding:11px 16px 9px}fusion-button.fu-with-loading.large.fu-iconed[_nghost-%COMP%], fusion-button   .fu-with-loading.large.fu-iconed[_nghost-%COMP%]{padding:15px 5px}fusion-button.fu-with-loading.secondary[_nghost-%COMP%], fusion-button   .fu-with-loading.secondary[_nghost-%COMP%]{color:var(--fu-light-800, #8e959d);background-color:var(--fu-light-200, #f0f1f2)}fusion-button.fu-with-loading.negative[_nghost-%COMP%], fusion-button   .fu-with-loading.negative[_nghost-%COMP%]{background-color:var(--fu-negative-500, #ff6a63)}fusion-button.fu-with-loading.transparent[_nghost-%COMP%], fusion-button   .fu-with-loading.transparent[_nghost-%COMP%]{background-color:transparent;color:var(--fu-primary-500, #3083ff)}fusion-button.fu-with-loading.transparent.large[_nghost-%COMP%], fusion-button   .fu-with-loading.transparent.large[_nghost-%COMP%]{padding:11px 16px 9px}fusion-button.fu-with-loading.transparent.negative[_nghost-%COMP%], fusion-button   .fu-with-loading.transparent.negative[_nghost-%COMP%]{color:var(--fu-negative-500, #ff6a63);background-color:transparent}fusion-button.fu-with-loading.transparent.secondary[_nghost-%COMP%], fusion-button   .fu-with-loading.transparent.secondary[_nghost-%COMP%]{color:var(--fu-light-800, #8e959d);background-color:transparent}a[_nghost-%COMP%], a   [_nghost-%COMP%]{line-height:1.33;color:var(--fu-primary-500, #3083ff);background-color:transparent}a[_nghost-%COMP%]:hover, a   [_nghost-%COMP%]:hover{background-color:transparent;color:var(--fu-primary-500, #3083ff)}a[_nghost-%COMP%]:disabled, a   [_nghost-%COMP%]:disabled, a.disabled[_nghost-%COMP%], a   .disabled[_nghost-%COMP%]{color:var(--fu-light-900, #7b838c);background-color:transparent}a.fu-with-loading[_nghost-%COMP%], a   .fu-with-loading[_nghost-%COMP%]{text-align:center}a.fu-iconed[_nghost-%COMP%], a   .fu-iconed[_nghost-%COMP%]{padding:8px 16px;height:auto;width:auto}a[_nghost-%COMP%]   .is-icon-text[_ngcontent-%COMP%], a   [_nghost-%COMP%]   .is-icon-text[_ngcontent-%COMP%]{line-height:1}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
        type: Component,
        args: [{ selector: 'fusion-button,[fusion-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span [ngClass]=\"{'is-icon-text': iconName && projectContent}\">\n    <fusion-icon *ngIf=\"iconName && !loading\" class=\"icon\" [name]=\"iconData\"></fusion-icon>\n    <fusion-button-loading *ngIf=\"loading\" [buttonWithIcon]=\"!!iconName\" [projectContent]=\"projectContent\"></fusion-button-loading>\n    <span #contentRef><ng-content></ng-content></span>\n</span>\n\n\n", styles: [":host{font-size:13px;font-family:NHaasGroteskDSPro-75Bd,sans-serif;font-weight:400}:host-context(a){font-size:12px;font-family:HelveticaNeue-Medium,helvetica,sans-serif;font-weight:400;letter-spacing:.04px}:host-context(fusion-button) *,:host *{box-sizing:border-box}:host-context(a):disabled,:host-context(a).disabled,:host:disabled,:host.disabled{pointer-events:none;cursor:default;touch-callout:none;-webkit-user-select:none;user-select:none}:host-context(fusion-button),:host{margin:0;padding:0;vertical-align:initial;text-align:initial}:host{border:none}:host{outline:none;height:32px;min-width:92px;padding:8px 16px;color:var(--fu-white, #ffffff);background-color:var(--fu-primary-500, #3083ff);border-radius:100px;cursor:pointer;text-align:var(--button-text-align, center)}:host:hover{background-color:var(--fu-primary-400, #68a5ff)}:host:active{background-color:var(--fu-primary-600, #005be2)}:host.small{height:24px;min-width:64px;padding:4px 16px 5px}:host.large{height:40px;min-width:144px;padding:8px 16px}:host.fu-iconed{width:32px;height:32px;min-width:inherit;padding:var(--button-iconed-padding, 5px 2px 2px)}:host.fu-iconed fusion-icon.icon{padding:var(--button-icon-padding);height:16px}:host.fu-iconed fusion-icon.icon ::ng-deep svg{width:var(--button-icon-size, 16px);height:var(--button-icon-size, 16px)}:host.fu-iconed fusion-icon.icon ::ng-deep svg *{fill:var(--button-icon-color, currentColor)}:host.fu-iconed.small{width:24px;height:24px}:host.fu-iconed.small fusion-icon.icon{height:12px}:host.fu-iconed.small fusion-icon.icon ::ng-deep svg{width:var(--button-small-icon-size, 12px);height:var(--button-small-icon-size, 12px)}:host.fu-iconed.small fusion-icon.icon ::ng-deep svg *{fill:var(--button-icon-color, currentColor)}:host.fu-iconed.large{width:40px;height:40px}:host.fu-iconed.fu-with-content{width:initial;padding:8px 16px}:host.fu-iconed.fu-with-content.transparent{min-width:92px;height:32px}:host.fu-iconed.fu-with-content.transparent.small{height:24px;min-width:64px}:host.fu-iconed.fu-with-content.transparent.large{min-width:144px;height:40px}:host.fu-iconed.fu-with-content.small{padding:4px 16px 5px}:host.fu-iconed.fu-with-content.small fusion-icon.icon ::ng-deep svg{width:var(--button-small-icon-size, 12px);height:var(--button-small-icon-size, 12px)}:host.fu-iconed.fu-with-content.small fusion-icon.icon ::ng-deep svg *{fill:var(--button-icon-color, currentColor)}:host.fu-iconed.fu-with-content.large{padding:8px 16px}:host.fu-iconed.fu-with-content.fu-with-loading{min-width:92px}:host.fu-iconed.fu-with-content.fu-with-loading.large{min-width:144px}:host.fu-iconed.fu-with-content.fu-with-loading.small{min-width:64px}:host.fu-iconed.fu-with-content>span{display:flex;align-items:center;justify-content:center}:host.fu-iconed.fu-with-content>span>span{margin-left:7px}:host.fu-iconed.in-table{width:28px;height:28px;background-color:var(--fu-white, #ffffff);color:var(--fu-light-900, #7b838c);margin-right:8px}:host.fu-iconed.in-table.small{width:24px;height:24px}:host.fu-iconed.in-table:hover{background-color:var(--fu-primary-500, #3083ff);color:var(--fu-white, #ffffff)}:host.fu-iconed.in-table:active{background-color:var(--fu-primary-600, #005be2);color:var(--fu-white, #ffffff)}:host.secondary{color:var(--fu-light-800, #8e959d);background-color:var(--fu-light-300, #e5e7e9)}:host.secondary:hover{background-color:var(--fu-light-400, #dddfe1)}:host.secondary:active{background-color:var(--fu-light-500, #d2d5d8)}:host.secondary.disabled,:host.secondary:disabled{color:var(--fu-white, #ffffff);background-color:var(--fu-light-700, #a9afb4)}:host.negative{color:var(--fu-white, #ffffff);background-color:var(--fu-negative-500, #ff6a63)}:host.negative:hover{background-color:var(--fu-negative-400, #ff827c)}:host.negative:active{background-color:var(--fu-negative-700, #da564f)}:host:disabled,:host.disabled{background-color:var(--fu-light-700, #a9afb4)}:host.fu-with-loading>span>span{visibility:hidden}:host.fu-with-loading .loading{display:none}:host.fu-with-loading:disabled{background-color:var(--fu-primary-500, #3083ff)}:host.fu-with-loading.secondary:disabled{color:var(--fu-light-800, #8e959d);background-color:var(--fu-light-200, #f0f1f2)}:host.fu-with-loading.negative:disabled{background-color:var(--fu-negative-500, #ff6a63)}:host.fu-with-loading.fu-iconed.fu-with-content>span>span{margin-left:0;display:none}:host.transparent{background-color:transparent;color:var(--fu-primary-500, #3083ff);height:24px;min-width:64px;padding:4px 16px 5px}:host.transparent.medium{height:32px;min-width:92px;padding:8px 16px}:host.transparent.large{height:40px;min-width:144px;padding:8px 16px}:host.transparent:hover{background-color:var(--fu-primary-100, #e2eeff)}:host.transparent.negative{color:var(--fu-negative-500, #ff6a63)}:host.transparent.negative:hover{background-color:var(--fu-negative-100, #ffefee)}:host.transparent.secondary{color:var(--fu-light-800, #8e959d)}:host.transparent.secondary:hover{background-color:var(--fu-light-300, #e5e7e9)}:host.transparent.disabled,:host.transparent:disabled{color:var(--fu-light-700, #a9afb4);background-color:transparent}:host.transparent.disabled:hover,:host.transparent:disabled:hover{background-color:transparent}:host.transparent.fu-with-loading{background-color:transparent;color:var(--fu-primary-500, #3083ff)}:host.transparent.fu-with-loading.negative{color:var(--fu-negative-500, #ff6a63);background-color:transparent}:host.transparent.fu-with-loading.secondary{color:var(--fu-light-800, #8e959d);background-color:transparent}:host-context(fusion-button){display:inline-flex;text-align:center;box-sizing:border-box;justify-content:center;align-items:center;line-height:1px;min-width:92px;height:32px}:host-context(fusion-button) .fu-with-content.large{height:40px;min-width:144px;padding:11px 16px 9px}:host-context(fusion-button).fu-iconed{align-items:center;padding:0;line-height:1px;width:32px;height:32px;min-width:inherit}:host-context(fusion-button).fu-iconed fusion-icon.icon{height:16px}:host-context(fusion-button).fu-iconed fusion-icon.icon ::ng-deep svg{width:var(--button-icon-size, 16px);height:var(--button-icon-size, 16px)}:host-context(fusion-button).fu-iconed fusion-icon.icon ::ng-deep svg *{fill:var(--button-icon-color, currentColor)}:host-context(fusion-button).fu-iconed.transparent{padding:0}:host-context(fusion-button).fu-iconed.transparent.small{min-width:24px}:host-context(fusion-button).fu-iconed.transparent.large{min-width:40px}:host-context(fusion-button).fu-iconed.small{width:24px;height:24px}:host-context(fusion-button).fu-iconed.small fusion-icon.icon ::ng-deep svg{width:var(--button-small-icon-size, 12px);height:var(--button-small-icon-size, 12px)}:host-context(fusion-button).fu-iconed.small fusion-icon.icon ::ng-deep svg *{fill:var(--button-icon-color, currentColor)}:host-context(fusion-button).fu-iconed.large{width:40px;height:40px}:host-context(fusion-button).fu-iconed.large fusion-icon.icon{height:16px}:host-context(fusion-button).fu-iconed.large fusion-icon.icon ::ng-deep svg{width:var(--button-icon-size, 16px);height:var(--button-icon-size, 16px)}:host-context(fusion-button).fu-iconed.large fusion-icon.icon ::ng-deep svg *{fill:var(--button-icon-color, currentColor)}:host-context(fusion-button).fu-iconed.fu-with-content{padding:8px 16px;min-width:92px;line-height:inherit}:host-context(fusion-button).fu-iconed.fu-with-content fusion-icon.icon{height:16px}:host-context(fusion-button).fu-iconed.fu-with-content fusion-icon.icon ::ng-deep svg{width:var(--button-icon-size, 16px);height:var(--button-icon-size, 16px)}:host-context(fusion-button).fu-iconed.fu-with-content fusion-icon.icon ::ng-deep svg *{fill:var(--button-icon-color, currentColor)}:host-context(fusion-button).fu-iconed.fu-with-content.small{min-width:64px;width:inherit}:host-context(fusion-button).fu-iconed.fu-with-content.small fusion-icon.icon{height:12px}:host-context(fusion-button).fu-iconed.fu-with-content.small fusion-icon.icon ::ng-deep svg{width:var(--button-icon-size, 12px);height:var(--button-icon-size, 12px)}:host-context(fusion-button).fu-iconed.fu-with-content.small fusion-icon.icon ::ng-deep svg *{fill:var(--button-icon-color, currentColor)}:host-context(fusion-button).fu-iconed.fu-with-content.large{width:inherit;min-width:144px}:host-context(fusion-button).fu-iconed.fu-with-content.fu-with-loading{min-width:92px}:host-context(fusion-button).fu-iconed.fu-with-content.fu-with-loading.large{min-width:144px}:host-context(fusion-button).fu-iconed.fu-with-content.fu-with-loading.small{min-width:64px}:host-context(fusion-button).fu-with-loading{background-color:var(--fu-primary-500, #3083ff)}:host-context(fusion-button).fu-with-loading span{line-height:0}:host-context(fusion-button).fu-with-loading.large{padding:11px 16px 9px}:host-context(fusion-button).fu-with-loading.large.fu-iconed{padding:15px 5px}:host-context(fusion-button).fu-with-loading.secondary{color:var(--fu-light-800, #8e959d);background-color:var(--fu-light-200, #f0f1f2)}:host-context(fusion-button).fu-with-loading.negative{background-color:var(--fu-negative-500, #ff6a63)}:host-context(fusion-button).fu-with-loading.transparent{background-color:transparent;color:var(--fu-primary-500, #3083ff)}:host-context(fusion-button).fu-with-loading.transparent.large{padding:11px 16px 9px}:host-context(fusion-button).fu-with-loading.transparent.negative{color:var(--fu-negative-500, #ff6a63);background-color:transparent}:host-context(fusion-button).fu-with-loading.transparent.secondary{color:var(--fu-light-800, #8e959d);background-color:transparent}:host-context(a){line-height:1.33;color:var(--fu-primary-500, #3083ff);background-color:transparent}:host-context(a):hover{background-color:transparent;color:var(--fu-primary-500, #3083ff)}:host-context(a):disabled,:host-context(a).disabled{color:var(--fu-light-900, #7b838c);background-color:transparent}:host-context(a).fu-with-loading{text-align:center}:host-context(a).fu-iconed{padding:8px 16px;height:auto;width:auto}:host-context(a) .is-icon-text{line-height:1}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "button.component.ts", lineNumber: 10 }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Z1c2lvbi11aS9jb21wb25lbnRzL2J1dHRvbi92Mi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZnVzaW9uLXVpL2NvbXBvbmVudHMvYnV0dG9uL2NvbW1vbi9iYXNlL2J1dHRvbi5iYXNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQVUsdUJBQXVCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDekUsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0scURBQXFELENBQUM7Ozs7OztJQ0FwRixpQ0FBdUY7OztJQUFoQyxzQ0FBaUI7OztJQUN4RSwyQ0FBK0g7OztJQUF4RixrREFBNkIseUNBQUE7Ozs7QURPeEUsTUFBTSxPQUFPLGVBQWdCLFNBQVEsbUJBQW1CO2dPQUEzQyxlQUFlLFNBQWYsZUFBZTtvRUFBZixlQUFlOztZQ1Q1QiwrQkFBK0Q7WUFDM0QsZ0ZBQXVGLHVGQUFBO1lBRXZGLHFDQUFrQjtZQUFBLGtCQUF5QjtZQUFBLGlCQUFPLEVBQUE7O1lBSGhELHdGQUF3RDtZQUM1QyxjQUEwQjtZQUExQixtREFBMEI7WUFDaEIsY0FBYTtZQUFiLGtDQUFhOzs7aUZETzVCLGVBQWU7Y0FOM0IsU0FBUzsyQkFDSSwrQkFBK0IsbUJBR3hCLHVCQUF1QixDQUFDLE1BQU07O2tGQUV0QyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3l9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtCdXR0b25CYXNlQ29tcG9uZW50fSBmcm9tICdAaXJvbnNvdXJjZS9mdXNpb24tdWkvY29tcG9uZW50cy9idXR0b24vY29tbW9uL2Jhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Z1c2lvbi1idXR0b24sW2Z1c2lvbi1idXR0b25dJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4uL2NvbW1vbi9iYXNlL2J1dHRvbi5iYXNlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBCdXR0b25CYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHt9XG4iLCI8c3BhbiBbbmdDbGFzc109XCJ7J2lzLWljb24tdGV4dCc6IGljb25OYW1lICYmIHByb2plY3RDb250ZW50fVwiPlxuICAgIDxmdXNpb24taWNvbiAqbmdJZj1cImljb25OYW1lICYmICFsb2FkaW5nXCIgY2xhc3M9XCJpY29uXCIgW25hbWVdPVwiaWNvbkRhdGFcIj48L2Z1c2lvbi1pY29uPlxuICAgIDxmdXNpb24tYnV0dG9uLWxvYWRpbmcgKm5nSWY9XCJsb2FkaW5nXCIgW2J1dHRvbldpdGhJY29uXT1cIiEhaWNvbk5hbWVcIiBbcHJvamVjdENvbnRlbnRdPVwicHJvamVjdENvbnRlbnRcIj48L2Z1c2lvbi1idXR0b24tbG9hZGluZz5cbiAgICA8c3BhbiAjY29udGVudFJlZj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxuPC9zcGFuPlxuXG5cbiJdfQ==