import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
import { Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';
import { CommonLibConfigurationService } from '../../common-lib-configuration.service';
import { ScreenType } from '../../enlighten-lib/filters/condition-type';
import { AxForm } from '../../forms/ax-form';
import { DataList } from '../../forms/page/data-list/data-list';
import { FormType, SortingOrder, WidgetSubType, WidgetType } from '../../forms/page/common/widget-enums';
import { FormObjectViewService } from '../form-object-view/form-object-view.service';
import { FormObjectListService } from './form-object-list.service';
import { Router } from '@angular/router';
import { DataViewService } from '../../data-view-lib/data-view.service';
import { GhostLoaderType } from '../../ghost-loader/ghost-loader.component';
import { UserDataService } from '../../core/user/user-data.service';
import * as i0 from "@angular/core";
import * as i1 from "../form-object-view/form-object-view.service";
import * as i2 from "./form-object-list.service";
import * as i3 from "../../common-lib-configuration.service";
import * as i4 from "@angular/router";
import * as i5 from "../../data-view-lib/data-view.service";
import * as i6 from "../../core/user/user-data.service";
function FormObjectListComponent_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "div", 1);
    i0.ɵɵelementStart(2, "div", 2);
    i0.ɵɵelementStart(3, "div", 3);
    i0.ɵɵelement(4, "app-ghost-loader", 4);
    i0.ɵɵelement(5, "app-ghost-loader", 5);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(4);
    i0.ɵɵproperty("elementType", ctx_r1.GhostLoaderType.ListViewLoader);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("elementType", ctx_r1.GhostLoaderType.PaginationViewLoader);
} }
function FormObjectListComponent_ng_container_0_ng_container_2_div_4_Template(rf, ctx) { if (rf & 1) {
    const _r8 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 13);
    i0.ɵɵelementStart(1, "div", 14);
    i0.ɵɵtext(2, "Trial expired");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "div", 14);
    i0.ɵɵtext(4, "To continue viewing data please subscribe to a plan first.");
    i0.ɵɵelementEnd();
    i0.ɵɵelement(5, "br");
    i0.ɵɵelementStart(6, "button", 15);
    i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_div_4_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(3); return ctx_r7.navigateToBilling(); });
    i0.ɵɵtext(7, "Upgrade");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} }
const _c0 = function (a0) { return { "arrow-active": a0 }; };
function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 25);
    i0.ɵɵelementStart(1, "span", 26);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "div", 27);
    i0.ɵɵelementStart(4, "div", 28);
    i0.ɵɵtext(5, "\u25B2");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(6, "div", 29);
    i0.ɵɵtext(7, "\u25BC");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r11 = i0.ɵɵnextContext().$implicit;
    const ctx_r12 = i0.ɵɵnextContext(4);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r12.orderedArray.indexOf(column_r11.widget == null ? null : column_r11.widget.identifier) + 1);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, ctx_r12.orderMap.get(column_r11.widget == null ? null : column_r11.widget.identifier) === ctx_r12.sortOrder.ascending));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0, ctx_r12.orderMap.get(column_r11.widget == null ? null : column_r11.widget.identifier) === ctx_r12.sortOrder.descending));
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_ng_template_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 25);
    i0.ɵɵelementStart(1, "span", 30);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "div", 27);
    i0.ɵɵelementStart(4, "div", 31);
    i0.ɵɵtext(5, "\u25B2");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(6, "div", 32);
    i0.ɵɵtext(7, "\u25BC");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r11 = i0.ɵɵnextContext().$implicit;
    const ctx_r14 = i0.ɵɵnextContext(4);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r14.orderedArray.indexOf(column_r11.widget == null ? null : column_r11.widget.identifier) + 1);
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_Template(rf, ctx) { if (rf & 1) {
    const _r18 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "th", 21);
    i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_Template_th_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r18); const column_r11 = restoredCtx.$implicit; const ctx_r17 = i0.ɵɵnextContext(4); return ctx_r17.sort($event, column_r11.widget); });
    i0.ɵɵelementStart(1, "span", 22);
    i0.ɵɵtext(2);
    i0.ɵɵtemplate(3, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_div_3_Template, 8, 7, "div", 23);
    i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_ng_template_4_Template, 8, 1, "ng-template", null, 24, i0.ɵɵtemplateRefExtractor);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const column_r11 = ctx.$implicit;
    const _r13 = i0.ɵɵreference(5);
    const ctx_r9 = i0.ɵɵnextContext(4);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("matTooltip", column_r11.widget == null ? null : column_r11.widget.prompt);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1("", column_r11.widget == null ? null : column_r11.widget.prompt, " ");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r9.orderMap.get(column_r11.widget == null ? null : column_r11.widget.identifier))("ngIfElse", _r13);
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "th", 33);
    i0.ɵɵtext(1, "Status");
    i0.ɵɵelementEnd();
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_Template(rf, ctx) { if (rf & 1) {
    const _r20 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "tr");
    i0.ɵɵelementStart(1, "th", 16);
    i0.ɵɵelementStart(2, "input", 17);
    i0.ɵɵlistener("change", function FormObjectListComponent_ng_container_0_ng_container_2_tr_8_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(3); return ctx_r19.selectAllRows($event.target.checked); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(3, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_3_Template, 6, 4, "th", 18);
    i0.ɵɵelementStart(4, "th", 19);
    i0.ɵɵtext(5, "Actions");
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(6, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_th_6_Template, 2, 0, "th", 20);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r4 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("ngForOf", ctx_r4.listView.columns);
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("ngIf", ctx_r4.appManifest == null ? null : ctx_r4.appManifest.enable_data_validity);
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "form-object-widget-value", 44);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r32 = i0.ɵɵnextContext();
    const widget_r27 = ctx_r32.$implicit;
    const widgetIndex_r28 = ctx_r32.index;
    const formObject_r22 = i0.ɵɵnextContext().$implicit;
    const ctx_r29 = i0.ɵɵnextContext(4);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("form", formObject_r22)("axonatorX1Url", ctx_r29.axonatorX1Url)("baseUrl", ctx_r29.baseUrl)("widget", widget_r27)("widgetProperties", ctx_r29.listView.columns[widgetIndex_r28] == null ? null : ctx_r29.listView.columns[widgetIndex_r28].widget);
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "span", 45);
    i0.ɵɵtext(2, "-");
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "td", 43);
    i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_ng_container_1_Template, 2, 5, "ng-container", 0);
    i0.ɵɵtemplate(2, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_ng_container_2_Template, 3, 0, "ng-container", 0);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const widget_r27 = ctx.$implicit;
    const ctx_r24 = i0.ɵɵnextContext(5);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", widget_r27 == null ? null : widget_r27.value);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !(widget_r27 == null ? null : widget_r27.value) && (ctx_r24.column == null ? null : ctx_r24.column.widget == null ? null : ctx_r24.column.widget.type) !== ctx_r24.widgetType.staticMedia && (ctx_r24.column == null ? null : ctx_r24.column.widget == null ? null : ctx_r24.column.widget.type) !== ctx_r24.widgetType.toggle);
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_ng_container_7_Template(rf, ctx) { if (rf & 1) {
    const _r35 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "div", 46);
    i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_ng_container_7_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r35); const formObject_r22 = i0.ɵɵnextContext().$implicit; const ctx_r33 = i0.ɵɵnextContext(4); return ctx_r33.editData(formObject_r22, $event); });
    i0.ɵɵnamespaceSVG();
    i0.ɵɵelementStart(2, "svg", 47);
    i0.ɵɵelement(3, "path", 48);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_8_Template(rf, ctx) { if (rf & 1) {
    const _r38 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "td", 49);
    i0.ɵɵelementStart(1, "mat-slide-toggle", 50);
    i0.ɵɵlistener("change", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_8_Template_mat_slide_toggle_change_1_listener($event) { i0.ɵɵrestoreView(_r38); const formObject_r22 = i0.ɵɵnextContext().$implicit; const ctx_r36 = i0.ɵɵnextContext(4); return ctx_r36.enableToggle(formObject_r22, $event); })("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_8_Template_mat_slide_toggle_click_1_listener($event) { return $event.stopPropagation(); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const formObject_r22 = i0.ɵɵnextContext().$implicit;
    const ctx_r26 = i0.ɵɵnextContext(4);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("color", ctx_r26.primary)("checked", formObject_r22.isValid);
} }
const _c1 = function (a0) { return { data: a0 }; };
function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    const _r42 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "tr", 36);
    i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template_tr_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r42); const formObject_r22 = restoredCtx.$implicit; const ctx_r41 = i0.ɵɵnextContext(4); return ctx_r41.showDetailView(formObject_r22); });
    i0.ɵɵelementStart(2, "td", 37);
    i0.ɵɵlistener("click", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template_td_click_2_listener($event) { return $event.stopPropagation(); });
    i0.ɵɵelementStart(3, "input", 38);
    i0.ɵɵlistener("ngModelChange", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template_input_ngModelChange_3_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r42); const i_r23 = restoredCtx.index; const ctx_r44 = i0.ɵɵnextContext(4); return (ctx_r44.selectedRows[i_r23] = $event); })("change", function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template_input_change_3_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r42); const i_r23 = restoredCtx.index; const ctx_r45 = i0.ɵɵnextContext(4); return ctx_r45.toggleRowSelection($event.target.checked, i_r23); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_4_Template, 3, 2, "td", 39);
    i0.ɵɵelementStart(5, "td", 40);
    i0.ɵɵelementStart(6, "div", 41);
    i0.ɵɵtemplate(7, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_ng_container_7_Template, 4, 0, "ng-container", 0);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(8, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_td_8_Template, 2, 2, "td", 42);
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const formObject_r22 = ctx.$implicit;
    const i_r23 = ctx.index;
    const ctx_r21 = i0.ɵɵnextContext(4);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1, !(formObject_r22 == null ? null : formObject_r22.isValid)));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngModel", ctx_r21.selectedRows[i_r23]);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", formObject_r22.widgets);
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("ngIf", ctx_r21.form.ft === ctx_r21.formTypes.asset && !ctx_r21.form.hideEditButton);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r21.appManifest == null ? null : ctx_r21.appManifest.enable_data_validity);
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "tbody", 34);
    i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_ng_container_1_Template, 9, 7, "ng-container", 35);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r5 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", ctx_r5.listViewData);
} }
function FormObjectListComponent_ng_container_0_ng_container_2_tbody_10_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "tbody", 51);
    i0.ɵɵelementStart(1, "tr", 52);
    i0.ɵɵelementStart(2, "td", 53);
    i0.ɵɵtext(3, "No Data Found");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} }
