import { Component, ChangeDetectionStrategy, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { CONFIG_INPUT_BY_UI_STYLE, InputBaseComponent } from '@ironsource/fusion-ui/components/input/common/base';
import { isNullOrUndefined } from '@ironsource/fusion-ui/utils';
import { of } from 'rxjs';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
import * as i3 from "@ironsource/fusion-ui/components/icon/v1";
import * as i4 from "@ironsource/fusion-ui/components/tooltip/v3";
function InputComponent_ng_container_1_i_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "i", 10);
    i0.ɵɵelement(1, "fusion-icon", 11);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r4 = i0.ɵɵnextContext(2);
    i0.ɵɵclassMapInterpolate1("fu-input-icon ", (ctx_r4.config == null ? null : ctx_r4.config.icon == null ? null : ctx_r4.config.icon.iconPos) || (ctx_r4.config == null ? null : ctx_r4.config.icon == null ? null : ctx_r4.config.icon[0] == null ? null : ctx_r4.config.icon[0].iconPos), "");
    i0.ɵɵclassProp("has-units", ctx_r4.config == null ? null : ctx_r4.config.units);
    i0.ɵɵproperty("ngStyle", ctx_r4.config.options == null ? null : ctx_r4.config.options.iconStyle);
    i0.ɵɵadvance();
    i0.ɵɵproperty("name", (ctx_r4.config == null ? null : ctx_r4.config.icon == null ? null : ctx_r4.config.icon.iconData) || (ctx_r4.config == null ? null : ctx_r4.config.icon == null ? null : ctx_r4.config.icon[0] == null ? null : ctx_r4.config.icon[0].iconData));
} }
function InputComponent_ng_container_1_i_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "i", 10);
    i0.ɵɵelement(1, "fusion-icon", 11);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r5 = i0.ɵɵnextContext(2);
    i0.ɵɵclassMapInterpolate1("fu-input-second-icon ", ctx_r5.config == null ? null : ctx_r5.config.icon == null ? null : ctx_r5.config.icon[1] == null ? null : ctx_r5.config.icon[1].iconPos, "");
    i0.ɵɵclassProp("has-units", ctx_r5.config == null ? null : ctx_r5.config.units);
    i0.ɵɵproperty("ngStyle", ctx_r5.config.options == null ? null : ctx_r5.config.options.iconStyle);
    i0.ɵɵadvance();
    i0.ɵɵproperty("name", ctx_r5.config == null ? null : ctx_r5.config.icon == null ? null : ctx_r5.config.icon[1] == null ? null : ctx_r5.config.icon[1].iconData);
} }
function InputComponent_ng_container_1_span_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span");
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r6 = i0.ɵɵnextContext(2);
    i0.ɵɵclassMapInterpolate2("fu-input-units ", ctx_r6.config == null ? null : ctx_r6.config.unitPos, " ", ctx_r6.config.options == null ? null : ctx_r6.config.options.size, "");
    i0.ɵɵclassProp("focused", ctx_r6.focused)("fu-error", ctx_r6.config.error)("is-placeholder-units", (ctx_r6.config == null ? null : ctx_r6.config.unitPlaceholder) && !ctx_r6.inputControl.value);
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate1(" ", ctx_r6.config == null ? null : ctx_r6.config.units, " ");
} }
function InputComponent_ng_container_1_i_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "i", 12);
    i0.ɵɵelement(1, "fusion-icon", 13);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const configByStyle_r3 = i0.ɵɵnextContext().ngIf;
    const ctx_r7 = i0.ɵɵnextContext();
    i0.ɵɵproperty("fusionTooltip", ctx_r7.getTooltipErrorsMessage());
    i0.ɵɵadvance();
    i0.ɵɵproperty("name", ctx_r7.getErrorIcon(ctx_r7.config == null ? null : ctx_r7.config.errorType, configByStyle_r3.iconInfo, configByStyle_r3.iconWarning));
} }
function InputComponent_ng_container_1_div_5_Template(rf, ctx) { if (rf & 1) {
    const _r12 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 14);
    i0.ɵɵlistener("click", function InputComponent_ng_container_1_div_5_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r11.passToggle($event)); })("mousedown", function InputComponent_ng_container_1_div_5_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r13.onPassToggleMouseDown($event)); });
    i0.ɵɵelementStart(1, "div", 15);
    i0.ɵɵtext(2, "Show");
    i0.ɵɵelementEnd()();
} }
function InputComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    const _r15 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, InputComponent_ng_container_1_i_1_Template, 2, 7, "i", 4)(2, InputComponent_ng_container_1_i_2_Template, 2, 7, "i", 4)(3, InputComponent_ng_container_1_span_3_Template, 2, 11, "span", 5)(4, InputComponent_ng_container_1_i_4_Template, 2, 2, "i", 6)(5, InputComponent_ng_container_1_div_5_Template, 3, 0, "div", 7);
    i0.ɵɵelementStart(6, "input", 8, 9);
    i0.ɵɵlistener("focus", function InputComponent_ng_container_1_Template_input_focus_6_listener() { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.focus()); })("blur", function InputComponent_ng_container_1_Template_input_blur_6_listener() { i0.ɵɵrestoreView(_r15); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.blur()); });
    i0.ɵɵpipe(8, "async");
    i0.ɵɵpipe(9, "async");
    i0.ɵɵpipe(10, "async");
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", (ctx_r0.config == null ? null : ctx_r0.config.icon) && !ctx_r0.loading && !(ctx_r0.config == null ? null : ctx_r0.config.errorType));
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", (ctx_r0.config == null ? null : ctx_r0.config.icon == null ? null : ctx_r0.config.icon[1] == null ? null : ctx_r0.config.icon[1].iconData) && !ctx_r0.loading && !(ctx_r0.config == null ? null : ctx_r0.config.errorType));
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r0.config == null ? null : ctx_r0.config.units);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", (ctx_r0.config == null ? null : ctx_r0.config.errorType) && ctx_r0.showErrorIcon && !ctx_r0.loading);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", (ctx_r0.config == null ? null : ctx_r0.config.type) === "password");
    i0.ɵɵadvance();
    i0.ɵɵclassMapInterpolate2("fu-input ", ctx_r0.config == null ? null : ctx_r0.config.class, " ", (ctx_r0.config == null ? null : ctx_r0.config.icon == null ? null : ctx_r0.config.icon.iconPos) || (ctx_r0.config == null ? null : ctx_r0.config.icon == null ? null : ctx_r0.config.icon[0] == null ? null : ctx_r0.config.icon[0].iconPos), "");
    i0.ɵɵclassProp("fu-input-small", ctx_r0.isSmall)("fu-type-pass", (ctx_r0.config == null ? null : ctx_r0.config.type) === "password")("has-units", ctx_r0.config == null ? null : ctx_r0.config.units)("disabled", i0.ɵɵpipeBind1(8, 34, ctx_r0.disabled$))("iconed", (ctx_r0.config == null ? null : ctx_r0.config.icon) || ctx_r0.loading)("fu-error", i0.ɵɵpipeBind1(9, 36, ctx_r0.showErrorClass$));
    i0.ɵɵproperty("id", ctx_r0.config == null ? null : ctx_r0.config.id)("placeholder", ctx_r0.config == null ? null : ctx_r0.config.placeholder)("readonly", (ctx_r0.config == null ? null : ctx_r0.config.readonly) || i0.ɵɵpipeBind1(10, 38, ctx_r0.disabled$) || ctx_r0.loading && (ctx_r0.config == null ? null : ctx_r0.config.disableOnLoading) || (ctx_r0.config == null ? null : ctx_r0.config.btnLoading))("required", ctx_r0.config == null ? null : ctx_r0.config.required)("min", ctx_r0.config == null ? null : ctx_r0.config.min)("max", ctx_r0.config == null ? null : ctx_r0.config.max)("step", ctx_r0.step)("type", ctx_r0.getInputType())("formControl", ctx_r0.inputControl)("ngStyle", ctx_r0.config.options == null ? null : ctx_r0.config.options.style)("pattern", (ctx_r0.config == null ? null : ctx_r0.config.type) === "time" ? "[0-9]{2}:[0-9]{2}" : null);
    i0.ɵɵattribute("maxlength", ctx_r0.config == null ? null : ctx_r0.config.maxlength)("autofocus", ctx_r0.config == null ? null : ctx_r0.config.autofocus);
} }
function InputComponent_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "div", 16);
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("focused", ctx_r1.focused);
    i0.ɵɵproperty("hidden", (ctx_r1.config == null ? null : ctx_r1.config.errorType) && ctx_r1.showErrorIcon())("innerHTML", ctx_r1.config.error, i0.ɵɵsanitizeHtml);
} }
function InputComponent_div_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "div", 17);
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("focused", ctx_r2.focused);
    i0.ɵɵproperty("hidden", !ctx_r2.config.helperText || !!ctx_r2.config.error)("innerHTML", ctx_r2.config.helperText, i0.ɵɵsanitizeHtml);
} }
export class InputComponent extends InputBaseComponent {
    /** @internal */
    showErrorIcon() {
        return !isNullOrUndefined(this.config.error);
    }
    /** @internal */
    getConfigStyleObservable() {
        return of(CONFIG_INPUT_BY_UI_STYLE['style_v3']);
    }
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵInputComponent_BaseFactory; return function InputComponent_Factory(t) { return (ɵInputComponent_BaseFactory || (ɵInputComponent_BaseFactory = i0.ɵɵgetInheritedFactory(InputComponent)))(t || InputComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputComponent, selectors: [["fusion-input"]], features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputComponent), multi: true }]), i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 12, consts: [[1, "fu-input-holder", 3, "ngClass"], [4, "ngIf"], ["class", "fu-error-msg", 3, "hidden", "focused", "innerHTML", 4, "ngIf"], ["class", "fu-helper-text", 3, "hidden", "focused", "innerHTML", 4, "ngIf"], [3, "class", "has-units", "ngStyle", 4, "ngIf"], [3, "class", "focused", "fu-error", "is-placeholder-units", 4, "ngIf"], ["class", "fu-validation-icon-holder", 3, "fusionTooltip", 4, "ngIf"], ["class", "fu-toggle-pass", 3, "click", "mousedown", 4, "ngIf"], ["autocomplete", "off", "minlength", "1", 3, "id", "placeholder", "readonly", "required", "min", "max", "step", "type", "formControl", "ngStyle", "pattern", "focus", "blur"], ["input", ""], [3, "ngStyle"], [3, "name"], [1, "fu-validation-icon-holder", 3, "fusionTooltip"], [1, "icon-validation", 3, "name"], [1, "fu-toggle-pass", 3, "click", "mousedown"], [1, "fu-show-pass"], [1, "fu-error-msg", 3, "hidden", "innerHTML"], [1, "fu-helper-text", 3, "hidden", "innerHTML"]], template: function InputComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵtemplate(1, InputComponent_ng_container_1_Template, 11, 40, "ng-container", 1);
            i0.ɵɵpipe(2, "async");
            i0.ɵɵelementEnd();
            i0.ɵɵtemplate(3, InputComponent_div_3_Template, 1, 4, "div", 2)(4, InputComponent_div_4_Template, 1, 4, "div", 3);
        } if (rf & 2) {
            i0.ɵɵstyleProp("width", ctx.config.options == null ? null : ctx.config.options.width);
            i0.ɵɵclassProp("fu-input-small", ctx.isSmall)("fu-readonly", ctx.isReadOnly);
            i0.ɵɵproperty("ngClass", ctx.getHolderClasses());
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 10, ctx.configByStyle$));
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngIf", ctx.config.error && ctx.config.error !== true);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", ctx.config.helperText);
        } }, dependencies: [i1.NgClass, i1.NgIf, i1.NgStyle, i2.DefaultValueAccessor, i2.NgControlStatus, i2.RequiredValidator, i2.MinLengthValidator, i2.PatternValidator, i2.FormControlDirective, i3.IconComponent, i4.TooltipDirective, i1.AsyncPipe], styles: ["@keyframes _ngcontent-%COMP%_rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes _ngcontent-%COMP%_shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}@font-face{font-family:NHaasGroteskDSPro;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.ttf) format(\"truetype\")}@font-face{font-family:NHaasGroteskDSPro-65Md;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue-Medium;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.ttf) format(\"truetype\")}.font-heading-6[_ngcontent-%COMP%], .font-heading-5[_ngcontent-%COMP%], .font-heading-4[_ngcontent-%COMP%], .font-heading-3[_ngcontent-%COMP%], .font-heading-2[_ngcontent-%COMP%], .font-heading-1[_ngcontent-%COMP%]{font-family:NHaasGroteskDSPro,sans-serif}.font-heading-1[_ngcontent-%COMP%]{font-size:60px}.font-heading-2[_ngcontent-%COMP%]{font-size:32px}.font-heading-3[_ngcontent-%COMP%]{font-size:22px}.font-heading-4[_ngcontent-%COMP%]{font-size:18px}.font-heading-5[_ngcontent-%COMP%]{font-size:15px}.font-heading-6[_ngcontent-%COMP%]{font-size:13px}.font-heading-label[_ngcontent-%COMP%]{font-size:11px;font-family:NHaasGroteskDSPro-65Md,sans-serif;letter-spacing:.25px}[_nghost-%COMP%]   .fu-helper-text[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-error-msg[_ngcontent-%COMP%], .font-caption[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-toggle-pass[_ngcontent-%COMP%]   .fu-show-pass[_ngcontent-%COMP%], .font-bodyXSmall[_ngcontent-%COMP%], fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], .font-bodySmall[_ngcontent-%COMP%], .font-bodyMedium[_ngcontent-%COMP%], .font-bodyLarge[_ngcontent-%COMP%]{font-family:HelveticaNeue,helvetica,sans-serif;line-height:1.5}.font-bodyXSmallStrong[_ngcontent-%COMP%], .font-bodySmallStrong[_ngcontent-%COMP%], .font-bodyMediumStrong[_ngcontent-%COMP%], .font-bodyLargeStrong[_ngcontent-%COMP%]{font-family:HelveticaNeue-Medium,helvetica,sans-serif;line-height:1.5}.font-bodyLarge[_ngcontent-%COMP%], .font-bodyLargeStrong[_ngcontent-%COMP%]{font-size:16px}.font-bodyMedium[_ngcontent-%COMP%], .font-bodyMediumStrong[_ngcontent-%COMP%]{font-size:14px}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], .font-bodySmall[_ngcontent-%COMP%]{font-size:13px;letter-spacing:.24px}.font-bodySmallStrong[_ngcontent-%COMP%]{font-size:13px;letter-spacing:.24px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-toggle-pass[_ngcontent-%COMP%]   .fu-show-pass[_ngcontent-%COMP%], .font-bodyXSmall[_ngcontent-%COMP%]{font-size:12px;letter-spacing:.24px}.font-bodyXSmallStrong[_ngcontent-%COMP%]{font-size:12px;letter-spacing:.24px}[_nghost-%COMP%]   .fu-helper-text[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-error-msg[_ngcontent-%COMP%], .font-caption[_ngcontent-%COMP%]{font-size:11px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon.loading.left[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon.left[_ngcontent-%COMP%]{left:10px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon.loading.left[_ngcontent-%COMP%] + input[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon.left[_ngcontent-%COMP%] + input[_ngcontent-%COMP%]{padding-left:32px;padding-right:12px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon.loading[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon.right[_ngcontent-%COMP%]{right:10px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon.loading[_ngcontent-%COMP%] + input[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon.right[_ngcontent-%COMP%] + input[_ngcontent-%COMP%]{padding-left:12px;padding-right:32px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-second-icon.right[_ngcontent-%COMP%]{right:10px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-second-icon.right[_ngcontent-%COMP%] + input[_ngcontent-%COMP%]{padding-left:32px;padding-right:32px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-second-icon.left[_ngcontent-%COMP%]{left:10px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-second-icon.left[_ngcontent-%COMP%] + input[_ngcontent-%COMP%]{padding-right:32px;padding-left:32px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:row;align-items:flex-start;align-content:stretch;width:100%;line-height:14.65px;border-radius:8px;overflow:hidden}[_nghost-%COMP%]   .fu-input-holder.fu-disabled[_ngcontent-%COMP%]{cursor:not-allowed}[_nghost-%COMP%]   .fu-input-holder.fu-disabled[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{border-radius:8px;background-color:var(--fu-light-200, #EDEFF0)}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%]{box-sizing:border-box;align-items:center;justify-content:center;flex-direction:column;display:flex;color:var(--fu-black-500, #53575B);background-color:var(--fu-light-100, #F1F3F4);padding:0 4px 0 8px;height:40px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units.small[_ngcontent-%COMP%]{border-right:none;min-width:inherit;height:32px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units.right[_ngcontent-%COMP%]{order:99;border-radius:0 3px 3px 0;border-left-width:0;border-right-width:1px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units.right.small[_ngcontent-%COMP%]{border-left:none;height:32px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units.right[_ngcontent-%COMP%] + input[_ngcontent-%COMP%]{border-right-width:0;border-radius:3px 0 0 3px;border-left-width:1px;padding-right:0}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units.right[_ngcontent-%COMP%] + input.is-underline[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units.right[_ngcontent-%COMP%] + input.is-no-border[_ngcontent-%COMP%]{border-radius:0}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%]:not(.right) + input[_ngcontent-%COMP%]{border-radius:0;padding-left:0}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units.left[_ngcontent-%COMP%]{border-radius:0}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units.is-placeholder-units[_ngcontent-%COMP%]{color:var(--fu-light-800, #8E959D)}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{letter-spacing:.24px;border:none;box-sizing:border-box;background-color:var(--fu-light-100, #F1F3F4);padding:0 12px;height:40px;color:var(--fu-black-500, #53575B);width:100%}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder{color:var(--fu-light-800, #8E959D)}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:active, [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{outline:none}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:hover{background-color:var(--fu-light-200, #EDEFF0)}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[readonly][_ngcontent-%COMP%]{color:var(--fu-black-500, #53575B);background-color:var(--fu-light-200, #EDEFF0);border:none;padding-top:initial}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input.disabled[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:disabled{color:var(--fu-light-800, #8E959D);pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input.disabled[_ngcontent-%COMP%]:focus, [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:disabled:focus{border-bottom:none}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input.fu-type-pass[_ngcontent-%COMP%]{padding-right:30px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[type=time][_ngcontent-%COMP%]::-webkit-calendar-picker-indicator{display:none}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[type=time][_ngcontent-%COMP%]::-webkit-datetime-edit-fields-wrapper{display:flex;align-items:center;justify-content:center;gap:8px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon[_ngcontent-%COMP%]{position:absolute;top:12px;width:16px;height:16px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon[_ngcontent-%COMP%]   fusion-icon[_ngcontent-%COMP%]     svg{width:16px;height:16px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-icon[_ngcontent-%COMP%]   fusion-icon[_ngcontent-%COMP%]     svg *{fill:var(--fu-light-900, #7B838C)}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-second-icon[_ngcontent-%COMP%]{position:absolute;top:12px;width:16px;height:16px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-second-icon[_ngcontent-%COMP%]   fusion-icon[_ngcontent-%COMP%]     svg{width:16px;height:16px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   i.fu-input-second-icon[_ngcontent-%COMP%]   fusion-icon[_ngcontent-%COMP%]     svg *{fill:var(--fu-light-900, #7B838C)}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-validation-icon-holder[_ngcontent-%COMP%]{position:absolute;top:13px;right:11px;width:16px;height:16px}[_nghost-%COMP%]   .fu-input-holder.fu-input-small[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{height:32px}[_nghost-%COMP%]   .fu-input-holder.fu-input-small[_ngcontent-%COMP%]   i.fu-input-icon[_ngcontent-%COMP%]{top:8px}[_nghost-%COMP%]   .fu-input-holder.fu-input-small[_ngcontent-%COMP%]   i.fu-input-second-icon[_ngcontent-%COMP%]{top:8px}[_nghost-%COMP%]   .fu-input-holder.fu-input-small[_ngcontent-%COMP%]   .fu-toggle-pass[_ngcontent-%COMP%]{top:7px}[_nghost-%COMP%]   .fu-input-holder.fu-input-small[_ngcontent-%COMP%]   .fu-validation-icon-holder[_ngcontent-%COMP%]{top:10px}[_nghost-%COMP%]   .fu-input-holder.focused[_ngcontent-%COMP%]   .fu-validation-icon-holder[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%]   .fu-input-holder.fu-error-error[_ngcontent-%COMP%]   .fu-validation-icon-holder[_ngcontent-%COMP%]   fusion-icon.icon-validation[_ngcontent-%COMP%]{width:16px;height:16px}[_nghost-%COMP%]   .fu-input-holder.fu-error-error[_ngcontent-%COMP%]   .fu-validation-icon-holder[_ngcontent-%COMP%]   fusion-icon.icon-validation[_ngcontent-%COMP%]     svg{width:16px;height:16px}[_nghost-%COMP%]   .fu-input-holder.fu-error-error[_ngcontent-%COMP%]   .fu-validation-icon-holder[_ngcontent-%COMP%]   fusion-icon.icon-validation[_ngcontent-%COMP%]     svg *{fill:var(--fu-negative-500, #FF6A63)}[_nghost-%COMP%]   .fu-input-holder.fu-error-error[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{padding-right:32px}[_nghost-%COMP%]   .fu-input-holder.fu-error-error[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{padding-right:10px}[_nghost-%COMP%]   .fu-input-holder.fu-error-warning[_ngcontent-%COMP%]   .fu-validation-icon-holder[_ngcontent-%COMP%]   fusion-icon.icon-validation[_ngcontent-%COMP%]{width:16px;height:16px}[_nghost-%COMP%]   .fu-input-holder.fu-error-warning[_ngcontent-%COMP%]   .fu-validation-icon-holder[_ngcontent-%COMP%]   fusion-icon.icon-validation[_ngcontent-%COMP%]     svg{width:16px;height:16px}[_nghost-%COMP%]   .fu-input-holder.fu-error-warning[_ngcontent-%COMP%]   .fu-validation-icon-holder[_ngcontent-%COMP%]   fusion-icon.icon-validation[_ngcontent-%COMP%]     svg *{fill:var(--fu-neutral-500, #FFB424)}[_nghost-%COMP%]   .fu-input-holder.fu-error-warning[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{padding-right:32px}[_nghost-%COMP%]   .fu-input-holder.fu-error-warning[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{padding-right:10px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-toggle-pass[_ngcontent-%COMP%]{position:absolute;top:11px;right:14px;cursor:pointer;width:32px;height:14px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-toggle-pass[_ngcontent-%COMP%]   .fu-show-pass[_ngcontent-%COMP%]{text-decoration:underline;color:var(--fu-black-500, #53575B)}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-toggle-pass[_ngcontent-%COMP%]   fusion-icon[_ngcontent-%COMP%]     svg{width:16px;height:16px}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-toggle-pass[_ngcontent-%COMP%]   fusion-icon[_ngcontent-%COMP%]     svg *{fill:var(--fu-light-700, #A9AFB4)}[_nghost-%COMP%]   .fu-input-holder.focused[_ngcontent-%COMP%]:not(.fu-readonly):after{position:absolute;content:\"\";height:2px;width:100%;background-color:var(--fu-primary-500, #3083FF);bottom:0}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]:hover   .fu-input-units[_ngcontent-%COMP%]{background-color:var(--fu-light-200, #EDEFF0)}[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%]{background-color:var(--fu-light-200, #EDEFF0)}[_nghost-%COMP%]   .fu-error-msg[_ngcontent-%COMP%]{color:var(--fu-negative-700, #DA564F);margin-top:4px;margin-left:2px;height:16px;line-height:16.5px;text-align:initial}[_nghost-%COMP%]   .fu-error-msg.focused[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%]   .fu-error-msg.small[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%]   .fu-helper-text[_ngcontent-%COMP%]{color:var(--fu-black-200, #696A6B);margin-top:4px;margin-left:2px;height:16px;line-height:16.5px;text-align:initial}.is-no-spin[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::-webkit-inner-spin-button, .is-no-spin[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]{background-color:transparent}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]:hover   .fu-input-units[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]:hover   .fu-input-units[_ngcontent-%COMP%], fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]:hover   input[_ngcontent-%COMP%]{background-color:var(--fu-white, #ffffff)}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%]{padding-left:8px}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units.right[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units.right[_ngcontent-%COMP%]{align-items:flex-start;min-width:50px;width:50px}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{background-color:var(--fu-white, #ffffff);padding-left:8px;padding-right:32px;margin-top:-1px}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:hover, fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:hover{background-color:var(--fu-white, #ffffff)}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]:not(.fu-readonly):after, fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]:not(.fu-readonly):after{position:absolute;content:\"\";height:2px;width:100%;background-color:var(--fu-primary-500, #3083FF);bottom:0}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder.focused[_ngcontent-%COMP%]:not(.fu-readonly):has(input.fu-error):after, fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder.focused[_ngcontent-%COMP%]:not(.fu-readonly):has(input.fu-error):after, fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]:has(input.fu-error):after, fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]:has(input.fu-error):after{position:absolute;content:\"\";height:2px;width:100%;background-color:var(--fu-negative-500, #FF6A63);bottom:0}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], fusion-input-inline[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%]:hover, fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%]:hover{background-color:var(--fu-white, #ffffff)}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder.fu-disabled[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder.fu-disabled[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{background-color:var(--fu-white, #ffffff)}fusion-input-inline[_nghost-%COMP%]   .fu-input-holder.fu-disabled[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder.fu-disabled[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%], fusion-input-inline[_nghost-%COMP%]   .fu-input-holder.fu-disabled[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%]:hover, fusion-input-inline   [_nghost-%COMP%]   .fu-input-holder.fu-disabled[_ngcontent-%COMP%]   .fu-input-units[_ngcontent-%COMP%]:hover{color:var(--fu-light-800, #8E959D)}fusion-input-inline[_nghost-%COMP%]   .fu-error-msg[_ngcontent-%COMP%], fusion-input-inline   [_nghost-%COMP%]   .fu-error-msg[_ngcontent-%COMP%]{display:none}fusion-tags-input[_nghost-%COMP%]   .fu-input-holder.focused[_ngcontent-%COMP%]:after, fusion-tags-input   [_nghost-%COMP%]   .fu-input-holder.focused[_ngcontent-%COMP%]:after{display:none}fusion-tags-input[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input[_ngcontent-%COMP%], fusion-tags-input   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input[_ngcontent-%COMP%]{border:none;background-color:transparent;padding:0;height:20px;margin:2px}fusion-tags-input[_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input[_ngcontent-%COMP%]:hover, fusion-tags-input   [_nghost-%COMP%]   .fu-input-holder[_ngcontent-%COMP%]   .fu-input[_ngcontent-%COMP%]:hover{background-color:transparent}.fu-time-selector[_nghost-%COMP%]   .fu-error-msg[_ngcontent-%COMP%], .fu-time-selector   [_nghost-%COMP%]   .fu-error-msg[_ngcontent-%COMP%]{position:absolute;margin-top:0}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputComponent, [{
        type: Component,
        args: [{ selector: 'fusion-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputComponent), multi: true }], template: "<div [class.fu-input-small]=\"isSmall\" class=\"fu-input-holder\"\n     [ngClass]=\"getHolderClasses()\"\n     [style.width]=\"config.options?.width\"\n     [class.fu-readonly]=\"isReadOnly\"\n>\n    <ng-container *ngIf=\"configByStyle$ | async as configByStyle\">\n\n        <i class=\"fu-input-icon {{ config?.icon?.iconPos || config?.icon?.[0]?.iconPos }}\"\n           *ngIf=\"config?.icon && !loading && !config?.errorType\"\n           [class.has-units]=\"config?.units\"\n           [ngStyle]=\"config.options?.iconStyle\">\n            <fusion-icon [name]=\"config?.icon?.iconData || config?.icon?.[0]?.iconData\"></fusion-icon>\n        </i>\n\n        <i  class=\"fu-input-second-icon {{ config?.icon?.[1]?.iconPos }}\"\n            *ngIf=\"config?.icon?.[1]?.iconData && !loading && !config?.errorType\"\n            [class.has-units]=\"config?.units\"\n            [ngStyle]=\"config.options?.iconStyle\">\n            <fusion-icon [name]=\"config?.icon?.[1]?.iconData\"></fusion-icon>\n        </i>\n\n        <span class=\"fu-input-units {{ config?.unitPos }} {{ config.options?.size }}\"\n              *ngIf=\"config?.units\"\n              [class.focused]=\"focused\"\n              [class.fu-error]=\"config.error\"\n              [class.is-placeholder-units]=\"config?.unitPlaceholder && !inputControl.value\">\n                    {{ config?.units }}\n        </span>\n\n        <i class=\"fu-validation-icon-holder\"\n           *ngIf=\"config?.errorType && showErrorIcon && !loading\"\n           [fusionTooltip]=\"getTooltipErrorsMessage()\">\n            <fusion-icon class=\"icon-validation\"\n                         [name]=\"getErrorIcon(config?.errorType, configByStyle.iconInfo, configByStyle.iconWarning)\">\n            </fusion-icon>\n        </i>\n\n        <div class=\"fu-toggle-pass\"\n           *ngIf=\"config?.type === 'password'\"\n           (click)=\"passToggle($event)\"\n           (mousedown)=\"onPassToggleMouseDown($event)\">\n            <div class=\"fu-show-pass\">Show</div>\n        </div>\n\n        <input #input\n               [class.fu-input-small]=\"isSmall\"\n               class=\"fu-input {{ config?.class }} {{ config?.icon?.iconPos || config?.icon?.[0]?.iconPos }}\"\n               autocomplete=\"off\"\n               minlength=\"1\"\n               [class.fu-type-pass]=\"config?.type === 'password'\"\n               [class.has-units]=\"config?.units\"\n               [class.disabled]=\"disabled$ | async\"\n               [class.iconed]=\"config?.icon || loading\"\n               [class.fu-error]=\"showErrorClass$ | async\"\n               [id]=\"config?.id\"\n               [placeholder]=\"config?.placeholder\"\n               [readonly]=\"config?.readonly || (disabled$ | async) || (loading && config?.disableOnLoading) || config?.btnLoading\"\n               [required]=\"config?.required\"\n               [attr.maxlength]=\"config?.maxlength\"\n               [min]=\"config?.min\"\n               [max]=\"config?.max\"\n               [step]=\"step\"\n               [type]=\"getInputType()\"\n               [formControl]=\"inputControl\"\n               [ngStyle]=\"config.options?.style\"\n               [attr.autofocus]=\"config?.autofocus\"\n               [pattern]=\"config?.type === 'time' ? '[0-9]{2}:[0-9]{2}' : null\"\n               (focus)=\"focus()\"\n               (blur)=\"blur()\"\n        />\n    </ng-container>\n\n</div>\n\n<div class=\"fu-error-msg\"\n     *ngIf=\"config.error && config.error !== true\"\n     [hidden]=\"config?.errorType && showErrorIcon()\"\n     [class.focused]=\"focused\"\n     [innerHTML]=\"config.error\">\n</div>\n\n<div class=\"fu-helper-text\"\n     *ngIf=\"config.helperText\"\n     [hidden]=\"!config.helperText || !!config.error\"\n     [class.focused]=\"focused\"\n     [innerHTML]=\"config.helperText\">\n</div>\n\n", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}@font-face{font-family:NHaasGroteskDSPro;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.ttf) format(\"truetype\")}@font-face{font-family:NHaasGroteskDSPro-65Md;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue-Medium;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.ttf) format(\"truetype\")}.font-heading-6,.font-heading-5,.font-heading-4,.font-heading-3,.font-heading-2,.font-heading-1{font-family:NHaasGroteskDSPro,sans-serif}.font-heading-1{font-size:60px}.font-heading-2{font-size:32px}.font-heading-3{font-size:22px}.font-heading-4{font-size:18px}.font-heading-5{font-size:15px}.font-heading-6{font-size:13px}.font-heading-label{font-size:11px;font-family:NHaasGroteskDSPro-65Md,sans-serif;letter-spacing:.25px}:host .fu-helper-text,:host .fu-error-msg,.font-caption,:host .fu-input-holder .fu-toggle-pass .fu-show-pass,.font-bodyXSmall,:host-context(fusion-input-inline) .fu-input-holder .fu-input-units,:host .fu-input-holder input,:host .fu-input-holder .fu-input-units,.font-bodySmall,.font-bodyMedium,.font-bodyLarge{font-family:HelveticaNeue,helvetica,sans-serif;line-height:1.5}.font-bodyXSmallStrong,.font-bodySmallStrong,.font-bodyMediumStrong,.font-bodyLargeStrong{font-family:HelveticaNeue-Medium,helvetica,sans-serif;line-height:1.5}.font-bodyLarge,.font-bodyLargeStrong{font-size:16px}.font-bodyMedium,.font-bodyMediumStrong{font-size:14px}:host-context(fusion-input-inline) .fu-input-holder .fu-input-units,:host .fu-input-holder input,:host .fu-input-holder .fu-input-units,.font-bodySmall{font-size:13px;letter-spacing:.24px}.font-bodySmallStrong{font-size:13px;letter-spacing:.24px}:host .fu-input-holder .fu-toggle-pass .fu-show-pass,.font-bodyXSmall{font-size:12px;letter-spacing:.24px}.font-bodyXSmallStrong{font-size:12px;letter-spacing:.24px}:host .fu-helper-text,:host .fu-error-msg,.font-caption{font-size:11px}:host .fu-input-holder i.fu-input-icon.loading.left,:host .fu-input-holder i.fu-input-icon.left{left:10px}:host .fu-input-holder i.fu-input-icon.loading.left+input,:host .fu-input-holder i.fu-input-icon.left+input{padding-left:32px;padding-right:12px}:host .fu-input-holder i.fu-input-icon.loading,:host .fu-input-holder i.fu-input-icon.right{right:10px}:host .fu-input-holder i.fu-input-icon.loading+input,:host .fu-input-holder i.fu-input-icon.right+input{padding-left:12px;padding-right:32px}:host .fu-input-holder i.fu-input-second-icon.right{right:10px}:host .fu-input-holder i.fu-input-second-icon.right+input{padding-left:32px;padding-right:32px}:host .fu-input-holder i.fu-input-second-icon.left{left:10px}:host .fu-input-holder i.fu-input-second-icon.left+input{padding-right:32px;padding-left:32px}:host .fu-input-holder{position:relative;display:flex;flex-direction:row;align-items:flex-start;align-content:stretch;width:100%;line-height:14.65px;border-radius:8px;overflow:hidden}:host .fu-input-holder.fu-disabled{cursor:not-allowed}:host .fu-input-holder.fu-disabled input{border-radius:8px;background-color:var(--fu-light-200, #EDEFF0)}:host .fu-input-holder .fu-input-units{box-sizing:border-box;align-items:center;justify-content:center;flex-direction:column;display:flex;color:var(--fu-black-500, #53575B);background-color:var(--fu-light-100, #F1F3F4);padding:0 4px 0 8px;height:40px}:host .fu-input-holder .fu-input-units.small{border-right:none;min-width:inherit;height:32px}:host .fu-input-holder .fu-input-units.right{order:99;border-radius:0 3px 3px 0;border-left-width:0;border-right-width:1px}:host .fu-input-holder .fu-input-units.right.small{border-left:none;height:32px}:host .fu-input-holder .fu-input-units.right+input{border-right-width:0;border-radius:3px 0 0 3px;border-left-width:1px;padding-right:0}:host .fu-input-holder .fu-input-units.right+input.is-underline,:host .fu-input-holder .fu-input-units.right+input.is-no-border{border-radius:0}:host .fu-input-holder .fu-input-units:not(.right)+input{border-radius:0;padding-left:0}:host .fu-input-holder .fu-input-units.left{border-radius:0}:host .fu-input-holder .fu-input-units.is-placeholder-units{color:var(--fu-light-800, #8E959D)}:host .fu-input-holder input{letter-spacing:.24px;border:none;box-sizing:border-box;background-color:var(--fu-light-100, #F1F3F4);padding:0 12px;height:40px;color:var(--fu-black-500, #53575B);width:100%}:host .fu-input-holder input::placeholder{color:var(--fu-light-800, #8E959D)}:host .fu-input-holder input:active,:host .fu-input-holder input:focus{outline:none}:host .fu-input-holder input:hover{background-color:var(--fu-light-200, #EDEFF0)}:host .fu-input-holder input[readonly]{color:var(--fu-black-500, #53575B);background-color:var(--fu-light-200, #EDEFF0);border:none;padding-top:initial}:host .fu-input-holder input.disabled,:host .fu-input-holder input:disabled{color:var(--fu-light-800, #8E959D);pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none}:host .fu-input-holder input.disabled:focus,:host .fu-input-holder input:disabled:focus{border-bottom:none}:host .fu-input-holder input.fu-type-pass{padding-right:30px}:host .fu-input-holder input[type=time]::-webkit-calendar-picker-indicator{display:none}:host .fu-input-holder input[type=time]::-webkit-datetime-edit-fields-wrapper{display:flex;align-items:center;justify-content:center;gap:8px}:host .fu-input-holder i.fu-input-icon{position:absolute;top:12px;width:16px;height:16px}:host .fu-input-holder i.fu-input-icon fusion-icon ::ng-deep svg{width:16px;height:16px}:host .fu-input-holder i.fu-input-icon fusion-icon ::ng-deep svg *{fill:var(--fu-light-900, #7B838C)}:host .fu-input-holder i.fu-input-second-icon{position:absolute;top:12px;width:16px;height:16px}:host .fu-input-holder i.fu-input-second-icon fusion-icon ::ng-deep svg{width:16px;height:16px}:host .fu-input-holder i.fu-input-second-icon fusion-icon ::ng-deep svg *{fill:var(--fu-light-900, #7B838C)}:host .fu-input-holder .fu-validation-icon-holder{position:absolute;top:13px;right:11px;width:16px;height:16px}:host .fu-input-holder.fu-input-small input{height:32px}:host .fu-input-holder.fu-input-small i.fu-input-icon{top:8px}:host .fu-input-holder.fu-input-small i.fu-input-second-icon{top:8px}:host .fu-input-holder.fu-input-small .fu-toggle-pass{top:7px}:host .fu-input-holder.fu-input-small .fu-validation-icon-holder{top:10px}:host .fu-input-holder.focused .fu-validation-icon-holder{display:none}:host .fu-input-holder.fu-error-error .fu-validation-icon-holder fusion-icon.icon-validation{width:16px;height:16px}:host .fu-input-holder.fu-error-error .fu-validation-icon-holder fusion-icon.icon-validation ::ng-deep svg{width:16px;height:16px}:host .fu-input-holder.fu-error-error .fu-validation-icon-holder fusion-icon.icon-validation ::ng-deep svg *{fill:var(--fu-negative-500, #FF6A63)}:host .fu-input-holder.fu-error-error input{padding-right:32px}:host .fu-input-holder.fu-error-error input:focus{padding-right:10px}:host .fu-input-holder.fu-error-warning .fu-validation-icon-holder fusion-icon.icon-validation{width:16px;height:16px}:host .fu-input-holder.fu-error-warning .fu-validation-icon-holder fusion-icon.icon-validation ::ng-deep svg{width:16px;height:16px}:host .fu-input-holder.fu-error-warning .fu-validation-icon-holder fusion-icon.icon-validation ::ng-deep svg *{fill:var(--fu-neutral-500, #FFB424)}:host .fu-input-holder.fu-error-warning input{padding-right:32px}:host .fu-input-holder.fu-error-warning input:focus{padding-right:10px}:host .fu-input-holder .fu-toggle-pass{position:absolute;top:11px;right:14px;cursor:pointer;width:32px;height:14px}:host .fu-input-holder .fu-toggle-pass .fu-show-pass{text-decoration:underline;color:var(--fu-black-500, #53575B)}:host .fu-input-holder .fu-toggle-pass fusion-icon ::ng-deep svg{width:16px;height:16px}:host .fu-input-holder .fu-toggle-pass fusion-icon ::ng-deep svg *{fill:var(--fu-light-700, #A9AFB4)}:host .fu-input-holder.focused:not(.fu-readonly):after{position:absolute;content:\"\";height:2px;width:100%;background-color:var(--fu-primary-500, #3083FF);bottom:0}:host .fu-input-holder:hover .fu-input-units{background-color:var(--fu-light-200, #EDEFF0)}:host .fu-input-holder:hover input{background-color:var(--fu-light-200, #EDEFF0)}:host .fu-error-msg{color:var(--fu-negative-700, #DA564F);margin-top:4px;margin-left:2px;height:16px;line-height:16.5px;text-align:initial}:host .fu-error-msg.focused{display:none}:host .fu-error-msg.small{display:none}:host .fu-helper-text{color:var(--fu-black-200, #696A6B);margin-top:4px;margin-left:2px;height:16px;line-height:16.5px;text-align:initial}:host.is-no-spin .fu-input-holder input::-webkit-inner-spin-button,:host.is-no-spin .fu-input-holder input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host-context(fusion-input-inline) .fu-input-holder{background-color:transparent}:host-context(fusion-input-inline) .fu-input-holder:hover .fu-input-units,:host-context(fusion-input-inline) .fu-input-holder:hover input{background-color:var(--fu-white, #ffffff)}:host-context(fusion-input-inline) .fu-input-holder .fu-input-units{padding-left:8px}:host-context(fusion-input-inline) .fu-input-holder .fu-input-units.right{align-items:flex-start;min-width:50px;width:50px}:host-context(fusion-input-inline) .fu-input-holder input{background-color:var(--fu-white, #ffffff);padding-left:8px;padding-right:32px;margin-top:-1px}:host-context(fusion-input-inline) .fu-input-holder input:hover{background-color:var(--fu-white, #ffffff)}:host-context(fusion-input-inline) .fu-input-holder:not(.fu-readonly):after{position:absolute;content:\"\";height:2px;width:100%;background-color:var(--fu-primary-500, #3083FF);bottom:0}:host-context(fusion-input-inline) .fu-input-holder.focused:not(.fu-readonly):has(input.fu-error):after,:host-context(fusion-input-inline) .fu-input-holder:has(input.fu-error):after{position:absolute;content:\"\";height:2px;width:100%;background-color:var(--fu-negative-500, #FF6A63);bottom:0}:host-context(fusion-input-inline) .fu-input-holder .fu-input-units,:host-context(fusion-input-inline) .fu-input-holder .fu-input-units:hover{background-color:var(--fu-white, #ffffff)}:host-context(fusion-input-inline) .fu-input-holder.fu-disabled input{background-color:var(--fu-white, #ffffff)}:host-context(fusion-input-inline) .fu-input-holder.fu-disabled .fu-input-units,:host-context(fusion-input-inline) .fu-input-holder.fu-disabled .fu-input-units:hover{color:var(--fu-light-800, #8E959D)}:host-context(fusion-input-inline) .fu-error-msg{display:none}:host-context(fusion-tags-input) .fu-input-holder.focused:after{display:none}:host-context(fusion-tags-input) .fu-input-holder .fu-input{border:none;background-color:transparent;padding:0;height:20px;margin:2px}:host-context(fusion-tags-input) .fu-input-holder .fu-input:hover{background-color:transparent}:host-context(.fu-time-selector) .fu-error-msg{position:absolute;margin-top:0}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InputComponent, { className: "InputComponent", filePath: "input.component.ts", lineNumber: 14 }); })();
//# sourceMappingURL=data:application/json;base64, 