import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
import { DataViewType, TaskGroupTypes, ViewType } from '../data-view/data-view-enums';
import { AxForm } from '../../forms/ax-form';
import { DataView } from '../data-view/data-view';
import { ScreenType } from '../../enlighten-lib/filters/condition-type';
import { DataViewService } from '../data-view.service';
import _ from 'lodash';
import { MAT_SELECT_CONFIG } from '@angular/material/select';
import * as i0 from "@angular/core";
import * as i1 from "../data-view.service";
const _c0 = ["taskViewListDropDown"];
const _c1 = ["listViewListDropDown"];
const _c2 = ["mapViewListDropDown"];
const _c3 = ["boardViewListDropDown"];
const _c4 = function (a0) { return { "task-view-title": a0 }; };
function DataViewHeaderComponent_div_2_div_2_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 21);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r11 = i0.ɵɵnextContext(3);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c4, ctx_r11.selectedViewType === ctx_r11.ViewType.TaskView))("matTooltip", ctx_r11.selectedDataView == null ? null : ctx_r11.selectedDataView.name);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", ctx_r11.selectedDataView == null ? null : ctx_r11.selectedDataView.name, "");
} }
function DataViewHeaderComponent_div_2_div_2_div_4_mat_option_3_Template(rf, ctx) { if (rf & 1) {
    const _r17 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "mat-option", 26);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_div_2_div_4_mat_option_3_Template_mat_option_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const taskView_r15 = restoredCtx.$implicit; const ctx_r16 = i0.ɵɵnextContext(4); return ctx_r16.changeDataView(taskView_r15, ctx_r16.ViewType.TaskView); });
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const taskView_r15 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1("", taskView_r15.name, " ");
} }
function DataViewHeaderComponent_div_2_div_2_div_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 22);
    i0.ɵɵelementStart(1, "mat-select", 23, 24);
    i0.ɵɵtemplate(3, DataViewHeaderComponent_div_2_div_2_div_4_mat_option_3_Template, 2, 1, "mat-option", 25);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r12 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("disableOptionCentering", true);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", ctx_r12.dataViews.taskViews);
} }
const _c5 = function (a0) { return { "view-selected": a0 }; };
const _c6 = function (a0) { return { "border-right": a0 }; };
function DataViewHeaderComponent_div_2_div_2_Template(rf, ctx) { if (rf & 1) {
    const _r19 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 16);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_div_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(2); return ctx_r18.switchView(ctx_r18.ViewType.TaskView); });
    i0.ɵɵelementStart(1, "div", 17);
    i0.ɵɵelement(2, "mat-icon", 18);
    i0.ɵɵtemplate(3, DataViewHeaderComponent_div_2_div_2_div_3_Template, 2, 5, "div", 19);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, DataViewHeaderComponent_div_2_div_2_div_4_Template, 4, 2, "div", 20);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c5, ctx_r1.selectedViewType === ctx_r1.ViewType.TaskView));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c6, ctx_r1.selectedViewType === ctx_r1.ViewType.TaskView && ctx_r1.dataViews.taskViews.length > 1));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("svgIcon", "axo_list");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r1.selectedViewType === ctx_r1.ViewType.TaskView);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r1.dataViews.listViews.length > 1);
} }
function DataViewHeaderComponent_div_2_div_3_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 21);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r20 = i0.ɵɵnextContext(3);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c4, ctx_r20.selectedViewType === ctx_r20.ViewType.TaskView))("matTooltip", ctx_r20.selectedDataView == null ? null : ctx_r20.selectedDataView.name);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", ctx_r20.selectedDataView == null ? null : ctx_r20.selectedDataView.name, "");
} }
function DataViewHeaderComponent_div_2_div_3_div_4_mat_option_3_Template(rf, ctx) { if (rf & 1) {
    const _r26 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "mat-option", 30);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_div_3_div_4_mat_option_3_Template_mat_option_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r26); const listView_r24 = restoredCtx.$implicit; const ctx_r25 = i0.ɵɵnextContext(4); return ctx_r25.changeDataView(listView_r24, ctx_r25.ViewType.DataListView); });
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const listView_r24 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1("", listView_r24.name, " ");
} }
function DataViewHeaderComponent_div_2_div_3_div_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 22);
    i0.ɵɵelementStart(1, "mat-select", 27, 28);
    i0.ɵɵtemplate(3, DataViewHeaderComponent_div_2_div_3_div_4_mat_option_3_Template, 2, 1, "mat-option", 29);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r21 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("disableOptionCentering", true);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", ctx_r21.dataViews.listViews);
} }
function DataViewHeaderComponent_div_2_div_3_Template(rf, ctx) { if (rf & 1) {
    const _r28 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 16);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_div_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(2); return ctx_r27.switchView(ctx_r27.ViewType.DataListView); });
    i0.ɵɵelementStart(1, "div", 17);
    i0.ɵɵelement(2, "mat-icon", 18);
    i0.ɵɵtemplate(3, DataViewHeaderComponent_div_2_div_3_div_3_Template, 2, 5, "div", 19);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, DataViewHeaderComponent_div_2_div_3_div_4_Template, 4, 2, "div", 20);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c5, ctx_r2.selectedViewType === ctx_r2.ViewType.DataListView));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c6, ctx_r2.selectedViewType === ctx_r2.ViewType.DataListView && ctx_r2.dataViews.listViews.length > 1));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("svgIcon", "axo_list");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r2.selectedViewType === ctx_r2.ViewType.DataListView);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r2.dataViews.listViews.length > 1);
} }
function DataViewHeaderComponent_div_2_div_4_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 21);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r29 = i0.ɵɵnextContext(3);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c4, ctx_r29.selectedViewType === ctx_r29.ViewType.TaskView))("matTooltip", ctx_r29.selectedDataView == null ? null : ctx_r29.selectedDataView.name);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", ctx_r29.selectedDataView == null ? null : ctx_r29.selectedDataView.name, "");
} }
function DataViewHeaderComponent_div_2_div_4_div_4_mat_option_3_Template(rf, ctx) { if (rf & 1) {
    const _r35 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "mat-option", 33);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_div_4_div_4_mat_option_3_Template_mat_option_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r35); const mapView_r33 = restoredCtx.$implicit; const ctx_r34 = i0.ɵɵnextContext(4); return ctx_r34.changeDataView(mapView_r33, ctx_r34.ViewType.MapView); });
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const mapView_r33 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(mapView_r33.name);
} }
function DataViewHeaderComponent_div_2_div_4_div_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 22);
    i0.ɵɵelementStart(1, "mat-select", 27, 31);
    i0.ɵɵtemplate(3, DataViewHeaderComponent_div_2_div_4_div_4_mat_option_3_Template, 2, 1, "mat-option", 32);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r30 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("disableOptionCentering", true);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", ctx_r30.dataViews.mapViews);
} }
function DataViewHeaderComponent_div_2_div_4_Template(rf, ctx) { if (rf & 1) {
    const _r37 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 16);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r37); const ctx_r36 = i0.ɵɵnextContext(2); return ctx_r36.switchView(ctx_r36.ViewType.MapView); });
    i0.ɵɵelementStart(1, "div", 17);
    i0.ɵɵelement(2, "mat-icon", 18);
    i0.ɵɵtemplate(3, DataViewHeaderComponent_div_2_div_4_div_3_Template, 2, 5, "div", 19);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, DataViewHeaderComponent_div_2_div_4_div_4_Template, 4, 2, "div", 20);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r3 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c5, ctx_r3.selectedViewType === ctx_r3.ViewType.MapView));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c6, ctx_r3.selectedViewType === ctx_r3.ViewType.MapView && ctx_r3.dataViews.mapViews.length > 1));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("svgIcon", "axo_location");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r3.selectedViewType === ctx_r3.ViewType.MapView);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r3.dataViews.mapViews.length > 1);
} }
function DataViewHeaderComponent_div_2_div_5_div_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 21);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r38 = i0.ɵɵnextContext(3);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c4, ctx_r38.selectedViewType === ctx_r38.ViewType.TaskView))("matTooltip", ctx_r38.selectedDataView == null ? null : ctx_r38.selectedDataView.name);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" ", ctx_r38.selectedDataView == null ? null : ctx_r38.selectedDataView.name, "");
} }
function DataViewHeaderComponent_div_2_div_5_div_4_mat_option_3_Template(rf, ctx) { if (rf & 1) {
    const _r44 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "mat-option", 37);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_div_5_div_4_mat_option_3_Template_mat_option_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r44); const boardView_r42 = restoredCtx.$implicit; const ctx_r43 = i0.ɵɵnextContext(4); return ctx_r43.changeDataView(boardView_r42, ctx_r43.ViewType.BoardView); });
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const boardView_r42 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1("", boardView_r42.name, " ");
} }
function DataViewHeaderComponent_div_2_div_5_div_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 22);
    i0.ɵɵelementStart(1, "mat-select", 27, 35);
    i0.ɵɵtemplate(3, DataViewHeaderComponent_div_2_div_5_div_4_mat_option_3_Template, 2, 1, "mat-option", 36);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r39 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("disableOptionCentering", true);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", ctx_r39.dataViews.boardViews);
} }
function DataViewHeaderComponent_div_2_div_5_Template(rf, ctx) { if (rf & 1) {
    const _r46 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 16);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_div_5_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r46); const ctx_r45 = i0.ɵɵnextContext(2); return ctx_r45.switchView(ctx_r45.ViewType.BoardView); });
    i0.ɵɵelementStart(1, "div", 17);
    i0.ɵɵelement(2, "mat-icon", 34);
    i0.ɵɵtemplate(3, DataViewHeaderComponent_div_2_div_5_div_3_Template, 2, 5, "div", 19);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(4, DataViewHeaderComponent_div_2_div_5_div_4_Template, 4, 2, "div", 20);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r4 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c5, ctx_r4.selectedViewType === ctx_r4.ViewType.BoardView));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c6, ctx_r4.selectedViewType === ctx_r4.ViewType.BoardView && ctx_r4.dataViews.boardViews.length > 1));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("svgIcon", "axo_grid");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r4.selectedViewType === ctx_r4.ViewType.BoardView);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r4.dataViews.boardViews.length > 1);
} }
const _c7 = function (a0) { return { "ml-1": a0 }; };
const _c8 = function (a0) { return { "w-6 min-w-6 h-6 min-h-6": a0 }; };
function DataViewHeaderComponent_div_2_button_8_Template(rf, ctx) { if (rf & 1) {
    const _r48 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "button", 38);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r48); const ctx_r47 = i0.ɵɵnextContext(2); return ctx_r47.showSearchBox(); });
    i0.ɵɵelement(1, "mat-icon", 39);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r5 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c7, ctx_r5.showSearch));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("svgIcon", "heroicons_solid:search")("ngClass", i0.ɵɵpureFunction1(5, _c8, !ctx_r5.showSearch));
} }
function DataViewHeaderComponent_div_2_mat_icon_10_Template(rf, ctx) { if (rf & 1) {
    const _r50 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "mat-icon", 40);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_mat_icon_10_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r49 = i0.ɵɵnextContext(2); return ctx_r49.clear(); });
    i0.ɵɵtext(1, "clear");
    i0.ɵɵelementEnd();
} }
function DataViewHeaderComponent_div_2_button_11_Template(rf, ctx) { if (rf & 1) {
    const _r52 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "button", 41);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(2); return ctx_r51.showSearchBox(); });
    i0.ɵɵelement(1, "mat-icon", 39);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r7 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("svgIcon", "heroicons_solid:search")("ngClass", i0.ɵɵpureFunction1(2, _c8, !ctx_r7.showSearch));
} }
function DataViewHeaderComponent_div_2_button_12_Template(rf, ctx) { if (rf & 1) {
    const _r54 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "button", 42);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_button_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(2); return ctx_r53.createCache(); });
    i0.ɵɵtext(1, "Configure Info Window");
    i0.ɵɵelementEnd();
} }
function DataViewHeaderComponent_div_2_div_13_Template(rf, ctx) { if (rf & 1) {
    const _r56 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 43);
    i0.ɵɵelementStart(1, "mat-select", 44);
    i0.ɵɵelementStart(2, "mat-option", 45);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_div_13_Template_mat_option_click_2_listener() { i0.ɵɵrestoreView(_r56); const ctx_r55 = i0.ɵɵnextContext(2); return ctx_r55.taskGroupBy.emit(""); });
    i0.ɵɵtext(3, "None");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(4, "mat-option", 46);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_div_13_Template_mat_option_click_4_listener() { i0.ɵɵrestoreView(_r56); const ctx_r57 = i0.ɵɵnextContext(2); return ctx_r57.taskGroupBy.emit(ctx_r57.TaskGroupType.workflowInstance); });
    i0.ɵɵtext(5, "WorkflowInstance");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("disableOptionCentering", true);
} }
function DataViewHeaderComponent_div_2_button_14_Template(rf, ctx) { if (rf & 1) {
    const _r59 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "button", 42);
    i0.ɵɵlistener("click", function DataViewHeaderComponent_div_2_button_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r59); const ctx_r58 = i0.ɵɵnextContext(2); return ctx_r58.createNewView.emit(ctx_r58.selectedViewType); });
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r10 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate1(" Create ", ctx_r10.selectedViewType, "");
} }
const _c9 = function (a0) { return { "search-field-border": a0 }; };
function DataViewHeaderComponent_div_2_Template(rf, ctx) { if (rf & 1) {
    const _r61 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 5);
    i0.ɵɵelementStart(1, "div", 6);
    i0.ɵɵtemplate(2, DataViewHeaderComponent_div_2_div_2_Template, 5, 9, "div", 7);
    i0.ɵɵtemplate(3, DataViewHeaderComponent_div_2_div_3_Template, 5, 9, "div", 7);
    i0.ɵɵtemplate(4, DataViewHeaderComponent_div_2_div_4_Template, 5, 9, "div", 7);
    i0.ɵɵtemplate(5, DataViewHeaderComponent_div_2_div_5_Template, 5, 9, "div", 7);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(6, "div", 8);
    i0.ɵɵelementStart(7, "div", 9);
    i0.ɵɵtemplate(8, DataViewHeaderComponent_div_2_button_8_Template, 2, 7, "button", 10);
    i0.ɵɵelementStart(9, "input", 11);
    i0.ɵɵlistener("keyup", function DataViewHeaderComponent_div_2_Template_input_keyup_9_listener($event) { i0.ɵɵrestoreView(_r61); const ctx_r60 = i0.ɵɵnextContext(); return ctx_r60.getSearchedData($event.target["value"]); });
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(10, DataViewHeaderComponent_div_2_mat_icon_10_Template, 2, 0, "mat-icon", 12);
    i0.ɵɵtemplate(11, DataViewHeaderComponent_div_2_button_11_Template, 2, 4, "button", 13);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(12, DataViewHeaderComponent_div_2_button_12_Template, 2, 0, "button", 14);
    i0.ɵɵtemplate(13, DataViewHeaderComponent_div_2_div_13_Template, 6, 1, "div", 15);
    i0.ɵɵtemplate(14, DataViewHeaderComponent_div_2_button_14_Template, 2, 1, "button", 14);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r0.dataViews.taskViews.length > 0 && ctx_r0.dataViews.type !== ctx_r0.DataViewType.genericTaskView);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r0.dataViews.taskViews.length === 0 && (ctx_r0.dataViews.listViews.length > 0 || ctx_r0.screenType === ctx_r0.ScreenType.dataViewBuilder));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r0.dataViews.mapViews.length > 0 || ctx_r0.screenType === ctx_r0.ScreenType.dataViewBuilder);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r0.dataViews.boardViews.length > 0 || ctx_r0.screenType === ctx_r0.ScreenType.dataViewBuilder);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c9, ctx_r0.showSearch));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r0.showSearch);
    i0.ɵɵadvance(1);
    i0.ɵɵstyleProp("width", !ctx_r0.showSearch ? "0" : "100%");
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r0.showSearch);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !ctx_r0.showSearch);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r0.selectedDataView && ctx_r0.screenType === ctx_r0.ScreenType.dataViewBuilder && (ctx_r0.selectedViewType === ctx_r0.ViewType.BoardView || ctx_r0.selectedViewType === ctx_r0.ViewType.MapView) && ctx_r0.selectedDataView.id);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r0.dataViews.type === ctx_r0.DataViewType.genericTaskView);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r0.screenType === ctx_r0.ScreenType.dataViewBuilder && ctx_r0.ViewType.TaskView !== ctx_r0.selectedViewType);
} }
const _c10 = function (a0) { return { "mt-3": a0 }; };
export class DataViewHeaderComponent {
    constructor(_dataViewService) {
        this._dataViewService = _dataViewService;
        // <-------- Outputs --------------->
        this.switchDataView = new EventEmitter();
        this.createNewView = new EventEmitter();
        this.dataViewChanged = new EventEmitter();
        this.applyFilter = new EventEmitter();
        this.resetFilter = new EventEmitter();
        this.taskGroupBy = new EventEmitter();
        this.searchEvent = new EventEmitter();
        this.addNewRecord = new EventEmitter();
        this.generateQR = new EventEmitter();
        this.refreshData = new EventEmitter();
        this.exportData = new EventEmitter();
        this.assign = new EventEmitter();
        this.showSearch = false;
        this.searchText = '';
    }
    ngOnInit() {
    }
    /**
     * Getter for dataViewType
     */
    get DataViewType() {
        return DataViewType;
    }
    /**
     * Getter for ViewType
     */
    get ViewType() {
        return ViewType;
    }
    /**
     * Getter for screen type
     */
    get ScreenType() {
        return ScreenType;
    }
    /**
     * Getter for task group types
     */
    get TaskGroupType() {
        return TaskGroupTypes;
    }
    /**
     * change selected data view
     *
     * @param event
     */
    changeDataView(boardView, selectedViewType) {
        this.selectedViewType = selectedViewType;
        this.selectedDataView = boardView;
        this.dataViewChanged.emit(this.selectedDataView);
    }
    /**
     * Switch selected data view
     *
     * @param dataViewType
     */
    switchView(dataViewType) {
        // Switch data view only if views are greater than 1 else open dropdown
        if ((dataViewType === ViewType.BoardView && this.dataViews.boardViews.length <= 1) ||
            (dataViewType === ViewType.DataListView && this.dataViews.listViews.length <= 1) ||
            (dataViewType === ViewType.MapView && this.dataViews.mapViews.length <= 1) ||
            (dataViewType === ViewType.TaskView && this.dataViews.taskViews.length <= 1)) {
            this.switchDataView.emit(dataViewType);
        }
        else {
            switch (dataViewType) {
                case ViewType.DataListView:
                    this.listViewListDropDown.open();
                    break;
                case ViewType.MapView:
                    this.mapViewListDropDown.open();
                    break;
                case ViewType.BoardView:
                    this.boardViewListDropDown.open();
            }
        }
    }
    /**
     * Create Cache
     */
    createCache() {
        if (this.selectedViewType === ViewType.BoardView) {
            this._dataViewService.createBoardViewCache(this.selectedDataView.id).then((response) => {
                console.log('Cache Created.');
            }).catch((error) => {
                console.error(error);
            });
        }
        else if (this.selectedViewType === ViewType.MapView) {
            this._dataViewService.createMapViewCache(this.selectedDataView.id).then((response) => {
                console.log('Cache Created.');
            }).catch((error) => {
                console.error(error);
            });
        }
    }
    /**
     * this function is for showing the search box
     */
    showSearchBox() {
        this.showSearch = !this.showSearch;
        document.getElementById('field-search').focus();
    }
    /**
     * clear the search box
     */
    clear() {
        if (_.isEmpty(this.searchText)) {
            this.showSearch = !this.showSearch;
        }
        this.searchText = '';
        this.getSearchedData(this.searchText);
    }
    /**
     *
     * @param searchValue
     */
    getSearchedData(searchValue) {
        this.searchText = searchValue;
        this.searchEvent.emit(this.searchText);
    }
}
DataViewHeaderComponent.ɵfac = function DataViewHeaderComponent_Factory(t) { return new (t || DataViewHeaderComponent)(i0.ɵɵdirectiveInject(i1.DataViewService)); };
DataViewHeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataViewHeaderComponent, selectors: [["lib-data-view-header"]], viewQuery: function DataViewHeaderComponent_Query(rf, ctx) { if (rf & 1) {
        i0.ɵɵviewQuery(_c0, 5);
        i0.ɵɵviewQuery(_c1, 5);
        i0.ɵɵviewQuery(_c2, 5);
        i0.ɵɵviewQuery(_c3, 5);
    } if (rf & 2) {
        let _t;
        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.taskViewListDropDown = _t.first);
        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.listViewListDropDown = _t.first);
        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.mapViewListDropDown = _t.first);
        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.boardViewListDropDown = _t.first);
    } }, inputs: { dataViews: "dataViews", axForm: "axForm", selectedViewType: "selectedViewType", selectedDataView: "selectedDataView", screenType: "screenType", appVersionId: "appVersionId", userEmail: "userEmail", showAssignToButton: "showAssignToButton" }, outputs: { switchDataView: "switchDataView", createNewView: "createNewView", dataViewChanged: "dataViewChanged", applyFilter: "applyFilter", resetFilter: "resetFilter", taskGroupBy: "taskGroupBy", searchEvent: "searchEvent", addNewRecord: "addNewRecord", generateQR: "generateQR", refreshData: "refreshData", exportData: "exportData", assign: "assign" }, features: [i0.ɵɵProvidersFeature([
            {
                provide: MAT_SELECT_CONFIG,
                useValue: { overlayPanelClass: 'data-view-header-overlay-panel' },
            }
        ])], decls: 5, vars: 12, consts: [[1, "sticky", "top-0", "data-list-header", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], ["class", "data-view-header-contianer", 4, "ngIf"], [1, "data-view-filter-container"], [1, "w-full", 3, "screenType", "selectedViewType", "filters", "appVersionId", "showAssignToButton", "dataViews", "form", "userEmail", "applyFilterEmit", "resetFilterEmit", "assign", "addNewRecord", "generateQR", "refreshData", "exportData"], [1, "data-view-header-contianer"], [1, "data-view-dropdown-wrapper"], ["class", "flex items-center cursor-pointer icon-btn w-max", 3, "ngClass", "click", 4, "ngIf"], [1, "searchBox-btton-wrapper"], [1, "items-center", "flex", 3, "ngClass"], ["class", "flex items-center", 3, "ngClass", "click", 4, "ngIf"], ["id", "field-search", "autocomplete", "off", "placeholder", "Search...", "matInput", "", 1, "search-bar", "chart-title", 3, "keyup"], ["class", "clear_icon text-base cursor-pointer", 3, "click", 4, "ngIf"], ["class", "flex items-center icon-btn", 3, "click", 4, "ngIf"], ["class", "primary-btn axo-font", 3, "click", 4, "ngIf"], ["class", "items-center search-field flex", 4, "ngIf"], [1, "flex", "items-center", "cursor-pointer", "icon-btn", "w-max", 3, "ngClass", "click"], [1, "flex", "gap-2", "items-center", "data-view-btn-icon", "px-2", "py-1", 3, "ngClass"], [1, "search-icon", "h-4", "min-w-4", "min-h-4", "w-4", 3, "svgIcon"], ["class", "data-view-title axo-font", 3, "ngClass", "matTooltip", 4, "ngIf"], ["class", "flex items-center data-view-mat-select", 4, "ngIf"], [1, "data-view-title", "axo-font", 3, "ngClass", "matTooltip"], [1, "flex", "items-center", "data-view-mat-select"], [3, "disableOptionCentering"], ["taskViewListDropDown", ""], [3, "click", 4, "ngFor", "ngForOf"], [3, "click"], [1, "data-view-select", 3, "disableOptionCentering"], ["listViewListDropDown", ""], ["value", "dataViews.listViews", 3, "click", 4, "ngFor", "ngForOf"], ["value", "dataViews.listViews", 3, "click"], ["mapViewListDropDown", ""], ["value", "dataViews.mapViews", 3, "click", 4, "ngFor", "ngForOf"], ["value", "dataViews.mapViews", 3, "click"], [1, "h-4", "min-w-4", "min-h-4", "w-4", 3, "svgIcon"], ["boardViewListDropDown", ""], ["value", "dataViews.boardViews", 3, "click", 4, "ngFor", "ngForOf"], ["value", "dataViews.boardViews", 3, "click"], [1, "flex", "items-center", 3, "ngClass", "click"], [1, "data-view-search-icon", 3, "svgIcon", "ngClass"], [1, "clear_icon", "text-base", "cursor-pointer", 3, "click"], [1, "flex", "items-center", "icon-btn", 3, "click"], [1, "primary-btn", "axo-font", 3, "click"], [1, "items-center", "search-field", "flex"], ["placeholder", "Group By", 1, "task-list-group-selection", "axo-font", 3, "disableOptionCentering"], ["value", "", 1, "task-list-group-selection-option", "axo-font", 3, "click"], ["value", "WorkflowInstance", 1, "task-list-group-selection-option", "axo-font", 3, "click"]], template: function DataViewHeaderComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵelementStart(0, "div", 0);
        i0.ɵɵelementStart(1, "div", 1);
        i0.ɵɵtemplate(2, DataViewHeaderComponent_div_2_Template, 15, 15, "div", 2);
        i0.ɵɵelementEnd();
        i0.ɵɵelementStart(3, "div", 3);
        i0.ɵɵelementStart(4, "lib-data-view-filters", 4);
        i0.ɵɵlistener("applyFilterEmit", function DataViewHeaderComponent_Template_lib_data_view_filters_applyFilterEmit_4_listener($event) { return ctx.applyFilter.emit($event); })("resetFilterEmit", function DataViewHeaderComponent_Template_lib_data_view_filters_resetFilterEmit_4_listener($event) { return ctx.resetFilter.emit($event); })("assign", function DataViewHeaderComponent_Template_lib_data_view_filters_assign_4_listener() { return ctx.assign.emit(); })("addNewRecord", function DataViewHeaderComponent_Template_lib_data_view_filters_addNewRecord_4_listener() { return ctx.addNewRecord.emit(); })("generateQR", function DataViewHeaderComponent_Template_lib_data_view_filters_generateQR_4_listener() { return ctx.generateQR.emit(); })("refreshData", function DataViewHeaderComponent_Template_lib_data_view_filters_refreshData_4_listener() { return ctx.refreshData.emit(); })("exportData", function DataViewHeaderComponent_Template_lib_data_view_filters_exportData_4_listener($event) { return ctx.exportData.emit($event); });
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c10, ctx.dataViews.taskViews.length > 0 || ctx.dataViews.mapViews.length > 0 || ctx.dataViews.boardViews.length > 0 || ctx.dataViews.listViews.length > 0 && ctx.screenType === ctx.ScreenType.dataView));
        i0.ɵɵadvance(2);
        i0.ɵɵproperty("ngIf", ctx.dataViews.listViews.length > 1 || ctx.dataViews.taskViews.length > 1 || ctx.dataViews.mapViews.length > 0 || ctx.dataViews.boardViews.length > 0 || ctx.screenType === ctx.ScreenType.dataViewBuilder);
        i0.ɵɵadvance(2);
        i0.ɵɵproperty("screenType", ctx.screenType)("selectedViewType", ctx.selectedViewType)("filters", ctx.dataViews.filters)("appVersionId", ctx.appVersionId)("showAssignToButton", ctx.showAssignToButton)("dataViews", ctx.dataViews)("form", ctx.axForm)("userEmail", ctx.userEmail);
    } }, styles: ["lib-data-view-header{display:block;width:100%;max-width:100%}lib-data-view-header .data-list-header{margin-top:.5rem;width:100%;max-width:100%}lib-data-view-header .data-list-header .data-view-header-contianer{width:100%;display:flex;align-items:center;justify-content:space-between;margin-right:auto;margin-left:auto;height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;flex-wrap:wrap}@media screen and (max-width: 1024px){lib-data-view-header .data-list-header .data-view-header-contianer{padding-left:1rem;padding-right:1rem;height:6.5rem}}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper{display:flex;column-gap:.75rem;align-items:center;width:calc(100% - 25.875rem)}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper ::ng-deep .mat-select-value{display:none}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper .data-view-title{color:#404040;font-size:14px;margin:.2rem .4rem;font-weight:500}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper .view-selected{background:#E1E7EF;border-radius:3px}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper .data-view-btn-icon{padding:.4rem .2rem}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper .border-right{border-right:.5px solid #C0CCDD}lib-data-view-header .data-list-header .data-view-header-contianer .searchBox-btton-wrapper{display:flex;align-items:center;column-gap:1rem}@media screen and (max-width: 1024px){lib-data-view-header .data-list-header .data-view-header-contianer .searchBox-btton-wrapper{width:100%;justify-content:flex-end}}lib-data-view-header .data-list-header .task-list-group-selection{border:1px solid #636E8D;border-radius:38px;width:9rem;padding:5px 12px;color:#636e8d;font-size:12px}lib-data-view-header .search-bar{width:7rem;height:2rem;margin-top:0;color:#292929}lib-data-view-header .data-view-search-icon{height:1.1rem;width:1.1rem;min-width:1.1rem;min-height:1.1rem}lib-data-view-header .data-view-filter-container{display:flex;align-items:center}.task-list-group-selection-option .mat-option-text{color:#636e8d;font-size:12px}.data-view-filter-container{display:flex;justify-content:space-between;flex-wrap:nowrap;padding:0 1.5rem 1rem;width:100%;max-width:100%}@media screen and (max-width: 1024px){.data-view-filter-container{padding:0 1rem .5rem}}.data-view-select{display:inline-flex!important}.data-view-select .mat-select-value-text{display:none!important}.data-view-header-overlay-panel{margin-top:1.8rem;transform:translate(-1.563rem)!important}\n"], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataViewHeaderComponent, [{
        type: Component,
        args: [{ selector: 'lib-data-view-header', encapsulation: ViewEncapsulation.None, providers: [
                    {
                        provide: MAT_SELECT_CONFIG,
                        useValue: { overlayPanelClass: 'data-view-header-overlay-panel' },
                    }
                ], template: "<div class=\"sticky top-0 data-list-header\" [ngClass]=\"{'mt-3' : dataViews.taskViews.length > 0 || dataViews.mapViews.length  > 0 || dataViews.boardViews.length > 0 || (dataViews.listViews.length > 0 && screenType === ScreenType.dataView)}\">\n  <div class=\"flex items-center justify-between\">\n    <!-- Title header -->\n    <div class=\"data-view-header-contianer\" *ngIf=\"dataViews.listViews.length > 1|| dataViews.taskViews.length > 1 || dataViews.mapViews.length  > 0 || dataViews.boardViews.length > 0 || screenType === ScreenType.dataViewBuilder\">\n      <div class=\"data-view-dropdown-wrapper\">\n        <!-- <div class=\"data-view-title axo-font\" [ngClass]=\"{'task-view-title' : selectedViewType === ViewType.TaskView}\" [matTooltip]=\"selectedDataView?.name\">\n          {{selectedDataView?.name}}</div> -->\n          \n        <!-- Task List view Dropdown -->\n        <div class=\"flex items-center cursor-pointer icon-btn w-max\" *ngIf=\"dataViews.taskViews.length > 0 && dataViews.type !== DataViewType.genericTaskView\"\n            [ngClass]=\"{'view-selected':selectedViewType === ViewType.TaskView}\" (click)=\"switchView(ViewType.TaskView)\">\n            <div class=\"flex gap-2 items-center data-view-btn-icon px-2 py-1\"\n                [ngClass]=\"{'border-right':selectedViewType === ViewType.TaskView && dataViews.taskViews.length > 1}\">\n                <mat-icon class=\"search-icon h-4 min-w-4 min-h-4 w-4\" [svgIcon]=\"'axo_list'\" ></mat-icon>\n                <div *ngIf=\"selectedViewType === ViewType.TaskView\" class=\"data-view-title axo-font\" [ngClass]=\"{'task-view-title' : selectedViewType === ViewType.TaskView}\" [matTooltip]=\"selectedDataView?.name\">\n                  {{selectedDataView?.name}}</div>\n            </div>\n            <div class=\"flex items-center data-view-mat-select\" *ngIf=\"dataViews.listViews.length > 1 \">\n                <mat-select #taskViewListDropDown [disableOptionCentering]=\"true\">\n                <mat-option *ngFor=\"let taskView of dataViews.taskViews\" (click)=\"changeDataView(taskView,ViewType.TaskView )\">{{taskView.name}}\n                </mat-option>\n                </mat-select>\n            </div>\n        </div>\n\n        <!-- Data List view Dropdown -->\n        <div class=\"flex items-center cursor-pointer icon-btn w-max\" *ngIf=\"dataViews.taskViews.length === 0 &&(dataViews.listViews.length > 0 || screenType === ScreenType.dataViewBuilder)\"\n          [ngClass]=\"{'view-selected':selectedViewType === ViewType.DataListView}\" (click)=\"switchView(ViewType.DataListView)\">\n          <div class=\"flex gap-2 items-center data-view-btn-icon px-2 py-1\"\n            [ngClass]=\"{'border-right':selectedViewType === ViewType.DataListView && dataViews.listViews.length > 1}\">\n            <mat-icon class=\"search-icon h-4 min-w-4 min-h-4 w-4\" [svgIcon]=\"'axo_list'\" ></mat-icon>\n            <div *ngIf=\"selectedViewType === ViewType.DataListView\" class=\"data-view-title axo-font\" [ngClass]=\"{'task-view-title' : selectedViewType === ViewType.TaskView}\" [matTooltip]=\"selectedDataView?.name\">\n          {{selectedDataView?.name}}</div>\n          </div>\n          <div class=\"flex items-center data-view-mat-select\" *ngIf=\"dataViews.listViews.length > 1 \">\n            <mat-select #listViewListDropDown class=\"data-view-select\" [disableOptionCentering]=\"true\">\n              <mat-option value=\"dataViews.listViews\" *ngFor=\"let listView of dataViews.listViews\" (click)=\"changeDataView(listView,ViewType.DataListView )\">{{listView.name}}\n              </mat-option>\n            </mat-select>\n          </div>\n        </div>\n\n        <!-- Data Map view Dropdown -->\n        <div class=\"flex items-center cursor-pointer icon-btn w-max\" *ngIf=\"dataViews.mapViews.length > 0 || screenType === ScreenType.dataViewBuilder\"\n          [ngClass]=\"{'view-selected':selectedViewType === ViewType.MapView}\" (click)=\"switchView(ViewType.MapView)\">\n          <div class=\"flex gap-2 items-center data-view-btn-icon px-2 py-1\"\n            [ngClass]=\"{'border-right':selectedViewType === ViewType.MapView && dataViews.mapViews.length > 1}\">\n            <mat-icon class=\"search-icon h-4 min-w-4 min-h-4 w-4\" [svgIcon]=\"'axo_location'\" ></mat-icon>\n            <div *ngIf=\"selectedViewType === ViewType.MapView\" class=\"data-view-title axo-font\" [ngClass]=\"{'task-view-title' : selectedViewType === ViewType.TaskView}\" [matTooltip]=\"selectedDataView?.name\">\n              {{selectedDataView?.name}}</div>\n          </div>\n          <div class=\"flex items-center data-view-mat-select\" *ngIf=\"dataViews.mapViews.length > 1\">\n            <mat-select #mapViewListDropDown class=\"data-view-select\" [disableOptionCentering]=\"true\">\n              <mat-option value=\"dataViews.mapViews\" *ngFor=\"let mapView of dataViews.mapViews\" (click)=\"changeDataView(mapView,ViewType.MapView )\">{{mapView.name}}</mat-option>\n            </mat-select>\n          </div>\n        </div>\n\n        <!-- Data Board view Dropdown -->\n        <div class=\"flex items-center cursor-pointer icon-btn w-max\" *ngIf=\"dataViews.boardViews.length > 0 || screenType === ScreenType.dataViewBuilder\"\n          [ngClass]=\"{'view-selected':selectedViewType === ViewType.BoardView}\" (click)=\"switchView(ViewType.BoardView)\">\n          <div class=\"flex gap-2 items-center data-view-btn-icon  px-2 py-1\"\n            [ngClass]=\"{'border-right':selectedViewType === ViewType.BoardView && dataViews.boardViews.length > 1}\">\n            <mat-icon class=\"h-4 min-w-4 min-h-4 w-4\" [svgIcon]=\"'axo_grid'\" ></mat-icon>\n            <div *ngIf=\"selectedViewType === ViewType.BoardView\" class=\"data-view-title axo-font\" [ngClass]=\"{'task-view-title' : selectedViewType === ViewType.TaskView}\" [matTooltip]=\"selectedDataView?.name\">\n              {{selectedDataView?.name}}</div>\n          </div>\n          <div class=\"flex items-center data-view-mat-select\" *ngIf=\"dataViews.boardViews.length > 1\">\n            <mat-select #boardViewListDropDown  class=\"data-view-select\" [disableOptionCentering]=\"true\">\n              <mat-option value=\"dataViews.boardViews\"  *ngFor=\"let boardView of dataViews.boardViews\" (click)=\"changeDataView(boardView,ViewType.BoardView)\">{{boardView.name}}\n              </mat-option>\n            </mat-select>\n          </div>\n\n        </div>\n      </div>\n      <div class=\"searchBox-btton-wrapper\" >\n        <!-- Search Box Start-->\n        <div class=\"items-center flex\" [ngClass]=\"{'search-field-border' : showSearch}\">\n          <button (click)=\"showSearchBox()\" class=\"flex items-center\" [ngClass]=\"{'ml-1' : showSearch}\" *ngIf=\"showSearch\">\n            <mat-icon class=\"data-view-search-icon\"\n              [svgIcon]=\"'heroicons_solid:search'\" [ngClass]=\"{'w-6 min-w-6 h-6 min-h-6' : !showSearch}\"></mat-icon>\n          </button>\n          <input id=\"field-search\" autocomplete=\"off\" placeholder=\"Search...\" matInput class=\"search-bar chart-title\"\n            (keyup)=\"getSearchedData($event.target['value'])\" [style.width]=\"!showSearch ? '0' : '100%'\"/>\n          <mat-icon (click)=\"clear()\" *ngIf=\"showSearch\" class=\"clear_icon text-base cursor-pointer\">clear</mat-icon>\n          <button (click)=\"showSearchBox()\" class=\"flex items-center icon-btn\" *ngIf=\"!showSearch\">\n            <mat-icon class=\"data-view-search-icon\"\n              [svgIcon]=\"'heroicons_solid:search'\" [ngClass]=\"{'w-6 min-w-6 h-6 min-h-6' : !showSearch}\"></mat-icon>\n          </button>\n        </div>\n        <!-- Configure Info Window button for map view and board view -->\n        <button *ngIf=\"selectedDataView && screenType === ScreenType.dataViewBuilder && (selectedViewType === ViewType.BoardView || selectedViewType === ViewType.MapView) && selectedDataView.id\" class=\"primary-btn axo-font\" (click)=\"createCache()\">Configure Info Window</button>\n        <!-- Group by dropdown for Task List -->\n        <div class=\"items-center search-field flex\" *ngIf=\"dataViews.type === DataViewType.genericTaskView\">\n              <mat-select placeholder=\"Group By\" [disableOptionCentering]=\"true\" class=\"task-list-group-selection axo-font\">\n                <mat-option (click)=\"taskGroupBy.emit('')\"  value=\"\" class=\"task-list-group-selection-option axo-font\">None</mat-option>\n                <mat-option (click)=\"taskGroupBy.emit(TaskGroupType.workflowInstance)\" value=\"WorkflowInstance\" class=\"task-list-group-selection-option axo-font\">WorkflowInstance</mat-option>\n                <!-- <mat-option (click)=\"taskGroupBy.emit(TaskGroupType.user) \"value=\"User\" class=\"task-list-group-selection-option axo-font\">User</mat-option> -->\n              </mat-select>\n        </div>\n\n        <button *ngIf=\"screenType === ScreenType.dataViewBuilder && ViewType.TaskView !== selectedViewType\" class=\"primary-btn axo-font\" (click)=\"createNewView.emit(selectedViewType)\"> Create {{selectedViewType}}</button>\n      </div>\n\n    </div>\n  </div>\n    <!--Form Objects Filter component -->\n    <div class=\"data-view-filter-container\">\n    <!-- Dedicated Filters for For Action Task list And Asset list -->\n    <lib-data-view-filters  class=\"w-full\"\n          [screenType]=\"screenType\"\n          [selectedViewType]=\"selectedViewType\"\n          [filters]=\"dataViews.filters\"\n          [appVersionId]=\"appVersionId\"\n          [showAssignToButton]=\"showAssignToButton\"\n          [dataViews]=\"dataViews\"\n          (applyFilterEmit)=\"applyFilter.emit($event)\"\n          (resetFilterEmit)=\"resetFilter.emit($event)\"\n          [form]=\"axForm\"\n          (assign)=\"assign.emit()\"\n          (addNewRecord)=\"addNewRecord.emit()\"\n          (generateQR)=\"generateQR.emit()\"\n          (refreshData)=\"refreshData.emit()\"\n          (exportData)=\"exportData.emit($event)\"\n          [userEmail]=\"userEmail\">\n    </lib-data-view-filters>\n\n    <!-- Generic Filter List -->\n    <!-- This filter will be used in future for generic task list. -->\n    <!-- <axo-filters *ngIf=\"dataViews.type === DataViewType.genericTaskView\" class=\"w-full\"\n        [screenType]=\"screenType\"\n        [selectedViewType]=\"selectedViewType\"\n        [filters]=\"dataViews.filters\"\n        (applyFilterEmit)=\"applyFilter.emit($event)\"\n        (resetFilterEmit)=\"resetFilter.emit($event)\"\n        [form]=\"axForm\"\n        [appVersionId]=\"appVersionId\"\n        (addNewRecord)=\"addNewRecord.emit()\"\n        (refreshData)=\"refreshData.emit()\"\n        (exportData)=\"exportData.emit($event)\"\n        [userEmail]=\"userEmail\">\n    >\n\n    </axo-filters> -->\n    </div>\n\n  </div>\n", styles: ["lib-data-view-header{display:block;width:100%;max-width:100%}lib-data-view-header .data-list-header{margin-top:.5rem;width:100%;max-width:100%}lib-data-view-header .data-list-header .data-view-header-contianer{width:100%;display:flex;align-items:center;justify-content:space-between;margin-right:auto;margin-left:auto;height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;flex-wrap:wrap}@media screen and (max-width: 1024px){lib-data-view-header .data-list-header .data-view-header-contianer{padding-left:1rem;padding-right:1rem;height:6.5rem}}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper{display:flex;column-gap:.75rem;align-items:center;width:calc(100% - 25.875rem)}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper ::ng-deep .mat-select-value{display:none}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper .data-view-title{color:#404040;font-size:14px;margin:.2rem .4rem;font-weight:500}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper .view-selected{background:#E1E7EF;border-radius:3px}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper .data-view-btn-icon{padding:.4rem .2rem}lib-data-view-header .data-list-header .data-view-header-contianer .data-view-dropdown-wrapper .border-right{border-right:.5px solid #C0CCDD}lib-data-view-header .data-list-header .data-view-header-contianer .searchBox-btton-wrapper{display:flex;align-items:center;column-gap:1rem}@media screen and (max-width: 1024px){lib-data-view-header .data-list-header .data-view-header-contianer .searchBox-btton-wrapper{width:100%;justify-content:flex-end}}lib-data-view-header .data-list-header .task-list-group-selection{border:1px solid #636E8D;border-radius:38px;width:9rem;padding:5px 12px;color:#636e8d;font-size:12px}lib-data-view-header .search-bar{width:7rem;height:2rem;margin-top:0;color:#292929}lib-data-view-header .data-view-search-icon{height:1.1rem;width:1.1rem;min-width:1.1rem;min-height:1.1rem}lib-data-view-header .data-view-filter-container{display:flex;align-items:center}.task-list-group-selection-option .mat-option-text{color:#636e8d;font-size:12px}.data-view-filter-container{display:flex;justify-content:space-between;flex-wrap:nowrap;padding:0 1.5rem 1rem;width:100%;max-width:100%}@media screen and (max-width: 1024px){.data-view-filter-container{padding:0 1rem .5rem}}.data-view-select{display:inline-flex!important}.data-view-select .mat-select-value-text{display:none!important}.data-view-header-overlay-panel{margin-top:1.8rem;transform:translate(-1.563rem)!important}\n"] }]
    }], function () { return [{ type: i1.DataViewService }]; }, { taskViewListDropDown: [{
            type: ViewChild,
            args: ['taskViewListDropDown']
        }], listViewListDropDown: [{
            type: ViewChild,
            args: ['listViewListDropDown']
        }], mapViewListDropDown: [{
            type: ViewChild,
            args: ['mapViewListDropDown']
        }], boardViewListDropDown: [{
            type: ViewChild,
            args: ['boardViewListDropDown']
        }], dataViews: [{
            type: Input
        }], axForm: [{
            type: Input
        }], selectedViewType: [{
            type: Input
        }], selectedDataView: [{
            type: Input
        }], screenType: [{
            type: Input
        }], appVersionId: [{
            type: Input
        }], userEmail: [{
            type: Input
        }], showAssignToButton: [{
            type: Input
        }], switchDataView: [{
            type: Output
        }], createNewView: [{
            type: Output
        }], dataViewChanged: [{
            type: Output
        }], applyFilter: [{
            type: Output
        }], resetFilter: [{
            type: Output
        }], taskGroupBy: [{
            type: Output
        }], searchEvent: [{
            type: Output
        }], addNewRecord: [{
            type: Output
        }], generateQR: [{
            type: Output
        }], refreshData: [{
            type: Output
        }], exportData: [{
            type: Output
        }], assign: [{
            type: Output
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 