const _c2 = function (a0) { return { "mobile-view-height": a0 }; };
const _c3 = function (a0) { return { "no-data-border": a0 }; };
function FormObjectListComponent_ng_container_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    const _r47 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "div", 1);
    i0.ɵɵelementStart(2, "div", 2);
    i0.ɵɵelementStart(3, "div", 3);
    i0.ɵɵtemplate(4, FormObjectListComponent_ng_container_0_ng_container_2_div_4_Template, 8, 0, "div", 6);
    i0.ɵɵelementStart(5, "div", 7);
    i0.ɵɵelementStart(6, "table", 8);
    i0.ɵɵelementStart(7, "thead", 9);
    i0.ɵɵtemplate(8, FormObjectListComponent_ng_container_0_ng_container_2_tr_8_Template, 7, 2, "tr", 0);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(9, FormObjectListComponent_ng_container_0_ng_container_2_tbody_9_Template, 2, 1, "tbody", 10);
    i0.ɵɵtemplate(10, FormObjectListComponent_ng_container_0_ng_container_2_tbody_10_Template, 4, 0, "tbody", 11);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(11, "mat-paginator", 12);
    i0.ɵɵlistener("page", function FormObjectListComponent_ng_container_0_ng_container_2_Template_mat_paginator_page_11_listener($event) { i0.ɵɵrestoreView(_r47); const ctx_r46 = i0.ɵɵnextContext(2); return ctx_r46.handlePageEvent($event); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(4);
    i0.ɵɵproperty("ngIf", !ctx_r2.isAccountStatusActive);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c2, ctx_r2.showSearch));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c3, ctx_r2.listViewData.length === 0));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", (ctx_r2.listView == null ? null : ctx_r2.listView.columns == null ? null : ctx_r2.listView.columns.length) > 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r2.listViewData.length > 0);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r2.listViewData.length === 0 && !ctx_r2.showLoader);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("length", ctx_r2.totalFormObjects)("pageSize", ctx_r2.pageSize)("pageIndex", ctx_r2.pageIndex)("pageSizeOptions", ctx_r2.pageSizeOptions)("disabled", ctx_r2.showLoader);
} }
function FormObjectListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, FormObjectListComponent_ng_container_0_ng_container_1_Template, 6, 2, "ng-container", 0);
    i0.ɵɵtemplate(2, FormObjectListComponent_ng_container_0_ng_container_2_Template, 12, 15, "ng-container", 0);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r0.showGhostLoader);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r0.showGhostLoader);
} }
export class FormObjectListComponent {
    constructor(_formObjectViewService, _formObjectListService, _commonLibConfigurationService, _router, _dataViewService, _userDataService) {
        this._formObjectViewService = _formObjectViewService;
        this._formObjectListService = _formObjectListService;
        this._commonLibConfigurationService = _commonLibConfigurationService;
        this._router = _router;
        this._dataViewService = _dataViewService;
        this._userDataService = _userDataService;
        this.searchText = '';
        this.enbledCaching = false;
        this.applyFilterEmitter = new EventEmitter();
        this.resetFilterEmitter = new EventEmitter();
        this.clearFilterEmitter = new EventEmitter();
        this.refreshDataEmitter = new EventEmitter();
        this.exportDataEmitter = new EventEmitter();
        this.GlobalGhostLoaderEnabled = false;
        //   @Input() showGhostLoader: boolean;
        //<-------- Outputs --------------->
        this.exportDataListEvent = new EventEmitter();
        this.showDataDetailView = new EventEmitter();
        this.addNewRecordEvent = new EventEmitter();
        this.editFormObjectEvent = new EventEmitter();
        this.updateFormObjectStatus = new EventEmitter();
        this.ChildLoaded = new EventEmitter();
        //<-------------- Component attributes ---------------->
        this.showLoader = false;
        this.showGhostLoader = false;
        this.pageIndex = 0;
        this.pageSize = 10;
        this.totalFormObjects = 0;
        this.pageSizeOptions = [10, 25, 50, 100, 200];
        this.orderedArray = [];
        this.arrayForApi = [];
        this.temporyfilters = [];
        // We use this widget map for widget properties this map don't have widget value.
        this.widgetMap = new Map();
        this.orderMap = new Map();
        this.GhostLoaderType = GhostLoaderType;
        this.listViewData = [];
        this.listViewDataArray = []; // Your data array
        this.selectedRows = [];
        this.selectedFormObjectIds = [];
        this.selectedFormObjectTitle = [];
        // @Input() formObjectList: FormObjectList;
        // @Input() dataModel: DataModel;
        // @Input() axonatorX1Url: string;
        // @Input() appVersionId: number;
        // @Input() formObjects: Array<AxForm>;
        // @Input() appVersionId: number;
        // @Input() appId: number;
        // @Output() filterChangeEmit = new EventEmitter<any>();
        // @Output() resetFilterEvent = new EventEmitter<any>();
        // @Output() applyFilterEmit = new EventEmitter<any>();
        // @Output() pageChangeEvent = new EventEmitter<any>();
        // @ViewChild('paginator') paginator: MatPaginator;
        // Widget map list
        // formObjectsMap: Array<Map<string, any>> = [];
        //   showSearch: string = '';
        // formId: string;
        this.showSearch = false;
        this.widgetType = WidgetType;
        this._unsubscribeAll = new Subject();
    }
    selectAllRows(isSelected) {
        if (isSelected) {
            this.selectedFormObjectIds = this.listViewData.map(formObject => formObject.id);
            this.selectedFormObjectTitle = this.listViewData.map(formObject => formObject.title);
            this.selectedRows = this.listViewData.map(() => isSelected);
        }
        else {
            this.selectedRows = this.listViewData.map(() => isSelected);
            this.selectedFormObjectIds = [];
            this.selectedFormObjectTitle = [];
        }
        console.log(this.selectedFormObjectIds);
        console.log(this.selectedFormObjectTitle);
        localStorage.setItem('formObjectIds', JSON.stringify(this.selectedFormObjectIds));
        localStorage.setItem('formObjectTitles', JSON.stringify(this.selectedFormObjectTitle));
    }
    toggleRowSelection(isSelected, index) {
        if (isSelected) {
            this.selectedFormObjectIds.push(this.listViewData[index].id);
            this.selectedFormObjectTitle.push(this.listViewData[index].title);
        }
        else {
            const selectedIndex = this.selectedFormObjectIds.indexOf(this.listViewData[index].id);
            const selectedTitle = this.selectedFormObjectTitle.indexOf(this.listViewData[index].title);
            if (selectedIndex !== -1) {
                this.selectedFormObjectIds.splice(selectedIndex, 1);
            }
            if (selectedTitle !== -1) {
                this.selectedFormObjectTitle.splice(selectedIndex, 1);
            }
        }
        console.log(this.selectedFormObjectIds);
        console.log(this.selectedFormObjectTitle);
        localStorage.setItem('formObjectIds', JSON.stringify(this.selectedFormObjectIds));
        localStorage.setItem('formObjectTitles', JSON.stringify(this.selectedFormObjectTitle));
    }
    get formTypes() {
        return FormType;
    }
    // get for sorting order
    get sortOrder() {
        return SortingOrder;
    }
    ngOnInit() {
        localStorage.setItem('selectedForm', JSON.stringify(this.form));
        this.baseUrl = this._commonLibConfigurationService.axonatorX1Url;
        this.axonatorX1Url = this._commonLibConfigurationService.axonatorX1Url;
        this.subscribers();
        // this._userDataService.isAccountStatusActive$.subscribe((response) => {
        //   this.isAccountStatusActive = response;
        // });
        this.isAccountStatusActive = JSON.parse(localStorage.getItem('isAccountStatusActive') || 'false');
        /** get width of filter buttons wrraper */
        const element = document.getElementById('dataviewheaderwrapper');
        const height = element?.clientHeight + 'px';
        /**Set width of css variable */
        if (height) {
            document.documentElement.style.setProperty('--headerheight', height);
        }
        // After getting listView columns, find date/time column and set initial sort
        this.initializeDefaultSort();
    }
    initializeDefaultSort() {
        // Find the first datetime column
        const dateColumn = this.listView.columns.find(column => column.widget?.type === WidgetType.dateTime);
        if (dateColumn?.widget) {
            // Set default descending sort
            const identifier = dateColumn.widget.identifier;
            this.orderMap.set(identifier, SortingOrder.descending);
            this.orderedArray = [identifier];
            this.arrayForApi = [this.getFormattedString(identifier, dateColumn.widget.subType)];
            // Get initially sorted data
            this.getFormObjects();
        }
    }
    /**
     * On Change life cycle hook Get call on input change
     *
     * @param changes
     */
    ngOnChanges(changes) {
        if (changes.listView && (changes.listView.previousValue != changes.listView.currentValue) || changes.searchText && (changes.searchText.currentValue != changes.searchText.previousValue)) {
            if (!changes.GlobalGhostLoaderEnabled || !this.GlobalGhostLoaderEnabled) {
                this.showGhostLoader = true;
            }
            this.listViewData = [];
            this.initializeFormObjectList();
        }
        if (changes.form && changes.form.currentValue && changes.form.previousValue && changes.form.currentValue.formId != changes.form.previousValue.formId) {
            this.showSearch = false;
            this.searchText = '';
            this.orderedArray = [];
            this.arrayForApi = [];
            this.orderMap.clear();
        }
        setTimeout(() => {
            /** get width of filter buttons wrraper */
            const height = document.getElementById('dataviewheaderwrapper')?.clientHeight + 'px';
            /**Set width of css variable */
            if (height) {
                document.documentElement.style.setProperty('--headerheight', height);
            }
        });
    }
    /**
     * Initilize list view
     */
    initializeFormObjectList() {
        // Set Default Page Index and Page Size
        this.pageIndex = 0;
        this.pageSize = 10;
        //createWidgetMap
        this.createWidgetMap(this.form.widgets);
        //get list view structure
        this.getListViewDetails();
        // this.formObjectsMap = [];
        // this.formObjectList.pageIndex = 0;
        // if (this.formObjectList.currentPage === 1 && this.paginator) {
        //   this.paginator.pageIndex = 0;
        // }
        // Created widget map for each formObject
        // this.formObjects.forEach((formObject: AxForm) => {
        //   const formObjectMap = new Map<string, any>();
        //   formObject.widgets.forEach((widget: any) => {
        //     formObjectMap.set(widget.identifier, widget);
        //   });
        //   this.formObjectsMap.push(formObjectMap);
        // });
    }
    /**
     * Set Page size options by columns length
     */
    setPageSizeOptions() {
        if (this.listView.columns.length > 50 && this.listView.columns.length < 100) {
            this.pageSizeOptions = this.pageSizeOptions.slice(0, 4);
        }
        else if (this.listView.columns.length > 100) {
            this.pageSizeOptions = this.pageSizeOptions.slice(0, 3);
        }
    }
    /**
     * All subscriber should be implemented here.
     */
    subscribers() {
        /**
         * This will get called on apply filter button clicked.
         */
        this.applyFilterEmitter
            ?.pipe(takeUntil(this._unsubscribeAll))
            .subscribe(() => {
            this.showGhostLoader = true;
            this.pageIndex = 0;
            this.pageSize = 10;
            this.getFormObjects();
        });
        /**
         * This will get called on reset filter button clicked.
         */
        this.resetFilterEmitter
            ?.pipe(takeUntil(this._unsubscribeAll))
            .subscribe(() => {
            this.showGhostLoader = true;
            this.pageIndex = 0;
            this.pageSize = 10;
            this.getFormObjects();
        });
        this.clearFilterEmitter
            ?.pipe(takeUntil(this._unsubscribeAll))
            .subscribe(() => {
            this.showGhostLoader = true;
            this.pageIndex = 0;
            this.pageSize = 10;
            this.getFormObjects();
        });
        this.refreshDataEmitter
            ?.pipe(takeUntil(this._unsubscribeAll))
            .subscribe(() => {
            this.showGhostLoader = true;
            this.pageIndex = 0;
            this.pageSize = 10;
            this.getFormObjects();
        });
        /**
         * This will get called when send excel report button clicked on data list
         */
        this.exportDataEmitter
            ?.pipe(takeUntil(this._unsubscribeAll))
            .subscribe((userEmail) => {
            const exportFields = [];
            this.listView.columns.forEach((widget) => {
                exportFields.push(widget.identifier);
            });
            // This will call excel export function
            this._formObjectListService.exportData(this.form.formId, this.pageIndex, this.pageSize, this.filters, this.searchText, exportFields, userEmail).then((response) => {
            });
        });
    }
    /**
     * Created widget Map that will be use to get widget by identifier.
     */
    createWidgetMap(widgets) {
        widgets.forEach((widget) => {
            this.widgetMap.set(widget.identifier, widget);
            if (widget.type === WidgetType.subForm) {
                const subFormWidget = widget;
                this.createWidgetMap(subFormWidget.markup);
            }
        });
    }
    /**
     * Get List View structure
     */
    getListViewDetails() {
        this.showLoader = true;
        // This check added for data list builder If list is newly created .
        if (this.listView.id !== 0) {
            this._formObjectListService.getDataList(this.listView.id).then((response) => {
                const listViewDetails = new DataList(response);
                this.listView.columns = this.mapWidegtWithColumn(listViewDetails.columns);
                this.listView.dataDetail = listViewDetails.dataDetail;
                this.getFormObjects();
                //Set Page size options
                this.setPageSizeOptions();
            });
        }
        else {
            this.getFormObjects();
            //Set Page size options
            this.setPageSizeOptions();
        }
    }
    /**
     * Map widget with column
     *
     * @param columns
     * @returns
     */
    mapWidegtWithColumn(columns) {
        columns.forEach((column) => {
            column.widget = this.widgetMap.get(column.identifier);
        });
        return columns;
    }
    /**
     * Show detail View
     *
     * @param formObject
     */
    showDetailView(formObject) {
        const dataObject = { formObject: formObject, dataDetailId: this.listView.dataDetail.id };
        this._formObjectViewService.setFormObjectWithDataDetailId(formObject, this.listView.dataDetail.id);
        this.showDataDetailView.emit(dataObject);
    }
    /**
     * Get Form Object
     */
    getFormObjects() {
        const formData = new FormData();
        // localStorage.setItem('formId', formId.toString());
        // console.log(formId);
        this.showLoader = true;
        this._formObjectListService.getFormObjectList(this.form.formId, this.pageIndex, this.pageSize, this.filters, this.searchText, this.arrayForApi).then((response) => {
            this.totalFormObjects = response.totalFormObjects;
            this.buildListViewData(response.formObjects);
        });
    }
    /**
     * Build List view data accordingly to column order
     *
     * @param formObjects
     */
    buildListViewData(formObjects) {
        this.listViewData = [];
        formObjects.forEach((formObject) => {
            const _formObject = new AxForm(formObject);
            _formObject.widgets = [];
            this.listView.columns.forEach((column) => {
                const widget = this.getDataWidget(column.identifier, formObject);
                _formObject.widgets.push(widget);
            });
            this.listViewData.push(_formObject);
        });
        this.showLoader = false;
        this.showGhostLoader = false;
        if (this.GlobalGhostLoaderEnabled) {
            this.ChildLoaded.emit();
        }
        setTimeout(() => {
            /** get width of filter buttons wrraper */
            let height = document.getElementById('dataviewheaderwrapper')?.clientHeight + "px";
            /**Set width of css variable */
            if (height) {
                document.documentElement.style.setProperty('--headerheight', height);
            }
        });
    }
    /**
     * This will find and return widget by identifier.if widget not found return null
     *
     * @param identifier
     * @param formObject
     * @returns
     */
    getDataWidget(identifier, formObject) {
        return formObject.widgets.find(widget => widget.identifier == identifier);
    }
    /**
     * Handled Pagination events
     *
     * @param event
     */
    handlePageEvent(event) {
        this.showGhostLoader = true;
        this.pageSize = event.pageSize;
        this.pageIndex = event.pageIndex;
        this.getFormObjects();
        // const formData = new FormData();
        // const fo_info = { 'afid': this.form.formId, 'currentPage': event.pageIndex + 1, 'pagesize': event.pageSize, 'keyword': '', 'selected_afoid': null, 'from_date': '', 'to_date': '' };
        // formData.append('fo_info', JSON.stringify(fo_info));
        // formData.append('appVersionId', this.appVersionId.toString());
        // this._formObjectViewService.setFormDataForPaginator(formData);
        // this.formObjectList.currentPage = event.pageIndex + 1;
        // this.formObjectList.pageSize = event.pageSize;
        // this.pageChangeEvent.emit();
    }
    /**
     * Export Data List
     */
    exportDataList() {
        this.exportDataListEvent.emit();
    }
    // showSearchBox(): void {
    //   document.getElementById('field-search').focus();
    //   this.showSearch = !this.showSearch;
    // }
    // clear(): void {
    //   if (_.isEmpty(this.searchText)) {
    //     this.showSearch = !this.showSearch;
    //   }
    //   this.searchText = '';
    //   this.getDataList();
    // }
    // getDataList(): void {
    //   this.pageChangeEvent.emit(this.searchText);
    // }
    // addNewRecord(): void {
    //   this.addNewRecordEvent.emit();
    // }
    /**
     * Enabled and
     *
     * @param formObject
     * @param event
     */
    enableToggle(formObject, event) {
        formObject.isValid = event.checked;
        this.updateFormObjectStatus.emit(formObject);
    }
    /**
     * This function returns widget from formObjectsMap by widget identifier.
     *
     * @param index
     * @param column
     * @returns
     */
    // getWidget(index: number, column: any): any {
    //   const formObjectMap = this.formObjectsMap[index];
    //   const widget = formObjectMap?.get(column.widget.identifier);
    //   const widgetValue = widget?.value;
    //   column.widget.values = widget?.values;
    //   if (widget && widgetValue) {
    //     column.widget.value = widgetValue;
    //   }
    //   else {
    //     column.widget.value = null;
    //   };
    //   return column.widget;
    // }
    /**
     * This function returns widget from formObjectsMap by widget identifier.
     *
     * @param index
     * @param column
     * @returns
     */
    // getWidgetValue(index: number, column: any): boolean {
    //   const columnWidget = this.getWidget(index, column);
    //   return columnWidget.value != null ? true : false;
    // }
    /**
     * checks whether the widget exists
     * and than checks whether value exists or not.
     *
     * @param index
     * @param column
     * @returns
     */
    // checkWidgetAndWidgetValue(index: number, column: any):boolean{
    //   if(this.getWidget(index,column) && this.getWidgetValue(index,column) || this.getWidgetValue(index,column)==false){
    //     const columnWidget = this.getWidget(index, column);
    //     if(columnWidget.type=="yes_no-widget" || (columnWidget.value!=null && columnWidget.value != "" )){
    //       return true;
    //     }
    //     return false;
    //   }
    // }
    /**
     * Edit form object
     *
     * @param AxForm
     * @param MouseEvent
     */
    editData(formObject, event) {
        event.stopPropagation();
        this.editFormObjectEvent.emit(formObject);
    }
    /**
     *  unsubscribe all subsctiber on destroy life cycle hook
     */
    ngOnDestroy() {
        // Unsubscribe from all subscriptions
        this._unsubscribeAll.next();
        this._unsubscribeAll.complete();
    }
    // filterChangedEvent(): void {
    //   this.filterChangeEmit.emit();
    // }
    /*
    Emits the resetFilter event for resetting the filter on Reset button
    */
    // resetFilter(filter: DataListFilterDto): void {
    //   // this.resetFilterEvent.emit();
    //   this.getFormObjects();
    // }
    /*
    Emits the event for Applying filters on Apply button
    */
    // applyFilterEvent(): void {
    //   this.applyFilterEmit.emit();
    // }
    /**
     * this function will call when clicked on column header
     *
     * @param event
     * @param widget
     */
    sort(event, widget) {
        const identifier = widget.identifier;
        this.updateSortingOrder(identifier);
        if (event.ctrlKey || event.metaKey) {
            this.multipleSorting(identifier);
        }
        else {
            this.singleColumnSorting(identifier);
        }
        if (this.orderMap.has(identifier)) {
            this.arrayForApi.push(this.getFormattedString(identifier, widget.subType));
        }
        this.getFormObjects();
    }
    getFormattedString(identifier, subType) {
        if (subType === WidgetSubType.referenceList) {
            return 'field(' + this.form.formId + '_' + identifier + '_name) ' + this.orderMap.get(identifier);
        }
        return 'field(' + this.form.formId + '_' + identifier + ') ' + this.orderMap.get(identifier);
    }
    /**
     * to Add multiple column identifiers in sorting array
     *
     * @param identifier
     */
    multipleSorting(identifier) {
        if (this.orderedArray.includes(identifier)) {
            this.orderedArray.splice(this.orderedArray.indexOf(identifier), 1);
            this.arrayForApi.splice(this.orderedArray.indexOf(identifier), 1);
        }
        this.orderedArray.push(identifier);
    }
    /**
     * to sort single column
     *
     * @param identifier
     */
    singleColumnSorting(identifier) {
        [...this.orderMap.keys()].forEach((key) => {
            if (key !== identifier) {
                this.orderMap.delete(key);
            }
        });
        this.orderedArray = [];
        this.arrayForApi = [];
        this.orderedArray.push(identifier);
    }
    /**
     * to update sort order according last sortig order
     *
     * @param identifier
     */
    updateSortingOrder(identifier) {
        if (this.orderMap.get(identifier) === SortingOrder.ascending) {
            this.orderMap.set(identifier, SortingOrder.descending);
        }
        else if (this.orderMap.get(identifier) === SortingOrder.descending) {
            this.orderedArray.splice(this.orderedArray.indexOf(identifier), 1);
            this.orderMap.delete(identifier);
        }
        else {
            this.orderMap.set(identifier, SortingOrder.ascending);
        }
    }
    navigateToBilling() {
        window.open(this._commonLibConfigurationService.builderUrl + 'paymentinfo/pricing', '_blank');
        this._userDataService.userDetails$.subscribe(userDetails => {
            // Use userDetails here
            console.log(userDetails);
            const user = {
                uname: userDetails.uname,
                receiver_name: "Aarohi",
                // receiver_email: "aarohi@axonator.com", // Receiver's email
                // receiver_email: environment.internalAlertRecipientIds, // Receiver's email
                screen: "Container: Data-Views: Data-List-View",
                app: userDetails.accounts[userDetails.lastused_account].name,
                version: "v" + userDetails.uobs.properties.app_version,
                env: this._commonLibConfigurationService.axonatorX1Url,
                org_id: userDetails.lastused_account,
                org_name: userDetails.accounts[userDetails.lastused_account].name,
                modal_type: "Buy Licenses"
            };
            // Call the EmailService method to send the upgrade email
            this._userDataService.sendUpgradeEmail(user).then(() => {
                console.log('Upgrade email sent successfully');
            }).catch(error => {
                console.error('Error sending upgrade email:', error);
                // Handle error as needed
            });
        });
    }
}
FormObjectListComponent.ɵfac = function FormObjectListComponent_Factory(t) { return new (t || FormObjectListComponent)(i0.ɵɵdirectiveInject(i1.FormObjectViewService), i0.ɵɵdirectiveInject(i2.FormObjectListService), i0.ɵɵdirectiveInject(i3.CommonLibConfigurationService), i0.ɵɵdirectiveInject(i4.Router), i0.ɵɵdirectiveInject(i5.DataViewService), i0.ɵɵdirectiveInject(i6.UserDataService)); };
FormObjectListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormObjectListComponent, selectors: [["form-object-list"]], inputs: { listView: "listView", screenType: "screenType", form: "form", searchText: "searchText", enbledCaching: "enbledCaching", filters: "filters", applyFilterEmitter: "applyFilterEmitter", resetFilterEmitter: "resetFilterEmitter", clearFilterEmitter: "clearFilterEmitter", refreshDataEmitter: "refreshDataEmitter", exportDataEmitter: "exportDataEmitter", appManifest: "appManifest", GlobalGhostLoaderEnabled: "GlobalGhostLoaderEnabled" }, outputs: { exportDataListEvent: "exportDataListEvent", showDataDetailView: "showDataDetailView", addNewRecordEvent: "addNewRecordEvent", editFormObjectEvent: "editFormObjectEvent", updateFormObjectStatus: "updateFormObjectStatus", ChildLoaded: "ChildLoaded" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "object-list-component-table", "w-full", "h-full", "page-background"], [1, "mx-auto", "form-object-list-container", "relative", "h-full", "sm:px-6", "px-4"], [1, "align-middle", "relative", "table-container-height"], [1, "table-container", "outline-none", 3, "elementType"], [3, "elementType"], ["class", "loading-overlay rounded-lg", 4, "ngIf"], [1, "rounded-lg", "pb-px", "table-container", "customscroll", "w-full", "relative", 3, "ngClass"], [1, "rounded-lg", "divide-y", "divide-gray-200", "data-list-table", "w-full"], [1, "sticky", "top-0", "h-12", 3, "ngClass"], ["class", "bg-white", 4, "ngIf"], ["class", "border-0 absolute no-data-body", 4, "ngIf"], ["aria-label", "Select page", 1, "absolute", "bottom-0", "right-0", 3, "length", "pageSize", "pageIndex", "pageSizeOptions", "disabled", "page"], [1, "loading-overlay", "rounded-lg"], [1, "loading-text"], [1, "upgrade-btn", "btn", 3, "click"], ["scope", "col", 1, "px-3", "py-3", "text-left", "data-table-header", "cursor-pointer"], ["type", "checkbox", 3, "change"], ["scope", "col", "class", "px-3 py-3 text-left data-table-header cursor-pointer", 3, "click", 4, "ngFor", "ngForOf"], ["scope", "col", 1, "px-3", "py-3", "data-table-header", "action-column"], ["scope", "col", "class", "px-3 py-3 text-left data-table-header", 4, "ngIf"], ["scope", "col", 1, "px-3", "py-3", "text-left", "data-table-header", "cursor-pointer", 3, "click"], [1, "flex", "justify-between", "gap-4", 3, "matTooltip"], ["class", "sorting-arrow", 4, "ngIf", "ngIfElse"], ["showSortOnFilter", ""], [1, "sorting-arrow"], [1, "order-sequence", "axo-font"], [1, "flex", "flex-col"], [1, "sort-arrow-up", "cursor-pointer", 3, "ngClass"], [1, "sort-arrow-down", "cursor-pointer", 3, "ngClass"], [1, "order-sequence", "axo-font", "opacity-0", "invisible"], [1, "sort-arrow-up", "display-hover"], [1, "sort-arrow-down", "display-hover"], ["scope", "col", 1, "px-3", "py-3", "text-left", "data-table-header"], [1, "bg-white"], [4, "ngFor", "ngForOf"], [3, "ngClass", "click"], [1, "px-3", 3, "click"], ["type", "checkbox", 3, "ngModel", "ngModelChange", "change"], ["class", "px-3 h-14 line-height-14 text-left data-table-item cursor-pointer", "style", "max-width: fit-content !important;", 4, "ngFor", "ngForOf"], [1, "px-3", "h-14", "line-height-14", "data-table-item", "action-column"], [1, "flex", "items-center", "gap-3"], ["class", "px-3", 4, "ngIf"], [1, "px-3", "h-14", "line-height-14", "text-left", "data-table-item", "cursor-pointer", 2, "max-width", "fit-content !important"], [1, "flex", "items-center", "h-full", "min-h-full", 3, "form", "axonatorX1Url", "baseUrl", "widget", "widgetProperties"], [1, "flex", "justify-start", "items-center"], ["matTooltip", "Edit", 1, "icon-btn", 3, "click"], ["xmlns", "http://www.w3.org/2000/svg", "fill", "none", "viewBox", "0 0 24 24", "stroke", "currentColor", 1, "h-6", "w-4", "text-gray-500"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"], [1, "px-3"], [1, "p-0", 3, "color", "checked", "change", "click"], [1, "border-0", "absolute", "no-data-body"], [1, "border-0", "hover:bg-transparent", "text-xl", "no-record-found", "cursor-default"], [1, "whitespace-nowrap"]], template: function FormObjectListComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵtemplate(0, FormObjectListComponent_ng_container_0_Template, 3, 2, "ng-container", 0);
    } if (rf & 2) {
        i0.ɵɵproperty("ngIf", !ctx.GlobalGhostLoaderEnabled);
    } }, styles: ["form-object-list .data-list-header{background-color:#fcfdff}form-object-list .data-list-header .search-field mat-icon{min-width:1.2rem;min-height:1.2rem;max-width:1.2rem;max-height:1.2rem}@media screen and (max-width: 500px){form-object-list .data-list-header .search-field-border{border:1px solid #80808029;border-top-color:transparent}}form-object-list .data-list-header form-object-widget-value{min-height:fit-content}form-object-list .data-list-header form-object-widget-value formobject-textbox-value{min-width:fit-content}form-object-list .icon-container{height:1.5rem!important;min-height:1.5rem!important;width:1.5rem!important;min-width:1.5rem!important;display:flex}form-object-list .icon-container .location-btn-icon{background:#E1E7EF;padding:.3rem .2rem;margin-left:10px;cursor:pointer}form-object-list .icon-container .location-btn-icon mat-icon{height:.875rem!important;min-height:.875rem!important;width:.875rem!important;min-width:.875rem!important}form-object-list .form-object-list-container .table-container{height:calc(100% - 4.3rem);max-height:calc(100% - 4.3rem);min-height:calc(100% - 4.3rem);outline:.2px solid #7b849b45;background-color:#fff}form-object-list .object-list-component-table{background-color:#fcfdff}form-object-list .object-list-component-table .form-object-title-container{border-bottom:.5px solid #cccccc7d}form-object-list .object-list-component-table .form-object-title-container .form-object-title{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#10172b}@media screen and (max-width: 500px){form-object-list .object-list-component-table .form-object-title-container .form-object-title{font-size:14px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:14px}}form-object-list .object-list-component-table .form-object-title-container .inner-form-object-title-container{width:95.67%;min-width:95.67%;max-width:95.67%}form-object-list .object-list-component-table button.refresh-data{font-family:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#345ad6}form-object-list .object-list-component-table table th,form-object-list .object-list-component-table table td{max-width:300px;min-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}form-object-list .object-list-component-table table thead{background-color:#fcfdff}form-object-list .object-list-component-table table thead tr{outline:.2px solid #80808036}@media screen and (max-width: 500px){form-object-list .object-list-component-table table thead{top:-1px!important}}form-object-list .object-list-component-table table tbody{border-top:none}form-object-list .object-list-component-table table tbody tr{border:.2px solid #80808036;border-width:.2px!important;border-right:0;border-left:0;cursor:pointer}form-object-list .object-list-component-table table tbody tr:first-child{border-top:none}form-object-list .object-list-component-table table tbody tr:hover{background-color:#f4f4f4}form-object-list .object-list-component-table table .no-data-body{height:calc(100% - 3rem);width:100%;display:flex;justify-content:center;align-items:center}form-object-list .object-list-component-table .mat-paginator-page-size-label{font-family:Roboto,sans-serif;font-weight:500;color:#172b4d!important;font-size:12px;line-height:12px;letter-spacing:.4px;margin:0!important}form-object-list .object-list-component-table .mat-paginator-range-label{font-family:Roboto,sans-serif;font-weight:500;color:#172b4d!important;font-size:12px;line-height:14px;margin:0 12px 0 0!important}form-object-list .object-list-component-table .mat-paginator-container{column-gap:20px;padding:.5rem 0!important}form-object-list .object-list-component-table .mat-paginator-page-size{column-gap:20px;margin:0!important}form-object-list .object-list-component-table mat-paginator{height:70px;background-color:transparent!important}form-object-list .object-list-component-table mat-paginator button{width:2rem;max-width:2rem;height:2rem;max-height:2rem;min-height:2rem;border-radius:4px}form-object-list .object-list-component-table mat-paginator .mat-button-base:hover{background-color:#eee}form-object-list .object-list-component-table mat-paginator .mat-icon-button.mat-button-disabled.mat-button-disabled:hover{background-color:transparent!important}form-object-list .object-list-component-table .child-record .thumbnail,form-object-list .object-list-component-table .choice-list .thumbnail{width:2rem}form-object-list .object-list-component-table .imageContainer .image-container{position:relative;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}form-object-list .object-list-component-table .imageContainer .image-container img{max-width:2rem;max-height:2rem}form-object-list .object-list-component-table .imageContainer .count-of-image{min-width:1rem;max-width:1rem;min-height:1rem;max-height:1rem;line-height:1rem;border-radius:50%;transition:.5s ease;background-color:#6554c0}form-object-list .object-list-component-table .imageContainer .count{color:#fff;font-size:8px;text-align:center;font-weight:500}form-object-list .object-list-component-table .video-container video{width:55.28px;height:35.71px}form-object-list .object-list-component-table p{margin:0!important}form-object-list .data-list-filter-wrapper{min-height:3rem}@media screen and (max-width: 600px){form-object-list .data-list-filter-wrapper{padding:1rem 0!important;row-gap:.625rem}}form-object-list .refresh-btn{display:flex;align-items:center;justify-content:center}form-object-list audio{width:140px;height:20px}form-object-list audio::-webkit-media-controls-mute-button{margin-right:0;display:none}form-object-list audio::-webkit-media-controls-play-button{position:absolute;left:0;height:9px}form-object-list audio::-webkit-media-controls-timeline-container{width:60px}form-object-list audio::-webkit-media-controls-current-time-display{font-size:10px;position:absolute;right:11px}form-object-list audio::-webkit-media-controls-time-remaining-display{display:none}form-object-list audio::-webkit-media-controls-timeline{position:relative;left:11px;width:60px}form-object-list .data-list-value{min-width:calc(100% - 7.25rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}form-object-list .imgFixed-list-class .imageList-text,form-object-list .imgFixed-list-class .reference_list-text,form-object-list .imgFixed-list-class .mat-list-item-content,form-object-list .reference-list-class .imageList-text,form-object-list .reference-list-class .reference_list-text,form-object-list .reference-list-class .mat-list-item-content,form-object-list .fixed-list-class .imageList-text,form-object-list .fixed-list-class .reference_list-text,form-object-list .fixed-list-class .mat-list-item-content{min-width:calc(100% - 7.25rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}form-object-list thead{z-index:10}.table-container-height{height:100%;min-height:100%;max-height:100%}@media screen and (min-width: 600px){.data-list-title-tooltip-custom-class{display:none!important}}.action-column{display:flex;justify-content:center}.sort-arrow-up,.sort-arrow-down{font-size:10px;line-height:8px;color:#000;opacity:.5}.sorting-arrow{white-space:nowrap;display:flex;column-gap:6px}.sorting-arrow .arrow-active{opacity:1!important}.sorting-arrow .order-sequence{border-radius:100%;background-color:#7964ed14;padding:0 6px;color:#0000007a;font-size:10px}.ghost-loader-table{height:calc(100% - 4.4rem);min-height:calc(100% - 4.4rem);max-height:calc(100% - 4.4rem)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.loading-text{margin-top:10px;font-size:18px;color:#fff}.upgrade-btn{border:1px solid #7963ed;background-color:#7963ed!important;color:#fff;display:flex;align-items:center;justify-content:center;column-gap:.5rem;padding:7px 10px;border-radius:20px}.display-hover{visibility:hidden;opacity:0}.data-table-header:hover .display-hover{visibility:visible;opacity:.5}\n"], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormObjectListComponent, [{
        type: Component,
        args: [{ selector: 'form-object-list', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!GlobalGhostLoaderEnabled\">\n   <ng-container *ngIf=\"showGhostLoader\">\n        <div class=\"object-list-component-table w-full h-full page-background\">\n            <div class=\"mx-auto form-object-list-container relative h-full sm:px-6 px-4\">\n                <div class=\"align-middle relative table-container-height\">\n                    <app-ghost-loader\n                        class=\"table-container outline-none\"\n                        [elementType]=\"GhostLoaderType.ListViewLoader\"\n                    ></app-ghost-loader>\n                    <app-ghost-loader\n                        [elementType]=\"GhostLoaderType.PaginationViewLoader\"\n                    ></app-ghost-loader>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n\n    <ng-container *ngIf=\"!showGhostLoader\">\n        <div class=\"object-list-component-table w-full h-full page-background\">\n\n            <!-- Page header\n            <div class=\"sticky top-0 data-list-header\">\n\n                <div class=\"flex items-center justify-between mx-auto h-12 bg-white form-object-title-container\">\n                    <div class=\"mx-auto inner-form-object-title-container flex items-center justify-between\">\n                    <h2 class=\"leading-tight m-0 form-object-title axo-font\"  [matTooltip]=\"formObjectList.formNameSingular\" matTooltipClass=\"data-list-title-tooltip-custom-class\">{{formObjectList.formNameSingular}}</h2>\n                    <div class=\"flex items-center gap-4\">\n                        <button class=\"primary-btn axo-font\" (click)=\"addNewRecord()\"> Add New Record</button>\n                    </div>\n                    </div>\n\n                </div>\n\n                <div class=\"mx-auto flex justify-between items-center px-6 flex-wrap md:flex-nowrap data-list-filter-wrapper\">\n                    <button (click)=\"getFormObjects()\" class=\"link-btn axo-font refresh-btn\">Refresh Data</button>\n                </div>\n\n            </div> -->\n\n            <div class=\"mx-auto form-object-list-container relative h-full sm:px-6 px-4\">\n                <div class=\"align-middle relative table-container-height\">\n                  <div *ngIf=\"!isAccountStatusActive\" class=\"loading-overlay rounded-lg\">\n                    <div class=\"loading-text\">Trial expired</div>\n                    <div class=\"loading-text\">To continue viewing data please subscribe to a plan first.</div><br>\n                    <button class=\"upgrade-btn btn\" (click)=\"navigateToBilling()\">Upgrade</button>\n                  </div>\n                    <div\n                        class=\"rounded-lg pb-px table-container customscroll w-full relative\"\n                        [ngClass]=\"{ 'mobile-view-height': showSearch }\"\n                    >\n                    <table class=\"rounded-lg divide-y divide-gray-200 data-list-table w-full\">\n                        <!--Object list table-->\n                        <thead class=\"sticky top-0 h-12\" [ngClass]=\"{'no-data-border': listViewData.length === 0}\">\n                          <!--Object list table head-->\n                          <tr *ngIf=\"listView?.columns?.length > 0\">\n                            <!--Checkbox column-->\n                            <th scope=\"col\" class=\"px-3 py-3 text-left data-table-header cursor-pointer\">\n                              <input type=\"checkbox\" (change)=\"selectAllRows($event.target.checked)\">\n                            </th>\n                            <th scope=\"col\" class=\"px-3 py-3 text-left data-table-header cursor-pointer\" (click)=\"sort($event,column.widget)\"\n                              *ngFor=\"let column of listView.columns;\">\n                              <span [matTooltip]=\"column.widget?.prompt\"  class=\"flex justify-between gap-4\">{{column.widget?.prompt}}\n                                  <div class=\"sorting-arrow\" *ngIf='orderMap.get(column.widget?.identifier); else showSortOnFilter'>\n                                      <span class=\"order-sequence axo-font\" >{{orderedArray.indexOf(column.widget?.identifier)+1}}</span>\n                                      <div class=\"flex flex-col\">\n                                        <div class=\"sort-arrow-up cursor-pointer\" [ngClass]=\"{'arrow-active': orderMap.get(column.widget?.identifier)===sortOrder.ascending}\">&#x25B2;</div>\n                                        <div class=\"sort-arrow-down cursor-pointer\" [ngClass]=\"{'arrow-active': orderMap.get(column.widget?.identifier)===sortOrder.descending}\">&#x25BC;</div>\n                                      </div>\n                                    </div>\n                                    <ng-template #showSortOnFilter>\n                                      <div class=\"sorting-arrow\">\n                                      <span class=\"order-sequence axo-font opacity-0 invisible\" >{{orderedArray.indexOf(column.widget?.identifier)+1}}</span>\n                                        <div class=\"flex flex-col\">\n                                          <div class=\"sort-arrow-up display-hover\">&#x25B2;</div>\n                                          <div class=\"sort-arrow-down display-hover\">&#x25BC;</div>\n                                        </div>\n                                      </div>\n                                    </ng-template>\n                              </span>\n                              <!-- <table *ngIf=\"column.widget.type === 'subform-widget'\">\n                                <tr>\n                                  <th scope=\"col\" class=\"text-sm px-3 py-3 text-left uppercase whitespace-nowrap\"\n                                    *ngFor=\"let markup of column.widget.markup;\"> {{markup.prompt}} </th>\n                                </tr>\n                              </table> -->\n                            </th>\n                            <th scope=\"col\" class=\"px-3 py-3  data-table-header action-column\">Actions</th>\n                            <th *ngIf=\"appManifest?.enable_data_validity\" scope=\"col\" class=\"px-3 py-3 text-left data-table-header\">Status</th>\n\n                          </tr>\n\n                        </thead>\n                        <!--Object list body-->\n                        <tbody class=\"bg-white\" *ngIf=\"listViewData.length > 0\" >\n                          <ng-container *ngFor=\"let formObject of listViewData; let i= index\">\n                              <!-- <tr (click)=\"showDetailView(formObject)\" [ngClass]=\"{data: !formObject?.isValid}\"> -->\n                                <tr [ngClass]=\"{data: !formObject?.isValid}\" (click)=\"showDetailView(formObject)\">\n                                  <!--Checkbox cell-->\n                                  <td class=\"px-3\" (click)=\"$event.stopPropagation()\">\n                                    <input type=\"checkbox\" [(ngModel)]=\"selectedRows[i]\" (change)=\"toggleRowSelection($event.target.checked, i)\">\n                                  </td>\n                              <td class=\"px-3 h-14 line-height-14 text-left data-table-item cursor-pointer\"\n                                *ngFor=\"let widget of formObject.widgets; let widgetIndex = index\" style=\"max-width: fit-content !important;\">\n                                <!-- Value cell -->\n                                <ng-container *ngIf=\"widget?.value\">\n                                  <form-object-widget-value [form]=\"formObject\" [axonatorX1Url]=\"axonatorX1Url\" [baseUrl]=\"baseUrl\"\n                                    [widget]=\"widget\" [widgetProperties]=\"listView.columns[widgetIndex]?.widget\"  class=\"flex items-center h-full min-h-full\">\n                                  </form-object-widget-value>\n                                </ng-container>\n\n                                <ng-container *ngIf=\"!widget?.value &&\n                                column?.widget?.type !== widgetType.staticMedia &&\n                                column?.widget?.type !== widgetType.toggle\">\n                                  <span class=\"flex justify-start items-center\">-</span>\n                                </ng-container>\n\n                              </td>\n\n                              <!-- Actions button -->\n                              <td class=\"px-3 h-14 line-height-14 data-table-item action-column\">\n                                <div class=\"flex items-center gap-3\">\n                                  <ng-container *ngIf=\"form.ft === formTypes.asset && !form.hideEditButton\">\n                                    <div class=\"icon-btn\" (click)=\"editData(formObject,$event)\" matTooltip=\"Edit\">\n                                    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-4 text-gray-500\" fill=\"none\"\n                                        viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                          d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" />\n                                      </svg>\n                                    </div>\n                                  </ng-container>\n                                  <!-- <div class=\"icon-btn\" (click)=\"showDetailView(formObject)\" matTooltip=\"View\">\n                                    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-7 w-5 text-gray-500\" viewBox=\"0 0 24 24\"\n                                      fill=\"#64748b\">\n                                      <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n                                      <path\n                                        d=\"M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z\" />\n                                    </svg>\n                                  </div> -->\n                                </div>\n                              </td>\n                              <td *ngIf=\"appManifest?.enable_data_validity\" class=\"px-3\">\n                                  <mat-slide-toggle [color]=\"primary\" [checked]=\"formObject.isValid\" class=\"p-0\"\n                                    (change)=\"enableToggle(formObject,$event)\" (click)=\"$event.stopPropagation();\">\n                                  </mat-slide-toggle>\n                              </td>\n                            </tr>\n                          </ng-container>\n                        </tbody>\n                        <!-- Show no data found msg -->\n                        <tbody class=\"border-0 absolute no-data-body\" *ngIf=\"listViewData.length === 0 && !showLoader\">\n                          <tr class=\"border-0 hover:bg-transparent text-xl no-record-found cursor-default\">\n                            <td class=\"whitespace-nowrap\">No Data Found</td>\n                          </tr>\n                        </tbody>\n\n                      </table>\n                    </div>\n                    <mat-paginator\n                        (page)=\"handlePageEvent($event)\"\n                        [length]=\"totalFormObjects\"\n                        [pageSize]=\"pageSize\"\n                        [pageIndex]=\"pageIndex\"\n                        [pageSizeOptions]=\"pageSizeOptions\"\n                        [disabled]=\"showLoader\"\n                        aria-label=\"Select page\"\n                        class=\"absolute bottom-0 right-0\"\n                    >\n                    </mat-paginator>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</ng-container>\n", styles: ["form-object-list .data-list-header{background-color:#fcfdff}form-object-list .data-list-header .search-field mat-icon{min-width:1.2rem;min-height:1.2rem;max-width:1.2rem;max-height:1.2rem}@media screen and (max-width: 500px){form-object-list .data-list-header .search-field-border{border:1px solid #80808029;border-top-color:transparent}}form-object-list .data-list-header form-object-widget-value{min-height:fit-content}form-object-list .data-list-header form-object-widget-value formobject-textbox-value{min-width:fit-content}form-object-list .icon-container{height:1.5rem!important;min-height:1.5rem!important;width:1.5rem!important;min-width:1.5rem!important;display:flex}form-object-list .icon-container .location-btn-icon{background:#E1E7EF;padding:.3rem .2rem;margin-left:10px;cursor:pointer}form-object-list .icon-container .location-btn-icon mat-icon{height:.875rem!important;min-height:.875rem!important;width:.875rem!important;min-width:.875rem!important}form-object-list .form-object-list-container .table-container{height:calc(100% - 4.3rem);max-height:calc(100% - 4.3rem);min-height:calc(100% - 4.3rem);outline:.2px solid #7b849b45;background-color:#fff}form-object-list .object-list-component-table{background-color:#fcfdff}form-object-list .object-list-component-table .form-object-title-container{border-bottom:.5px solid #cccccc7d}form-object-list .object-list-component-table .form-object-title-container .form-object-title{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#10172b}@media screen and (max-width: 500px){form-object-list .object-list-component-table .form-object-title-container .form-object-title{font-size:14px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:14px}}form-object-list .object-list-component-table .form-object-title-container .inner-form-object-title-container{width:95.67%;min-width:95.67%;max-width:95.67%}form-object-list .object-list-component-table button.refresh-data{font-family:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#345ad6}form-object-list .object-list-component-table table th,form-object-list .object-list-component-table table td{max-width:300px;min-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}form-object-list .object-list-component-table table thead{background-color:#fcfdff}form-object-list .object-list-component-table table thead tr{outline:.2px solid #80808036}@media screen and (max-width: 500px){form-object-list .object-list-component-table table thead{top:-1px!important}}form-object-list .object-list-component-table table tbody{border-top:none}form-object-list .object-list-component-table table tbody tr{border:.2px solid #80808036;border-width:.2px!important;border-right:0;border-left:0;cursor:pointer}form-object-list .object-list-component-table table tbody tr:first-child{border-top:none}form-object-list .object-list-component-table table tbody tr:hover{background-color:#f4f4f4}form-object-list .object-list-component-table table .no-data-body{height:calc(100% - 3rem);width:100%;display:flex;justify-content:center;align-items:center}form-object-list .object-list-component-table .mat-paginator-page-size-label{font-family:Roboto,sans-serif;font-weight:500;color:#172b4d!important;font-size:12px;line-height:12px;letter-spacing:.4px;margin:0!important}form-object-list .object-list-component-table .mat-paginator-range-label{font-family:Roboto,sans-serif;font-weight:500;color:#172b4d!important;font-size:12px;line-height:14px;margin:0 12px 0 0!important}form-object-list .object-list-component-table .mat-paginator-container{column-gap:20px;padding:.5rem 0!important}form-object-list .object-list-component-table .mat-paginator-page-size{column-gap:20px;margin:0!important}form-object-list .object-list-component-table mat-paginator{height:70px;background-color:transparent!important}form-object-list .object-list-component-table mat-paginator button{width:2rem;max-width:2rem;height:2rem;max-height:2rem;min-height:2rem;border-radius:4px}form-object-list .object-list-component-table mat-paginator .mat-button-base:hover{background-color:#eee}form-object-list .object-list-component-table mat-paginator .mat-icon-button.mat-button-disabled.mat-button-disabled:hover{background-color:transparent!important}form-object-list .object-list-component-table .child-record .thumbnail,form-object-list .object-list-component-table .choice-list .thumbnail{width:2rem}form-object-list .object-list-component-table .imageContainer .image-container{position:relative;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}form-object-list .object-list-component-table .imageContainer .image-container img{max-width:2rem;max-height:2rem}form-object-list .object-list-component-table .imageContainer .count-of-image{min-width:1rem;max-width:1rem;min-height:1rem;max-height:1rem;line-height:1rem;border-radius:50%;transition:.5s ease;background-color:#6554c0}form-object-list .object-list-component-table .imageContainer .count{color:#fff;font-size:8px;text-align:center;font-weight:500}form-object-list .object-list-component-table .video-container video{width:55.28px;height:35.71px}form-object-list .object-list-component-table p{margin:0!important}form-object-list .data-list-filter-wrapper{min-height:3rem}@media screen and (max-width: 600px){form-object-list .data-list-filter-wrapper{padding:1rem 0!important;row-gap:.625rem}}form-object-list .refresh-btn{display:flex;align-items:center;justify-content:center}form-object-list audio{width:140px;height:20px}form-object-list audio::-webkit-media-controls-mute-button{margin-right:0;display:none}form-object-list audio::-webkit-media-controls-play-button{position:absolute;left:0;height:9px}form-object-list audio::-webkit-media-controls-timeline-container{width:60px}form-object-list audio::-webkit-media-controls-current-time-display{font-size:10px;position:absolute;right:11px}form-object-list audio::-webkit-media-controls-time-remaining-display{display:none}form-object-list audio::-webkit-media-controls-timeline{position:relative;left:11px;width:60px}form-object-list .data-list-value{min-width:calc(100% - 7.25rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}form-object-list .imgFixed-list-class .imageList-text,form-object-list .imgFixed-list-class .reference_list-text,form-object-list .imgFixed-list-class .mat-list-item-content,form-object-list .reference-list-class .imageList-text,form-object-list .reference-list-class .reference_list-text,form-object-list .reference-list-class .mat-list-item-content,form-object-list .fixed-list-class .imageList-text,form-object-list .fixed-list-class .reference_list-text,form-object-list .fixed-list-class .mat-list-item-content{min-width:calc(100% - 7.25rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}form-object-list thead{z-index:10}.table-container-height{height:100%;min-height:100%;max-height:100%}@media screen and (min-width: 600px){.data-list-title-tooltip-custom-class{display:none!important}}.action-column{display:flex;justify-content:center}.sort-arrow-up,.sort-arrow-down{font-size:10px;line-height:8px;color:#000;opacity:.5}.sorting-arrow{white-space:nowrap;display:flex;column-gap:6px}.sorting-arrow .arrow-active{opacity:1!important}.sorting-arrow .order-sequence{border-radius:100%;background-color:#7964ed14;padding:0 6px;color:#0000007a;font-size:10px}.ghost-loader-table{height:calc(100% - 4.4rem);min-height:calc(100% - 4.4rem);max-height:calc(100% - 4.4rem)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.loading-text{margin-top:10px;font-size:18px;color:#fff}.upgrade-btn{border:1px solid #7963ed;background-color:#7963ed!important;color:#fff;display:flex;align-items:center;justify-content:center;column-gap:.5rem;padding:7px 10px;border-radius:20px}.display-hover{visibility:hidden;opacity:0}.data-table-header:hover .display-hover{visibility:visible;opacity:.5}\n"] }]
    }], function () { return [{ type: i1.FormObjectViewService }, { type: i2.FormObjectListService }, { type: i3.CommonLibConfigurationService }, { type: i4.Router }, { type: i5.DataViewService }, { type: i6.UserDataService }]; }, { listView: [{
            type: Input
        }], screenType: [{
            type: Input
        }], form: [{
            type: Input
        }], searchText: [{
            type: Input
        }], enbledCaching: [{
            type: Input
        }], filters: [{
            type: Input
        }], applyFilterEmitter: [{
            type: Input
        }], resetFilterEmitter: [{
            type: Input
        }], clearFilterEmitter: [{
            type: Input
        }], refreshDataEmitter: [{
            type: Input
        }], exportDataEmitter: [{
            type: Input
        }], appManifest: [{
            type: Input
        }], GlobalGhostLoaderEnabled: [{
            type: Input
        }], exportDataListEvent: [{
            type: Output
        }], showDataDetailView: [{
            type: Output
        }], addNewRecordEvent: [{
            type: Output
        }], editFormObjectEvent: [{
            type: Output
        }], updateFormObjectStatus: [{
            type: Output
        }], ChildLoaded: [{
            type: Output
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 