import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import * as i0 from "@angular/core";
import * as i1 from "@angular/platform-browser";
import * as i2 from "@angular/common";
import * as i3 from "@ironsource/fusion-ui/components/icon/v1";
import * as i4 from "@ironsource/fusion-ui/components/dynamic-components/v1";
const _c0 = ["fusionTableEmpty", ""];
function TableEmptyComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "fusion-dynamic-components", 2);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("configuration", ctx_r0.customContent);
} }
function TableEmptyComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 6);
    i0.ɵɵelement(1, "fusion-icon", 7);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance();
    i0.ɵɵproperty("name", ctx_r2.icon);
} }
function TableEmptyComponent_ng_container_3_div_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "div", 8);
} if (rf & 2) {
    const ctx_r3 = i0.ɵɵnextContext(2);
    i0.ɵɵstyleProp("background-image", ctx_r3.imageBackground);
} }
function TableEmptyComponent_ng_container_3_div_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 9);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r4 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate(ctx_r4.subHeader);
} }
function TableEmptyComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, TableEmptyComponent_ng_container_3_div_1_Template, 2, 1, "div", 3)(2, TableEmptyComponent_ng_container_3_div_2_Template, 1, 2, "div", 4);
    i0.ɵɵelementStart(3, "label");
    i0.ɵɵtext(4);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(5, TableEmptyComponent_ng_container_3_div_5_Template, 2, 1, "div", 5);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r1.icon);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r1.showNoDataImage && !ctx_r1.icon);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r1.header);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r1.subHeader);
} }
export class TableEmptyComponent {
    constructor(sanitizer) {
        this.sanitizer = sanitizer;
        this.showNoDataImage = true;
    }
    get imageBackground() {
        return this.imageBackgroundUrl ? this.sanitizer.bypassSecurityTrustStyle(`url(${this.imageBackgroundUrl})`) : null;
    }
    static { this.ɵfac = function TableEmptyComponent_Factory(t) { return new (t || TableEmptyComponent)(i0.ɵɵdirectiveInject(i1.DomSanitizer)); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableEmptyComponent, selectors: [["", "fusionTableEmpty", ""]], inputs: { fusionTableEmpty: "fusionTableEmpty", customContent: "customContent", header: "header", subHeader: "subHeader", icon: "icon", imageBackgroundUrl: "imageBackgroundUrl", showNoDataImage: "showNoDataImage" }, attrs: _c0, decls: 4, vars: 3, consts: [[1, "is-nodata"], [4, "ngIf"], [3, "configuration"], ["class", "icon-container", 4, "ngIf"], ["class", "no-data-img", 3, "background-image", 4, "ngIf"], ["class", "is-nodata-sub", 4, "ngIf"], [1, "icon-container"], [1, "empty-table-icon", 3, "name"], [1, "no-data-img"], [1, "is-nodata-sub"]], template: function TableEmptyComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "tr")(1, "td", 0);
            i0.ɵɵtemplate(2, TableEmptyComponent_ng_container_2_Template, 2, 1, "ng-container", 1)(3, TableEmptyComponent_ng_container_3_Template, 6, 4, "ng-container", 1);
            i0.ɵɵelementEnd()();
        } if (rf & 2) {
            i0.ɵɵadvance();
            i0.ɵɵattribute("colspan", ctx.fusionTableEmpty);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", ctx.customContent);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", !ctx.customContent);
        } }, dependencies: [i2.NgIf, i3.IconComponent, i4.DynamicComponentsComponent], styles: ["@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}.font-caption[_ngcontent-%COMP%], .font-bodyXSmall[_ngcontent-%COMP%], [_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%]   .is-nodata-sub[_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%], [_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%], .font-bodyLargeStrong[_ngcontent-%COMP%]{font-family:HelveticaNeue-Medium,helvetica,sans-serif;line-height:1.5}.font-bodyLarge[_ngcontent-%COMP%]{font-size:16px}[_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%], .font-bodyLargeStrong[_ngcontent-%COMP%]{font-size:16px}.font-bodyMedium[_ngcontent-%COMP%], .font-bodyMediumStrong[_ngcontent-%COMP%]{font-size:14px}[_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%]   .is-nodata-sub[_ngcontent-%COMP%], .font-bodySmall[_ngcontent-%COMP%]{font-size:13px;letter-spacing:.24px}.font-bodySmallStrong[_ngcontent-%COMP%]{font-size:13px;letter-spacing:.24px}.font-bodyXSmall[_ngcontent-%COMP%], .font-bodyXSmallStrong[_ngcontent-%COMP%]{font-size:12px;letter-spacing:.24px}.font-caption[_ngcontent-%COMP%]{font-size:11px}[_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%]   .no-data-img[_ngcontent-%COMP%]{background:url(\"data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='40' fill='%23F1F3F4'/%3E%3Crect x='33.816' y='40.348' width='9.739' height='26.307' rx='4.87' transform='rotate(44.722 33.816 40.348)' fill='%2353575B'/%3E%3Ccircle transform='matrix(-1 0 0 1 43.13 36.87)' fill='%2353575B' r='20.174'/%3E%3Ccircle transform='matrix(-1 0 0 1 43.13 36.87)' fill='%23DDDFE1' r='15.304'/%3E%3C/svg%3E\") center center no-repeat}@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}}[_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%]{text-align:center;color:var(--fu-black-200, #696A6B);padding:48px 0}[_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%]:hover{background-color:var(--fu-white, #ffffff)}[_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%]   .is-nodata-sub[_ngcontent-%COMP%]{padding-top:5px}[_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%]   .icon-container[_ngcontent-%COMP%]{padding-bottom:24px}[_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%]   .icon-container[_ngcontent-%COMP%]   fusion-icon[class^=empty-table-icon][_ngcontent-%COMP%]     svg{height:51px;width:42px}[_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%]   .icon-container[_ngcontent-%COMP%]   fusion-icon[class^=empty-table-icon][_ngcontent-%COMP%]     svg *{fill:var(--fu-light-600, #B7BBC0)}[_nghost-%COMP%]   .is-nodata[_ngcontent-%COMP%]   .no-data-img[_ngcontent-%COMP%]{display:block;height:112px;margin-bottom:24px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableEmptyComponent, [{
        type: Component,
        args: [{ selector: '[fusionTableEmpty]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<tr>\n    <td class=\"is-nodata\" [attr.colspan]=\"fusionTableEmpty\">\n        <ng-container *ngIf=\"customContent\">\n            <fusion-dynamic-components [configuration]=\"customContent\"></fusion-dynamic-components>\n        </ng-container>\n        <ng-container *ngIf=\"!customContent\">\n            <div class=\"icon-container\" *ngIf=\"icon\">\n                <fusion-icon class=\"empty-table-icon\" [name]=\"icon\"></fusion-icon>\n            </div>\n            <div *ngIf=\"showNoDataImage && !icon\" class=\"no-data-img\" [style.background-image]=\"imageBackground\"></div>\n            <label>{{ header }}</label>\n            <div class=\"is-nodata-sub\" *ngIf=\"subHeader\">{{ subHeader }}</div>\n        </ng-container>\n    </td>\n</tr>\n", styles: ["@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}.font-caption,.font-bodyXSmall,:host .is-nodata .is-nodata-sub,.font-bodySmall,.font-bodyMedium,.font-bodyLarge{font-family:HelveticaNeue,helvetica,sans-serif;line-height:1.5}.font-bodyXSmallStrong,.font-bodySmallStrong,.font-bodyMediumStrong,:host .is-nodata,.font-bodyLargeStrong{font-family:HelveticaNeue-Medium,helvetica,sans-serif;line-height:1.5}.font-bodyLarge{font-size:16px}:host .is-nodata,.font-bodyLargeStrong{font-size:16px}.font-bodyMedium,.font-bodyMediumStrong{font-size:14px}:host .is-nodata .is-nodata-sub,.font-bodySmall{font-size:13px;letter-spacing:.24px}.font-bodySmallStrong{font-size:13px;letter-spacing:.24px}.font-bodyXSmall,.font-bodyXSmallStrong{font-size:12px;letter-spacing:.24px}.font-caption{font-size:11px}:host .is-nodata .no-data-img{background:url(\"data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='40' fill='%23F1F3F4'/%3E%3Crect x='33.816' y='40.348' width='9.739' height='26.307' rx='4.87' transform='rotate(44.722 33.816 40.348)' fill='%2353575B'/%3E%3Ccircle transform='matrix(-1 0 0 1 43.13 36.87)' fill='%2353575B' r='20.174'/%3E%3Ccircle transform='matrix(-1 0 0 1 43.13 36.87)' fill='%23DDDFE1' r='15.304'/%3E%3C/svg%3E\") center center no-repeat}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}:host .is-nodata{text-align:center;color:var(--fu-black-200, #696A6B);padding:48px 0}:host .is-nodata:hover{background-color:var(--fu-white, #ffffff)}:host .is-nodata .is-nodata-sub{padding-top:5px}:host .is-nodata .icon-container{padding-bottom:24px}:host .is-nodata .icon-container fusion-icon[class^=empty-table-icon] ::ng-deep svg{height:51px;width:42px}:host .is-nodata .icon-container fusion-icon[class^=empty-table-icon] ::ng-deep svg *{fill:var(--fu-light-600, #B7BBC0)}:host .is-nodata .no-data-img{display:block;height:112px;margin-bottom:24px}\n"] }]
    }], () => [{ type: i1.DomSanitizer }], { fusionTableEmpty: [{
            type: Input
        }], customContent: [{
            type: Input
        }], header: [{
            type: Input
        }], subHeader: [{
            type: Input
        }], icon: [{
            type: Input
        }], imageBackgroundUrl: [{
            type: Input
        }], showNoDataImage: [{
            type: Input
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TableEmptyComponent, { className: "TableEmptyComponent", filePath: "components/table-empty/table-empty.component.ts", lineNumber: 12 }); })();
//# sourceMappingURL=data:application/json;base64, 