import * as i0 from '@angular/core';
import { Directive, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import { TooltipBaseDirective, TooltipBaseComponent } from '@ironsource/fusion-ui/components/tooltip/common/base';
export { TooltipPosition, TooltipService, TooltipType } from '@ironsource/fusion-ui/components/tooltip/common/base';
import * as i2 from '@ironsource/fusion-ui/components/icon/v1';
import { IconModule } from '@ironsource/fusion-ui/components/icon/v1';

class TooltipDirective extends TooltipBaseDirective {
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTooltipDirective_BaseFactory; return function TooltipDirective_Factory(__ngFactoryType__) { return (ɵTooltipDirective_BaseFactory || (ɵTooltipDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TooltipDirective)))(__ngFactoryType__ || TooltipDirective); }; })(); }
    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TooltipDirective, selectors: [["", "fusionTooltip", ""]], features: [i0.ɵɵInheritDefinitionFeature] }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipDirective, [{
        type: Directive,
        args: [{
                selector: '[fusionTooltip]'
            }]
    }], null, null); })();

function TooltipComponent_Conditional_0_fusion_icon_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 3);
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext(2);
    i0.ɵɵclassProp("has-icon", ctx_r0.hasIcon);
    i0.ɵɵproperty("name", ctx_r0.icon);
} }
function TooltipComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, TooltipComponent_Conditional_0_fusion_icon_0_Template, 1, 3, "fusion-icon", 1);
    i0.ɵɵelement(1, "div", 2);
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngIf", ctx_r0.icon);
    i0.ɵɵadvance();
    i0.ɵɵproperty("innerHTML", ctx_r0.content, i0.ɵɵsanitizeHtml);
} }
function TooltipComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0, 0);
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngComponentOutlet", ctx_r0.content)("ngComponentOutletInputs", ctx_r0.componentData);
} }
class TooltipComponent extends TooltipBaseComponent {
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵTooltipComponent_BaseFactory; return function TooltipComponent_Factory(__ngFactoryType__) { return (ɵTooltipComponent_BaseFactory || (ɵTooltipComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TooltipComponent)))(__ngFactoryType__ || TooltipComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TooltipComponent, selectors: [["fusion-tooltip"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[3, "ngComponentOutlet", "ngComponentOutletInputs"], ["class", "tooltip-icon", 3, "has-icon", "name", 4, "ngIf"], [1, "is-tooltip-content", 3, "innerHTML"], [1, "tooltip-icon", 3, "name"]], template: function TooltipComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵtemplate(0, TooltipComponent_Conditional_0_Template, 2, 2)(1, TooltipComponent_Conditional_1_Template, 1, 2, "ng-container", 0);
        } if (rf & 2) {
            i0.ɵɵconditional(ctx.isHtml ? 0 : 1);
        } }, dependencies: [i1.NgComponentOutlet, i1.NgIf, i2.IconComponent], styles: ["[_nghost-%COMP%]{font-size:12px;font-family:var(--regular-font-family, \"Open Sans\");font-weight:600}.is-position-bottom[_nghost-%COMP%]:after, .is-position-top[_nghost-%COMP%]:after{margin-left:0;position:absolute;left:50%;transform:translate(-50%)}[_nghost-%COMP%]{display:flex;position:absolute;color:#fff;border-radius:3px;background-color:var(--dark-color-300, #172D4C);padding:7px;z-index:3020;word-wrap:break-word}[_nghost-%COMP%] > .is-tooltip-content[_ngcontent-%COMP%]{white-space:normal;line-height:16px;max-width:250px;text-align:left}[_nghost-%COMP%]   fusion-icon.tooltip-icon[_ngcontent-%COMP%]{margin-right:6px;margin-top:1px;height:16px;display:block}[_nghost-%COMP%]   fusion-icon.tooltip-icon[_ngcontent-%COMP%]     svg{width:13px;height:13px}[_nghost-%COMP%]   fusion-icon.tooltip-icon[_ngcontent-%COMP%]     svg *{fill:currentColor}[_nghost-%COMP%]   .tooltip-icon[_ngcontent-%COMP%]{display:none}.is-position-top[_nghost-%COMP%]:after{border:solid;border-color:var(--dark-color-300, #172D4C) transparent transparent transparent;border-width:4px 7px 0;content:\"\";position:absolute;top:100%}.is-position-bottom[_nghost-%COMP%]:after{border:solid;border-color:transparent transparent var(--dark-color-300, #172D4C) transparent;border-width:0 7px 4px;content:\"\";position:absolute;bottom:100%}.is-position-left[_nghost-%COMP%]:after{border:solid;border-color:transparent transparent transparent var(--dark-color-300, #172D4C);border-width:7px 4px 7px;content:\"\";position:absolute;top:35%;left:100%}.is-position-right[_nghost-%COMP%]:after{border:solid;border-color:transparent var(--dark-color-300, #172D4C) transparent transparent;border-width:7px 4px 7px;content:\"\";position:absolute;top:35%;right:100%}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipComponent, [{
        type: Component,
        args: [{ selector: 'fusion-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isHtml){\n    <fusion-icon *ngIf=\"icon\" [class.has-icon]=\"hasIcon\" class=\"tooltip-icon\" [name]=\"icon\"></fusion-icon>\n    <div class=\"is-tooltip-content\" [innerHTML]=\"content\"></div>\n} @else {\n    <ng-container\n                 [ngComponentOutlet]=\"content\"\n                 [ngComponentOutletInputs]=\"componentData\">\n    </ng-container>\n}\n", styles: [":host{font-size:12px;font-family:var(--regular-font-family, \"Open Sans\");font-weight:600}:host.is-position-bottom:after,:host.is-position-top:after{margin-left:0;position:absolute;left:50%;transform:translate(-50%)}:host{display:flex;position:absolute;color:#fff;border-radius:3px;background-color:var(--dark-color-300, #172D4C);padding:7px;z-index:3020;word-wrap:break-word}:host>.is-tooltip-content{white-space:normal;line-height:16px;max-width:250px;text-align:left}:host fusion-icon.tooltip-icon{margin-right:6px;margin-top:1px;height:16px;display:block}:host fusion-icon.tooltip-icon ::ng-deep svg{width:13px;height:13px}:host fusion-icon.tooltip-icon ::ng-deep svg *{fill:currentColor}:host .tooltip-icon{display:none}:host.is-position-top:after{border:solid;border-color:var(--dark-color-300, #172D4C) transparent transparent transparent;border-width:4px 7px 0;content:\"\";position:absolute;top:100%}:host.is-position-bottom:after{border:solid;border-color:transparent transparent var(--dark-color-300, #172D4C) transparent;border-width:0 7px 4px;content:\"\";position:absolute;bottom:100%}:host.is-position-left:after{border:solid;border-color:transparent transparent transparent var(--dark-color-300, #172D4C);border-width:7px 4px 7px;content:\"\";position:absolute;top:35%;left:100%}:host.is-position-right:after{border:solid;border-color:transparent var(--dark-color-300, #172D4C) transparent transparent;border-width:7px 4px 7px;content:\"\";position:absolute;top:35%;right:100%}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TooltipComponent, { className: "TooltipComponent", filePath: "tooltip.component.ts", lineNumber: 10 }); })();

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

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

export { TooltipComponent, TooltipDirective, TooltipModule };
//# sourceMappingURL=ironsource-fusion-ui-components-tooltip-v1.mjs.map
