WebBuild/wwwroot/bundle/index.reportviewer.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Charts;
            (function (Charts) {
                class ChartBuilderVariables {
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new ChartBuilderVariables();
                        }
                        return this.instance;
                    }
                }
                Charts.ChartBuilderVariables = ChartBuilderVariables;
            })(Charts = Analytics.Charts || (Analytics.Charts = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

class DataList {
}
class ViewerTypesModel {
}
class TemplateModel {
}
class CalendarModel {
}
class MapModel {
}
class CardModel {
}
class DataListColumns {
}
class PaginationObject {
    constructor() {
        this.last_page = 0;
    }
}
class ReportObject {
    constructor() {
        this.Filter = [];
        this.ReportColumns = [];
        this.LinkSubReport = false;
    }
}
class ReportHeader {
}
class ReportColumn {
}
class DynamicFilter {
    constructor() {
        this.CascadingFilters = [];
    }
}
class CommonFilter {
}
class CommonFilterColumn {
}
class ChartColumn {
}
class ReportModel {
}
class SubreportModel {
}
class Condtion {
}
class Rules {
}
class Report {
    constructor() {
        this.Filter = [];
        this.InputParameters = [];
        this.DateFilter = [];
        this.DynamicParameters = [];
    }
}
class HiddenParameters {
}
class AutocompleteFilter {
}
class DateFilter {
}
class NestedTableModel {
}
class DynamicFilterModel {
}
class SelectedColumns {
}
class PivotColumns {
}

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Reports;
            (function (Reports) {
                class Tenure extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.TenureTableData = [];
                        this.TenureReportColumns = [];
                        this.TenureInterval = "";
                        this.reportManager = Analytics.Managers.ReportManager.Instance();
                    }
                    jsFiles() {
                        return ["platform/analytics/components/mapviewer/mapviewer.settings.js"];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        var html = `<div class="b-b bg-white modal-header"><strong class="text-dark" id="TenureTableHeader` + containerid + `"> </strong></div><div class="` + containerid + `-TenureTable-canvas" id="table-canvan"></div><div class="footer bg-white"><button id="btn-tenure-report-close" class="btn-tenureReport-close btn btn-secondary btn-sm mr-auto">Close</button></div>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        $("#btn-tenure-report-close").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        $("#TenureTableHeader" + containerid).html(Unibase.Platform.Analytics.Reports.Tenure.Instance().TenureInterval);
                        var autoNumFormatter = function (cell) {
                            var row = cell.getRow();
                            var rowIndex = row.getPosition(false);
                            return (rowIndex + 1);
                        };
                        let serviceurl = "apis/v4/unibase/platform/analytics/tabledata";
                        serviceurl = _appsettings.server_url() + (serviceurl.startsWith('/') ? serviceurl : ('/' + serviceurl));
                        instance.TenureTable = new Tabulator("." + containerid + "-TenureTable-canvas", {
                            columns: [
                                { title: "", formatter: autoNumFormatter, frozen: true, minWidth: 40, width: 40 },
                                { title: "LastColumn", field: "LastColumn", visible: false, headerSort: false }
                            ],
                            layout: "fitColumns",
                            movableColumns: true,
                            placeholder: "No data available",
                        });
                        if ($(".tabulator-placeholder span").text() == "No data available") {
                            $(".tabulator-placeholder").css('width', '');
                        }
                        var height = $(window).height() - 100 + "px";
                        instance.TenureTable.setHeight(height);
                        instance.TenureTable.setColumns(instance.TenureReportColumns);
                        instance.TenureTable.setData(instance.TenureTableData);
                        return instance.TenureTable;
                    }
                    tenureDetailsTable(TimeInterval) {
                        Unibase.Platform.Analytics.Reports.Tenure.Instance().TenureReportColumns = [];
                        var instance = Unibase.Platform.Analytics.Reports.ReportBuilder.Instance();
                        if (instance.TenureReport.length != 0) {
                            var autoNumFormatter = function (cell) {
                                var row = cell.getRow();
                                var rowIndex = row.getPosition(false);
                                return (rowIndex + 1);
                            };
                            Unibase.Platform.Analytics.Reports.Tenure.Instance().TenureReportColumns.push({ title: "", formatter: autoNumFormatter, frozen: true, minWidth: 50, width: 50 });
                            let repObj = new ReportObject();
                            let pivotCol = instance.pivot.ColumnName;
                            repObj.DataListId = Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().DataListId;
                            repObj.Interval = TimeInterval;
                            repObj.StaticFilter = instance.queryBuilderString;
                            if (instance.selectedColumns.length > 0) {
                                for (var i = 0; i < instance.selectedColumns.length; i++) {
                                    let col = new ReportColumn();
                                    col.ColumnValue = Number(instance.selectedColumns[i]["ColumnId"]);
                                    col.ReportColumnName = instance.selectedColumns[i]["ColumnName"];
                                    col.AliasName = instance.selectedColumns[i]["AliasName"];
                                    col.DisplayText = instance.selectedColumns[i]["DisplayText"];
                                    col.DataType = instance.selectedColumns[i]["DataType"];
                                    col.AggrFuncId = Reports.Enums.AggregationType.none;
                                    col.SortType = instance.selectedColumns[i]["SortOrder"];
                                    col.GroupBy = instance.selectedColumns[i]["GroupBy"];
                                    col.IsPivotAggrColumn = false;
                                    col.IsPivotColumn = false;
                                    col.IsPivotRow = false;
                                    col.IsPivotRowSelected = false;
                                    col.IsPivotParentColumn = false;
                                    col.IsPivotChildColumn = false;
                                    col.PivotValue = 0;
                                    col.PivotValueSelected = isNaN(instance.pivot.PivotValue_Selected) ? 0 : instance.pivot.PivotValue_Selected;
                                    col.PivotDateType = isNaN(instance.pivot.DateType) ? 0 : instance.pivot.DateType;
                                    col.TimeInterval = "";
                                    col.ColumnFormat = instance.selectedColumns[i]["ColumnFormat"];
                                    col.YearComparisonType = instance.selectedColumns[i]["YearComparisonType"] == undefined ? 0 : instance.selectedColumns[i]["YearComparisonType"];
                                    if (pivotCol == col.ReportColumnName) {
                                        col.IsPivotColumn = true;
                                    }
                                    repObj.ReportColumns.push(col);
                                    Unibase.Platform.Analytics.Reports.Tenure.Instance().TenureReportColumns.push({ title: col.DisplayText, field: col.ReportColumnName });
                                }
                            }
                            instance.reportManager.getTableData(repObj).then(function (response) {
                                let res = JSON.parse(response.result);
                                Unibase.Platform.Analytics.Reports.Tenure.Instance().TenureTableData = JSON.parse(res.Data);
                                Unibase.Platform.Analytics.Reports.Tenure.Instance().TenureInterval = TimeInterval;
                                instance.navigationHelper.popup(0, '', Unibase.Platform.Analytics.Reports.Tenure.Instance(), null, Platform.Helpers.Size.Medium);
                            });
                        }
                    }
                    tenureViewerDetails(TimeInterval) {
                        var instance = this;
                        instance.TenureReportColumns = [];
                        var autoNumFormatter = function (cell) {
                            var row = cell.getRow();
                            var rowIndex = row.getPosition(false);
                            return (rowIndex + 1);
                        };
                        instance.TenureReportColumns.push({ title: "", formatter: autoNumFormatter, frozen: true, minWidth: 50, width: 50 });
                        let repObj = new ReportObject();
                        instance.reportManager.getReportById(instance.ReportId).then(function (response) {
                            var res = response.result;
                            repObj.DataListId = res.DataListId;
                            repObj.Interval = TimeInterval;
                            repObj.StaticFilter = res.StaticFilter;
                        }).then(function () {
                            return __awaiter(this, void 0, void 0, function* () {
                                yield instance.reportManager.getColumns(instance.ReportId).then(function (response) {
                                    var data = response.result;
                                    for (var i = 0; i < data.length; i++) {
                                        let col = new ReportColumn();
                                        col.ColumnValue = data[i].ColumnValue;
                                        col.ReportColumnName = data[i].ReportColumnName;
                                        col.DisplayText = data[i].DisplayText;
                                        col.AliasName = data[i].DisplayText;
                                        col.DataType = Number(data[i].DataType);
                                        col.AggrFuncId = Reports.Enums.AggregationType.none;
                                        col.SortType = data[i].SortType;
                                        col.GroupBy = data[i].GroupBy;
                                        col.IsPivotAggrColumn = false;
                                        col.IsPivotColumn = data[i].IsPivotColumn;
                                        col.IsPivotRow = false;
                                        col.IsPivotRowSelected = false;
                                        col.IsPivotParentColumn = false;
                                        col.IsPivotChildColumn = false;
                                        col.PivotValue = 0;
                                        col.PivotValueSelected = data[i].PivotValueSelected;
                                        col.PivotDateType = Number(data[i].PivotDateType);
                                        col.TimeInterval = "";
                                        col.ColumnFormat = data[i].ColumnFormat;
                                        col.YearComparisonType = data[i].YearComparisonType;
                                        repObj.ReportColumns.push(col);
                                        Unibase.Platform.Analytics.Reports.Tenure.Instance().TenureReportColumns.push({ title: col.DisplayText, field: col.ReportColumnName });
                                    }
                                });
                            });
                        }).then(function () {
                            return __awaiter(this, void 0, void 0, function* () {
                                yield instance.reportManager.getTableData(repObj).then(function (response) {
                                    let res = JSON.parse(response.result);
                                    Unibase.Platform.Analytics.Reports.Tenure.Instance().TenureTableData = JSON.parse(res.Data);
                                    Unibase.Platform.Analytics.Reports.Tenure.Instance().TenureInterval = TimeInterval;
                                    instance.navigationHelper.popup(0, '', Unibase.Platform.Analytics.Reports.Tenure.Instance(), null, Platform.Helpers.Size.Medium);
                                });
                            });
                        });
                    }
                    CheckedTenure() {
                        $(".table-metrics").addClass("hidden");
                        $("#XAxis").addClass("hidden");
                        $("#YAxis").addClass("hidden");
                        $("#GroupBy").addClass("hidden");
                        $("#SortColumns").removeClass("hidden");
                        $("#ChartIcon_PaintBrush").attr("disabled", "true");
                        $("#ChartIcon_Forms").attr("disabled", "true");
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new Unibase.Platform.Analytics.Reports.Tenure();
                        return this._instance;
                    }
                }
                Reports.Tenure = Tenure;
            })(Reports = Analytics.Reports || (Analytics.Reports = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Reports;
            (function (Reports) {
                class ReportBuilder_Template {
                    loadDataListsTemplate() {
                        let html = `<option value="{{Value}}"> {{SelectText}} </option>`;
                        return html;
                    }
                    loadDataListColumnsTemplate() {
                        let html = `<li class="dd-item dd3-item pt-5 pl-10 pr-5 li_{{ColumnId}}" id="li_{{ColumnId}}" style="list-style-type:none"> 
                        <div class=""> <span id="ColDataType" class="hidden"> </span>
                        <div class="dd3-content col-sm-12" id="Column_{{ColumnId}}" draggable="true">
                        <div class="row"> 
                        <small class="col-sm-2 mt-1" id="ColDataType_icon"> </small>
                        <span class="pl-10 ColumnName" title="{{ColumnName}}"> <span> {{TrimmedColumnName}} </span> </span>
                        <input type="text" class="DisplayText col-sm-3 p-0 hidden" onkeyup="ReportBuilder.Instance().tableAliasName({{ColumnId}},'{{ColumnName}}')">
                        <span class="pl-30 col-sm-2 Aggregation hidden"> 
                        <select class="border-light border-3 AggrFunc" id="cmbAggrFuncDraggedList_{{ColumnId}}" onchange="ReportBuilder.Instance().changeAggregation({{ColumnId}},'{{ColumnName}}')" style="width:90px;"></select></span> 
                        <span class="col-sm-1 Options text-right hidden">
                        <a class="pa-0 dropdown-toggle no-caret" data-toggle="dropdown" onclick="">
                        <i class="fa fa-ellipsis-v"></i></a> <div class="dropdown-menu dropdown-menu-right">	
                        <a class="dropdown-item" href="javascript:;" onclick="ReportBuilder.Instance().showOrHideColumnsInTable({{ColumnId}},'{{ColumnName}}')">
                        <i class="dropdown-icon fa fa-eye-slash" id="DropDown_Eye_EyeSlash"></i>
                        <span id="ShowOrHideColumn">Hide Column</span> </a>
                        <a class="dropdown-item " href="javascript:;"><i class="dropdown-icon zmdi zmdi-laptop-mac"></i>
                        <span>Is Filterable</span></a><div class="dropdown-divider"></div>
                        <div class="sub-dropdown-menu show-on-hover"><a href="javascript:;" class="dropdown-toggle dropdown-item no-caret">
                        <i class="zmdi zmdi-swap-vertical"></i>Sort by </a>
                        <div class="dropdown-menu open-left-side">
                        <a class="dropdown-item" onclick="javascript: ReportBuilder.Instance().ascendingOrder({{ColumnId}},'{{ColumnName}}');" href="javascript:;">
                        <i class="dropdown-icon zmdi zmdi-caret-up"></i><span>Ascending</span></a>
                        <a class="dropdown-item" onclick="javascript: ReportBuilder.Instance().descendingOrder({{ColumnId}},'{{ColumnName}}');" href="javascript:;">
                        <i class="dropdown-icon zmdi zmdi-caret-down"></i>	<span>Descending</span>	</a>
                        </div></div></div> </span> 
                        <span class="col-sm-1 text-right hidden" id="DeleteSelectedColumn">
                        <a class="pa-0 dropdown-toggle no-caret" data-toggle="dropdown" onclick="ReportBuilder.Instance().deleteSelectedColumn({{ColumnId}},'{{ColumnName}}')">
                        <i class="fa fa-close"></i></a>  </span>
                        </div> </div> </div>
                        </li>`;
                        return html;
                    }
                    loadToolTipColumn(ColumnId, AliasName, DataType, DisplayText) {
                        let tooltipHtml = `<div class="dsl-block datagroup inline-edit" id="dsl_tool_column_${AliasName}">
                                            <span>
												<i class="las la-braille dragger"></i>
                                            <div class="dsl-block-name">
                                            <input type="text" id="txttooltipedit" required="required" value="${DisplayText}" class="edit text-truncate" disabled>
                                            <button type="reset" title="Click me to clear the input field" class="reset-text font-18 hidden" onclick ="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().toolTipEdit('${AliasName}')">&times;</button>
                                            </div>
                                                </span>
                                                <span>
                                                <a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover inline-edit-btn text-dark" href="javascript:;"><span class="btn-icon-wrap">
                                                    <span class="line-icon">
                                                        <i class="las la-pen font-20"></i>
                                                    </span>
                                                </span></a>
                                                <a class="btn btn-xs btn-icon btn-rounded dsl-block-close text-dark" href="javacript:;" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().removeSelectedToolTip('${AliasName}')"><span class="line-icon">
                                                        <i class="las la-times font-18 mt-1"></i>
                                                    </span></a></span>
                                            </div></div>`;
                        return tooltipHtml;
                    }
                    loadSelect2Column(ColumnId, ColumnName, DataType) {
                        let Coordinathtml = "";
                        let hiddenClass = '';
                        if (Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart)
                            hiddenClass = 'd-none';
                        Coordinathtml += `<div class="dsl-block datagroup column_${ColumnName}" id="dsl_column_${ColumnName}"><span><i class="las la-braille dragger"></i><span class="dsl-block-name">${ColumnName}</span></span><span>`;
                        if (DataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime || Unibase.Platform.Analytics.Reports.Enums.DataType.decimal) {
                            Coordinathtml += `<div class="dropdown dsl_column_filters"><span class="dropdown-toggle flush-soft-hover no-caret"  onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().clickedTableCaret(` + ColumnId + `,'` + ColumnName + `',` + DataType + `)" data-toggle="dropdown" aria-expanded="false"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-ellipsis-v text-dark font-21"></i></span></span></span><ul class="dropdown-menu dropdown-menu-right dropdown-radio dropdown-menu-` + ColumnId + `"><li><h6 class="dropdown-header" href="javascript:;" >` + ColumnName + `</h6></li><div class="dropdown-divider"></div><li id="dropdown_Aggregation_` + ColumnName.replace(" ", "") + `"><div class="sub-dropdown-menu show-on-hover"><a class="dropdown-item" href="javascript:;" onclick=""><span id="AggregateOperation"> Aggregation </span></a><div class="dropdown-menu dropdown-radio"></div></div></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsFilterableColumn_table(` + ColumnId + `,'` + ColumnName + `')"><span id="IsFilterableColumn">IsFilterable<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsFilterable_` + ColumnName.replace(" ", "") + `"></i></span></a></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsPrimaryKey(` + ColumnId + `,'` + ColumnName + `')"><span id="IsPrimaryKeyColumn">IsPrimaryKey<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsPrimaryKey_` + ColumnName.replace(" ", "") + `"></i></span> </a></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsContactColumn(` + ColumnId + `,'` + ColumnName + `')"><span id="IsContactColumn" class="flex-between-center">IsContactColumn<i class="dropdown-icon fa fa-check pull-right hidden text-primary font-16"  id="DropDown_IsContactColumn_` + ColumnName.replace(" ", "") + `"></i></span></a></li><li id="ColumnFormat_` + ColumnName + `"><div class="sub-dropdown-menu show-on-hover"><a class="dropdown-item d-inline" href="javascript:;" onclick=""><span id="ColumnFormat">Date Format </span></a><div class="dropdown-menu dropdown-radio open-left-side dropdown-menu-scrollbar" style="max-height : 400px; overflow-y : scroll"></div></div></li><div class="dropdown-divider"></div><input type="text" class="form-control" id="displayText_` + ColumnName + `" value=` + ColumnName + ` onkeyup="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().updateSelect2DisplayText('displayText_` + ColumnName + `','dsl_column_` + ColumnName + `')"><div class="dropdown-divider"></div><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().showOrHideColumn_table(` + ColumnId + `,'` + ColumnName + `')"><span id="ShowOrHideColumn">Hide Column</span></a></li> <li><a class="dropdown-item link-danger ${hiddenClass}" href="javascript:;" onclick=""><span id="RemoveSelectedColumn" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectedColumn_table(` + ColumnId + `,'` + ColumnName + `')"> Remove Column </span></a></li></ul></div>`;
                        }
                        else {
                            Coordinathtml += `<div class="dropdown dsl_column_filters"><span class="dropdown-toggle flush-soft-hover no-caret"  onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().clickedTableCaret(` + ColumnId + `,'` + ColumnName + `',` + DataType + `)" data-toggle="dropdown" aria-expanded="false"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-ellipsis-v text-dark font-21"></i></span></span></span><ul class="dropdown-menu dropdown-menu-right dropdown-radio dropdown-menu-` + ColumnId + `"><li><h6 class="dropdown-header">` + ColumnName + `</h6></li><div class="dropdown-divider"></div><li id="dropdown_Aggregation_` + ColumnName.replace(" ", "") + `"><div class="sub-dropdown-menu show-on-hover"><a class="dropdown-item" href="javascript:;" onclick=""><span id="AggregateOperation"> Aggregation </span></a><div class="dropdown-menu dropdown-radio"></div></div></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsFilterableColumn_table(` + ColumnId + `,'` + ColumnName + `')"><span id="IsFilterableColumn">IsFilterable<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsFilterable_` + ColumnName.replace(" ", "") + `"></i></span> </a></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsPrimaryKey(` + ColumnId + `,'` + ColumnName + `')"><span id="IsPrimaryKeyColumn">IsPrimaryKey<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsPrimaryKey_` + ColumnName.replace(" ", "") + `"></i></span> </a></li><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsContactColumn(` + ColumnId + `,'` + ColumnName + `')"><span id="IsContactColumn" class="flex-between-center">IsContactColumn<i class="dropdown-icon fa fa-check pull-right hidden text-primary font-16"  id="DropDown_IsContactColumn_` + ColumnName.replace(" ", "") + `"></i></span> </a></li>
                            <div class="dropdown-divider"></div><input type="text" class="form-control" id="displayText_` + ColumnName + `" value=` + ColumnName + ` onkeyup="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().updateSelect2DisplayText('displayText_` + ColumnName + `','dsl_column_` + ColumnName + `')"><div class="dropdown-divider"></div></div><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().showOrHideColumn_table(` + ColumnId + `,'` + ColumnName + `')"><span id="ShowOrHideColumn">Hide Column</span> </a></li> <li><a class="dropdown-item link-danger" href="javascript:;" onclick=""><span id="RemoveSelectedColumn" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectedColumn_table(` + ColumnId + `,'` + ColumnName + `')"> Remove Column </span></a></li></ul></div>`;
                        }
                        Coordinathtml += `<a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover dsl-block-close" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectedColumn_table(` + ColumnId + `,'` + ColumnName + `')"><span class="btn-icon-wrap" ><span class="line-icon"><i class="las la-times font-16"></i></span></span></a></span></div>`;
                        return Coordinathtml;
                    }
                    loadPivotForm() {
                        let pivotHtml = `<div id="drawer_push" class="biz-drawer biz-drawer drawer-small drawer-right custom-right-chart-nav">`;
                        pivotHtml += `<ul class="nav nav-light nav-tabs">
				                            <li class="nav-item">
					                            <a class="nav-link active" data-toggle="tab" href="#tab_dynamic_pivote">
						                            <span class="nav-link-text">Dynamic</span>
					                            </a>
				                            </li>
				                            <li class="nav-item">
					                            <a class="nav-link" data-toggle="tab" href="#tab_normal_pivote">
						                            <span class="nav-link-text">Normal</span>
					                            </a>
				                            </li>
			                            </ul>`;
                        this.pivotFormHtml = `
                <div class="tab-content mt-0">
					<div class="tab-pane fade active show" id="tab_dynamic_pivote">
						<div data-simplebar class="simple-scroll-bar">
							<div class="drawer-header">
								<h6>Dynamic Filter<span class="badge badge-green badge-pill ml-5"></span></h6>
								<div class="d-flex align-items-center">
									<button class="btn btn-xs btn-outline-secondary mr-15" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('dynamicFilter_select')">reset</button>
									<button type="button" class="drawer-close close">
										<span aria-hidden="true">×</span>
									</button>
								</div>
							</div>
							<div class="card-body">
                                <div class="form-group d-flex align-items-center" id="div_pindynamicfiltes">
                                    <input type="checkbox" class="ck_bx_pindynamicfiltes mr-10" id="pindynamicfilters_checkbox"><label for="pindynamicfilters_checkbox" class="mb-0">
                                    Pin Dynamic Filters</label>
                                </div>
                                <div class="form-group d-flex align-items-center" id="div_showdatalistcolumns">
                                    <input type="checkbox" class="ck_bx_showdatalistcolumns mr-10" id="showdatalistcolumns_checkbox"><label for="showdatalistcolumns_checkbox" class="mb-0">
                                    Show Datalist Columns</label>
                                </div>
								<select class="form-control custom-select" id="dynamicFilter_select">
                                      <option selected>- Select Columns -</option>
								</select>
                            <div class="dynamic-list-group-wrapper ui-sortable dsl-block-wrap mt-10 p-0" id="dynamic-list-group-wrapper">
							</div>
							</div>
						</div>
					</div>

                        
					<div class="tab-pane fade p-0" id="tab_normal_pivote">
                            <div class="drawer-header">
				                <h6>Pivot Filter<span class="badge hidden badge-pink badge-pill ml-5">4</span></h6>
				                <div class="d-flex align-items-center">
					                <button class="btn btn-xs btn-outline-secondary mr-15" id="reset_pivot_details">reset</button>
					                <button type="button" class="drawer-close close" id="pivot-close-btn">
						                <span aria-hidden="true">&times;</span>
					                </button>
				                </div>
			                </div>
			                <div class="drawer-body"><div data-simplebar class="simple-scroll-bar">
					                <div class="drawer-content-wrap">
                                        <form id="" method="post" class="" data-formuniquekey="" data-validate="parsley">
                                        <div id="" class="clear bizgaze_FormErrorMessages"></div>

                                    <div class="form-group" id="div_pivotType">
                                    <div class="d-flex align-items-center justify-content-between mb-10">
                                    <select class="form-control custom-select pivotType" id="pivotType_Select2" onchange="Unibase.Platform.Analytics.Reports.Pivot.Instance().selectedpivotType(0)" required>
                                    <option value="0" data-select2-id="16">-Select-</option>
                                    <option value="1" data-select2-id="16">Pivot</option>
                                    <option value="2" data-select2-id="132">Tree View</option>
                                    <option value="3" data-select2-id="133">Pivot TreeView</option>
                                    <option value="4" data-select2-id="133">TimeIntervel</option>
                                    <option value="5" data-select2-id="133">Pivot Table</option>
                                    </select>
                                    </div>
                                    </div>
                                      
                                         <div class="form-group hidden" id="div_PivotTableConfig">
                                                       <label>
                                                            PivotTable Configurations
                                                        </label>
                                                        <div>
                                                            <input type="checkbox" class="chkPivotTableConfig mr-10" onclick="" id="chkPivotTableConfig_checkbox">PivotTable Configurations
                                                        </div>
                                         </div>
	                                    <div class="form-group hidden" id="div_Intervals">
							                <label>
								                Time Intervals
                                            <span class="text-danger hidden"> *</span>
							                </label>
							                <input type="text" class="form-control" id="txt_TimeIntervals" placeholder="Time Intervals">
						                </div>
						                <div class="form-group hidden" id="div_PivotColumns">
							                <label>
								                Pivot Column
                                            <span class="text-danger hidden"> *</span>
							                </label>
							                <select class="form-control custom-select PivotColumns_AutoComplete" id="PivotColumns_AutoComplete" onchange="Unibase.Platform.Analytics.Reports.Pivot.Instance().changedPivotColumn()" required>
								                <option value="0" selected="">- Select Pivot Column -</option>
							                </select>
						                </div>
                                        <div class="form-group hidden" id="div_PivotDateType">
							                <label>
								                Date Type
                                            <span class="text-danger hidden"> *</span>
							                </label>
							                <select class="form-control custom-select PivotDateType" id="PivotDateType" onchange="Unibase.Platform.Analytics.Reports.Pivot.Instance().changedDateType()" required>
								                <option value="0" selected="">- Select Pivot Date Type -</option>
							                </select>
						                </div>	
						                <div class="form-group hidden" id="div_PivotAggrColumn">
							                <label>
								                Pivot Aggregation Column
							                </label>
							                <select class="form-control custom-select PivotAggrColumn" id="PivotAggrColumn" onchange="Unibase.Platform.Analytics.Reports.Pivot.Instance().changedPivotAggrColumn()" required>
								                <option value="0" selected="">- Select Aggregation Column -</option>
							                </select>
						                </div>	
						                <div class="form-group hidden" id="div_PivotAggrType">
							                <label>
								                Pivot Aggregation Type
                                            <span class="text-danger hidden"> *</span>
							                </label>
							                <select class="form-control custom-select PivotAggrType" id="PivotAggrType" required>
								                <option value="0" selected="">- Select Aggregation Type -</option>
                                        <option value="1">count</option>
                                        <option value="2">sum</option>
                                        <option value="3">average</option>
                                        <option value="4">max</option>
                                        <option value="5">min</option>
                                        <option value="6">month</option>
                                        <option value="7">year</option>
							                </select>
						                </div>
                                            <div class="form-group hidden" id="div_PivotRows">
							                <label>
								                Pivot Rows
                                            <span class="text-danger hidden"> *</span>
							                </label>
							                <select class="form-control custom-select PivotRows_Select2" id="PivotRows_Select2" multiple="multiple" required>
								                <option value="0" selected="">- Select Pivot Rows -</option>
							                </select>
						                </div>
                                         <div class="form-group hidden" id="div_datatreeexpand">
                                                       <label for="treeexpand_checkbox">
                                                            DataTreeExpand
                                                        </label>
                                                        <div>
                                                            <input type="checkbox" class="chktreeexpand mr-10" onclick="" id="chktreeexpand_checkbox">IsDataTreeExpand
                                                        </div>
                                         </div>
						                <div class="form-group hidden" id="div_PivotChildColumnName">
							                <label>
								                Pivot Child Column
                                            <span class="text-danger hidden"> *</span>
							                </label>
							                <select class="form-control custom-select PivotChildColumnName_AutoComplete" id="PivotChildColumnName_AutoComplete" onchange="Unibase.Platform.Analytics.Reports.Pivot.Instance().changedPivotChildColumn()" required>
								                <option value="0" selected="">- Select Pivot Child Column -</option>
							                </select>	
						                </div>	
                                        <div class="form-group hidden" id="div_PivotValue">
							                <label>
								                Pivot Value
                                            <span class="text-danger hidden"> *</span>
							                </label>
							                <select class="form-control custom-select PivotValue_AutoComplete" id="PivotValue_AutoComplete" required>
								                <option value="0" selected="">- Select Pivot Value -</option>
							                </select>
						                </div>	
						                <div class="form-group hidden" id="div_PivotParentColumnName">
							                <label>
								                Pivote Parent Column
                                            <span class="text-danger hidden"> *</span
							                </label>
							                <select class="form-control custom-select PivotParentColumnName_AutoComplete" id="PivotParentColumnName_AutoComplete" required>
								                <option value="0" selected="">Select Pivot Parent Column</option>
							                </select>
                                        </form>
						                </div></div></div></div>
                                        <div class="drawer-footer drawerFooterApplyPivot hidden">
                                            <a href="javascript:;" id="btn_ApplyPivot" class="btn btn-block btn-theme"> Apply </a>
			                            </div>
                                        </div>
                                        </div>
				                     	`;
                        pivotHtml += this.pivotFormHtml;
                        pivotHtml += `</div>`;
                        return pivotHtml;
                    }
                    loadSortSelect2Column(ColumnId, ColumnName, DataType) {
                        let sortColumnHtml = "";
                        sortColumnHtml += `<div class="dsl-block datagroup column_${ColumnName}" id="dsl_column_${ColumnName}">
												<span><i class="las la-braille dragger"></i>
														<span class="dsl-block-name">${ColumnName}</span>
												</span><span>`;
                        sortColumnHtml += `	<span><a class="btn btn-xs btn-icon btn-flush-dark btn-rounded dropdown-toggle flush-soft-hover no-caret" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().loadSorting(` + ColumnId + `,'` + ColumnName + `')"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-sort-down text-dark font-21 sort-icon"></i></span></span></a>
                                <div class="dropdown-menu dropdown-menu-right dropdown-radio">
									<a class="dropdown-item SortOrder_` + ColumnId + `" id="SortOrder_` + ColumnId + `_Asc" onclick="javascript: Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeSortBy_table(` + ColumnId + `,'` + ColumnName + `','Asc');" href="javascript:;"><i class="ri-checkbox-blank-circle-line dropdown-icon" id="DropDown_IsAsc_` + ColumnName.replace(" ", "") + `"></i><span class="text-uppercase">Asc</span></a>
									<a class="dropdown-item SortOrder_` + ColumnId + `" id="SortOrder_` + ColumnId + `_Desc" onclick="javascript: Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeSortBy_table(` + ColumnId + `,'` + ColumnName + `','Desc');" href="javascript:;"><i class="ri-checkbox-blank-circle-line dropdown-icon" id="DropDown_IsDesc_` + ColumnName.replace(" ", "") + `"></i><span class="text-uppercase">Desc</span></a></div></span>`;
                        sortColumnHtml += `<a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover dsl-block-close" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectedSortColumn_table(` + ColumnId + `,'` + ColumnName + `')"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-times font-16"></i></span></span></a></span>
											</div>`;
                        return sortColumnHtml;
                    }
                    loadDynamicFilterColumn(ColumnId, ColumnName, DataType) {
                        let dynamicColumnHtml = "";
                        dynamicColumnHtml += `<div class="dsl-block datagroup" data-report-id="${ColumnId}" data-IsFilterableColumn="${ColumnName}">
												<span class="w-60"><i class="las la-braille dragger"></i>
                                               <a class="" onclick="Unibase.Platform.Analytics.Reports.ReportFilter.Instance().dynamicFilterIsDefaultDateColumn('` + ColumnName + `')" data-toggle="tooltip" data-placement="top" title="" data-original-title="DefaultDate">
                                                  <input type="checkbox" title="IsDefault" name="defaultdate" class="btn btn-xs mr-2 dynamicfilter-defaultdate_${ColumnName} hidden" id="dynamicfilter-defaultdate_${ColumnName}">
                                                </a>
														<span class="dsl-block-name">${ColumnName}</span>
												</span><span class='w-40'>`;
                        dynamicColumnHtml += `	<span><a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover no-caret" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsFilterableColumn_table(` + ColumnId + `,'` + ColumnName + `',` + DataType + `)"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-filter text-dark dynamic-filter-icon-` + ColumnId + ` font-21"></i></span></span></a><span class='hidden' data-toggle="tooltip" data-placement="top" title="" data-original-title="Is Partition"> <input type="checkbox" class="chk_ispartition_` + ColumnName + ` hidden" id="chk_ispartition_` + ColumnName + `" onclick="Unibase.Platform.Analytics.Reports.ReportFilter.Instance().dynamicFilterIsPartition('` + ColumnName + `')"> </span> `;
                        dynamicColumnHtml += `<a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.DynamicFilter.Instance().removeDynamicFilterSelectedColumn_table('` + ColumnName + `')"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-times font-16"></i></span></span></a></span></div>`;
                        return dynamicColumnHtml;
                    }
                    loadChartSideBar() {
                        let html = `<div class="bldr-aside-right">
                                      <div id="chart-pivot-container" class="hidden biz-drawer biz-drawer drawer-small drawer-right biz-drawer-toggle">` + this.pivotFormHtml + `</div>
                                      <div id="chart-appearance-container">
                                      <ul class="nav nav-light nav-tabs">
                                        <li class="nav-item">
                                          <a class="nav-link active" data-toggle="tab" href="#tab_apprnc">
                                            <span class="nav-link-text">Appearance</span>
                                          </a>
                                        </li>
                                        <li class="nav-item">
                                          <a class="nav-link" data-toggle="tab" href="#tab_tooltip">
                                            <span class="nav-link-text">Tooltips</span>
                                          </a>
                                        </li>
                                      </ul>
                                      <div data-simplebar class="simple-scroll-bar">
                                        <div class="tab-content">
                                          <div class="tab-pane fade show active" id="tab_apprnc">
                                            <div class="collapse-simple">
                                              <div class="card">
                                                <div class="card-header">
                                                  <a role="button" data-toggle="collapse" href="#chart_type" aria-expanded="true">Chart Type</a>
                                                </div>
                                                <div id="chart_type" class="chart-type-collapse collapse show">
                                                  <div class="card-body">
                                                    <div class="row row-sm btn-group-toggle biz-custom-scrollbar" data-toggle="buttons">
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter">
                                                          <input type="radio" name="options" id="option1"/><img class="img-fluid pa-10 bar-chart-icon" src="tenants/themes/compact/imgs/charttypes/bar-chart.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('bar',1)">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter">
                                                          <input type="radio" name="options" id="option2" /><img class="img-fluid t-90d pa-10 horizontalbar-chart-icon" src="tenants/themes/compact/imgs/charttypes/bar-chart.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('horizontalBar',2)">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter">
                                                          <input type="radio" name="options" id="option3" /><img class="img-fluid pa-10 area-chart-icon" src="tenants/themes/compact/imgs/charttypes/area-chart.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('area',3)">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter">
                                                          <input type="radio" name="options" id="option4" /><img class="img-fluid pa-10 doughnut-chart-icon" src="tenants/themes/compact/imgs/charttypes/doughnut.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('doughnut',4)">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter">
                                                          <input type="radio" name="options" id="option5" /><img class="img-fluid pa-10 line-chart-icon" src="tenants/themes/compact/imgs/charttypes/line-graph.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('line',5)">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter">
                                                          <input type="radio" name="options" id="option6" /> <img class="img-fluid pa-10 pie-chart-icon" src="tenants/themes/compact/imgs/charttypes/pie-chart.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('pie',6)">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter in-active">
                                                          <input type="radio" name="options" id="option7" />
                                                          <img class="img-fluid pa-10 stackedbar-icon stackedbar-chart-icon t-270d" src="tenants/themes/compact/imgs/charttypes/stacked.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('stackedBar',7)">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter in-active">
                                                          <input type="radio" name="options" id="option8" /><img class="img-fluid pa-10 stackedbar-icon stackedhorizontalbar-chart-icon" src="tenants/themes/compact/imgs/charttypes/stacked.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('stackedHorizontalBar',8)">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter">
                                                          <input type="radio" name="options" id="option9" />                                <img class="img-fluid pa-10 bubble-chart-icon" src="tenants/themes/compact/imgs/charttypes/bubble.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('bubble',9)">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter">
                                                          <input type="radio" name="options" id="option10" /> <img class="img-fluid pa-10 grouped-chart-icon" src="tenants/themes/compact/imgs/charttypes/grouped.png">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter">
                                                          <input type="radio" name="options" id="option11" /><img class="img-fluid pa-10 t-90d horizontalgrouped-chart-icon" src="tenants/themes/compact/imgs/charttypes/grouped.png">
                                                        </label>
                                                      </div>
                                                      <div class="col-4 h-70p btn-group mb-20">
                                                        <label class="btn btn-block btn-filter">
                                                          <input type="radio" name="options" id="option12"/><img class="img-fluid pa-10 bar-line-chart-icon" src="tenants/themes/compact/imgs/charttypes/bar-line-chart.png" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('barWithLine',12)">
                                                        </label>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="card">
                                                <div class="card-header">
                                                  <a role="button" data-toggle="collapse" href="#legend_options" aria-expanded="true">Legend</a>
                                                </div>
                                                <div id="legend_options" class="collapse show" style="">
                                                  <div class="card-body">
                                                    <div class="mb-10">
                                                      <div class="biz-mini-adj-drawer-wrap">
                                                        <div class="form-row">
                                                          <div class="col-12">
                                                             <select class="form-control custom-select" id="legend-select" onchange="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().loadSelectedLegend(0, true)">
                                                                <option value="0" selected="">None</option>
                                                                <option value="1"> Top </option>
                                                                <option value="2"> Right </option>
                                                                <option value="3"> Bottom </option>
                                                                <option value="4"> Left </option>
                                                            </select>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            <div class="card">
                                                <div class="card-header">
                                                  <a role="button" data-toggle="collapse" href="#scales_lables" aria-expanded="true">Scales Lables</a>
                                                </div>
                                                <div id="scales_lables" class="collapse show" style="">
                                                  <div class="card-body">
                                                    <div class="mb-10">
                                                      <div class="biz-mini-adj-drawer-wrap">
                                                        <div class="form-row">
                                                            <div class="col-12 mt-2">
                                                                <label for="label_length"> Labels Length </label>
                                                                <input type="number" class="form-control" min="0" max="50" id="label_length" name="label_length" value="0">
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            <div class="card">
                                                <div class="card-header">
                                                  <a role="button" data-toggle="collapse" href="#datalabel_div" aria-expanded="true" class="">Data Label</a>
                                                </div>
                                                <div id="datalabel_div" class="collapse show" style="">
                                                  <div class="card-body">
                                                    <div class="card border-0 shadow-none">
                                                      <div class="card-body p-2">
                                                        <div class="biz-mini-adj-drawer-wrap">
                                                          <div class="form-row">
                                                            <div class="col">
                                                                <input type="checkbox" id="isdatalabel" name="isdatalabelcheckbox" class="" checked="false">
                                                                <label class="" for="isdatalabel">Is Data Label</label>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            </div>
                                              <div class="card">
                                                <div class="card-header">
                                                  <a role="button" data-toggle="collapse" href="#label_type" aria-expanded="true">Legend Type</a>
                                                </div>
                                                <div id="label_type" class="collapse show">
                                                  <div class="card-body">
                                                    <div class="card border-0 shadow-none">
                                                      <div class="card-body p-2">
                                                        <div class="biz-mini-adj-drawer-wrap">
                                                          <div class="form-row">
                                                            <div class="col">
                                                              <div class="custom-control custom-radio adj-drawer-open" data-target="lagendtypedata">
                                                                <input type="radio" id="lagendtypedata" name="lagendtypedataradio" class="custom-control-input"
                                                                  checked="true">
                                                                <label class="custom-control-label" for="lagendtypedata">Data</label>
                                                              </div>
                                                            </div>
                                                            <div class="col">
                                                              <div class="custom-control custom-radio adj-drawer-open" data-target="lagendtypecolumn">
                                                                <input type="radio" id="lagendtypecolumn" name="lagendtypedataradio" class="custom-control-input">
                                                                <label class="custom-control-label" for="lagendtypecolumn">Column</label>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                </div>
                                            </div>
                                            </div>
                                              <div class="card">
                                                <div class="card-header">
                                                  <a role="button" data-toggle="collapse" href="#theme_pre" aria-expanded="true">Theme Preset</a>
                                                </div>
                                                <div id="theme_pre" class="collapse show">
                                                  <div class="card-body">
                                                    <div class="card border-0 shadow-none">
                                                      <div class="card-body p-2">
                                                        <div class="biz-mini-adj-drawer-wrap">
                                                          <div class="form-row">
                                                            <div class="col">
                                                              <div class="custom-control custom-radio adj-drawer-open" data-target="columnRadio">
                                                                <input type="radio" id="columnRadio" name="customRadio1" class="custom-control-input"
                                                                  checked="">
                                                                <label class="custom-control-label" for="columnRadio">Column</label>
                                                              </div>
                                                            </div>
                                                            <div class="col">
                                                              <div class="custom-control custom-radio adj-drawer-open" data-target="rowRadio">
                                                                <input type="radio" id="rowRadio" name="customRadio1" class="custom-control-input">
                                                                <label class="custom-control-label" for="rowRadio">Row</label>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                            <div class="card">
                                                <div class="card-header">
                                                  <a role="button" data-toggle="collapse" href="#pallettes_options" aria-expanded="true">Pallettes</a>
                                                </div>
                                                <div id="legend_options" class="collapse show" style="">
                                                  <div class="card-body">
                                                    <div class="mb-10">
                                                      <div class="biz-mini-adj-drawer-wrap">
                                                        <div class="form-row">
                                                          <div class="col">
                                                             <select class="form-control custom-select" id="pallettes_select">
                                                                <option value="0" selected="">Select Pallette</option>
                                                            </select>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                  <div class="color-board hidden">
														<div class="mb-10">
															<div class="color-block">
																<div class="bg-red-light-3"></div>
																<div class="bg-pink-light-3"></div>
																<div class="bg-purple-light-3"></div>
																<div class="bg-violet-light-3"></div>
																<div class="bg-smoke-light-3"></div>
																<div class="bg-blue-light-3 d-none"></div>
																<div class="bg-violet-light-3 d-none"></div>
																<div class="bg-indigo-light-3 d-none"></div>
																<div class="bg-blue-light-3 d-none"></div>
																<div class="bg-sky-light-3 d-none"></div>
																<div class="bg-cyan-light-3 d-none"></div>
																<div class="bg-teal-light-3 d-none"></div>
																<div class="bg-green-light-3 d-none"></div>
																<div class="bg-neon-light-3 d-none"></div>
																<div class="bg-lime-light-3 d-none"></div>
																<div class="bg-sun-light-3 d-none"></div>
																<div class="bg-yellow-light-3 d-none"></div>
																<div class="bg-orange-light-3 d-none"></div>
																<div class="bg-pumpkin-light-3 d-none"></div>
																<div class="bg-brown-light-3 d-none"></div>
															</div>
															<div class="theme-caption">Color - 1 </div>
														</div>
														<div class="mb-10">
															<div class="color-block">
																<div class="bg-red-dark-2"></div>
																<div class="bg-pink-dark-2"></div>
																<div class="bg-purple-dark-2"></div>
																<div class="bg-violet-dark-2"></div>
																<div class="bg-smoke-dark-2"></div>
																<div class="bg-blue-dark-2 d-none"></div>
																<div class="bg-violet-dark-2 d-none"></div>
																<div class="bg-indigo-dark-2 d-none"></div>
																<div class="bg-blue-dark-2 d-none"></div>
																<div class="bg-sky-dark-2 d-none"></div>
																<div class="bg-cyan-dark-2 d-none"></div>
																<div class="bg-teal-dark-2 d-none"></div>
																<div class="bg-green-dark-2 d-none"></div>
																<div class="bg-neon-dark-2 d-none"></div>
																<div class="bg-lime-dark-2 d-none"></div>
																<div class="bg-sun-dark-2 d-none"></div>
																<div class="bg-yellow-dark-2 d-none"></div>
																<div class="bg-orange-dark-2 d-none"></div>
																<div class="bg-pumpkin-dark-2 d-none"></div>
																<div class="bg-brown-dark-2 d-none"></div>
															</div>
															<div class="theme-caption">Color - 2 </div>
														</div>
														<div class="mb-10">
															<div class="color-block">
																<div class="bg-grey-dark-4"></div>
																<div class="bg-blue-dark-4"></div>
																<div class="bg-indigo-dark-4"></div>
																<div class="bg-green-dark-4"></div>
																<div class="bg-sun-dark-4"></div>
																<div class="bg-red-dark-4 d-none"></div>
																<div class="bg-lime-dark-4 d-none"></div>
																<div class="bg-purple-dark-4 d-none"></div>
																<div class="bg-violet-dark-4 d-none"></div>
																<div class="bg-blue-dark-4 d-none"></div>
																<div class="bg-yellow-dark-4 d-none"></div>
																<div class="bg-violet-dark-4 d-none"></div>
																<div class="bg-brown-dark-4 d-none"></div>
																<div class="bg-cyan-dark-4 d-none"></div>
																<div class="bg-teal-dark-4 d-none"></div>
																<div class="bg-pumpkin-dark-4 d-none"></div>
																<div class="bg-pink-dark-4 d-none"></div>
																<div class="bg-sky-dark-4 d-none"></div>
																<div class="bg-orange-dark-4 d-none"></div>
																<div class="bg-neon-dark-4 d-none d-none"></div>
															</div>
															<div class="theme-caption">Color - 3 </div>
														</div>

														<div class="mb-10">
															<div class="color-block">
																<div class="bg-sky-dark-3"></div>
																<div class="bg-cyan-dark-1"></div>
																<div class="bg-teal-dark-1"></div>
																<div class="bg-green-dark-1"></div>
																<div class="bg-neon-dark-1"></div>
																<div class="bg-lime-dark-1 d-none"></div>
																<div class="bg-sun-dark-1 d-none"></div>
																<div class="bg-yellow-dark-1 d-none"></div>
																<div class="bg-orange-dark-1 d-none"></div>
																<div class="bg-pumpkin-dark-1 d-none"></div>
																<div class="bg-brown-dark-1 d-none"></div>
																<div class="bg-green-dark-1 d-none"></div>
																<div class="bg-pink-dark-1 d-none"></div>
																<div class="bg-purple-dark-1 d-none"></div>
																<div class="bg-violet-dark-1 d-none"></div>
																<div class="bg-smoke-dark-1 d-none"></div>
																<div class="bg-blue-dark-1 d-none"></div>
																<div class="bg-violet-dark-1 d-none"></div>
																<div class="bg-indigo-dark-1 d-none"></div>
																<div class="bg-gold-dark-1 d-none"></div>
															</div>
															<div class="theme-caption">Color - 4 </div>
														</div>

														<div class="mb-10">
															<div class="color-block">
																<div class="bg-blue-light-3"></div>
																<div class="bg-violet-light-3"></div>
																<div class="bg-green-light-3"></div>
																<div class="bg-sun-light-3"></div>
																<div class="bg-purple-light-3"></div>
																<div class="bg-orange-light-3 d-none"></div>
																<div class="bg-sky-light-3 d-none"></div>
																<div class="bg-cyan-light-3 d-none"></div>
																<div class="bg-brown-light-3 d-none"></div>
																<div class="bg-lime-light-3 d-none"></div>
																<div class="bg-pink-light-3 d-none"></div>
																<div class="bg-neon-light-3 d-none"></div>
																<div class="bg-indigo-light-3 d-none"></div>
																<div class="bg-red-light-3 d-none"></div>
																<div class="bg-smoke-light-3 d-none"></div>
																<div class="bg-pumpkin-light-3 d-none"></div>
																<div class="bg-blue-light-3 d-none"></div>
																<div class="bg-yellow-light-3 d-none"></div>
																<div class="bg-violet-light-3 d-none"></div>
																<div class="bg-teal-light-3 d-none"></div>
															</div>
															<div class="theme-caption">Color - 5 </div>
														</div>

														<div class="mb-30">
															<div class="color-block">
																<div class="bg-dark-20"></div>
																<div class="bg-red-light-1"></div>
																<div class="bg-pink-light-1"></div>
																<div class="bg-purple-light-1"></div>
																<div class="bg-violet-light-1"></div>
																<div class="bg-smoke-light-1 d-none"></div>
																<div class="bg-blue-light-1 d-none"></div>
																<div class="bg-violet-light-1 d-none"></div>
																<div class="bg-indigo-light-1 d-none"></div>
																<div class="bg-blue-light-1 d-none"></div>
																<div class="bg-sky-light-1 d-none"></div>
																<div class="bg-cyan-light-1 d-none"></div>
																<div class="bg-teal-light-1 d-none"></div>
																<div class="bg-green-light-1 d-none"></div>
																<div class="bg-neon-light-1 d-none"></div>
																<div class="bg-lime-light-1 d-none"></div>
																<div class="bg-sun-light-1 d-none"></div>
																<div class="bg-yellow-light-1 d-none"></div>
																<div class="bg-orange-light-1 d-none"></div>
																<div class="bg-pumpkin-light-1 d-none"></div>
																<div class="bg-brown-light-1 d-none"></div>
															</div>
															<div class="theme-caption">Color - 6 </div>
														</div>

														
													</div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                          <div class="tab-pane fade" id="tab_tooltip">
                                            <div class="form-group d-flex align-items-center" id="div_showtooltipheader">
                                                <input type="checkbox" class="ck_bx_showtooltipheader mr-10" id="showtooltipheader_checkbox"><label for="showtooltipheader_checkbox" class="mb-0">
                                                Show Tooltip Header</label>
                                            </div>
                                            <select class="form-control custom-select mb-10" id="tooltip_select">
                                              <option selected="">- Select Columns -</option>
                                            </select>
                                            <div id="tooltip_selected_columns" class="dsl-block-wrap mt-10">
                                          </div>
                                        </div>
                                      </div>
                                      </div>
                                    </div>`;
                        $("#reportBuilderRightNav").html(html);
                    }
                    loadLinkToOtherReportForm() {
                        let html = `<section id="link-report-section" class="modal-content">
    <div class="modal-header pa-10 h-55p" id="linkreport_header">
        <strong class="modal-title biz-highlight-bg-color">Sub report</strong>
        <div class="sub_report_error_message" id="sub_report_error_message"></div>
<button class="btn btn-sm btn-theme btn-wth-icon icon-left" id="subrpt_clear" onclick="Unibase.Platform.Analytics.Reports.SubReport.Instance().removeSubreport()"><span><span class="icon-label"><span class="line-icon hidden"><i class="las la-plus"></i></span></span><span class="btn-text">Clear</span></span></button>
        <button class="btn btn-sm btn-theme btn-wth-icon icon-left hidden" id="subrpt_plus"><span><span
                    class="icon-label"><span class="line-icon"><i class="las la-plus"></i></span></span><span
                    class="btn-text">Add Sub Report</span></span></button>
    </div>
    <div data-simplebar class="simple-scroll-bar modal-body bg-charcoal-light-5">
        <div id="divSubReport_ErrorMessage"></div>
        <div class="subreport-select-card card">
            <div class="row card-body mx-0 px-0 py-10">
                <div class="col-sm-6">
                    <div class="custom-control custom-radio radio-primary d-flex align-items-center">
                        <input type="radio" id="reportRadioBtn" name="subreportradio"
                            class="custom-control-input subreport-radio-btn" onclick="Unibase.Platform.Analytics.Reports.SubReport.Instance().subReportType_Report()" value="report" checked>
                        <label class="custom-control-label" for="reportRadioBtn">Report</label>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="custom-control custom-radio radio-primary d-flex align-items-center">
                        <input type="radio" id="detailRadioBtn" name="subreportradio"
                            class="custom-control-input subreport-radio-btn" onclick="Unibase.Platform.Analytics.Reports.SubReport.Instance().subReportType_Deatil()" value="detailscreen">
                        <label class="custom-control-label" for="detailRadioBtn">Detail Screen</label>
                    </div>
                </div>
            </div>
        </div>
        <div id="linkreport_modal">
            <div class="sub-report-block card" data-select2-id="24" data-subreportid="" data-subreportcolumnid="">
                <div data-select2-id="23">
                    <header class="sub-report-head pb-0">
                        <h6 class="required">
                            Sub report
                        </h6>
                        <span>
                            <i class="las la-braille dragger"></i>
                        </span>
                        </button>
                    </header>
                    <div id="subrpts_div" data-select2-id="subrpts_div" class="">
                        <div class="report-body">
                            <div class="row mx-0 pb-10">
                                <div class="col-sm-6 pl-sm-0">
                                    <div class="custom-control custom-radio radio-primary d-flex align-items-center">
                                        <input type="radio" id="inlineRadioBtn" name="reportopentype"
                                            class="custom-control-input opentype-radio-btn" value="inline" checked>
                                        <label class="custom-control-label" for="inlineRadioBtn">Inline</label>
                                    </div>
                                </div>
                                <div class="col-sm-6 pr-sm-0">
                                    <div class="custom-control custom-radio radio-primary d-flex align-items-center">
                                        <input type="radio" id="outlineRadioBtn" name="reportopentype"
                                            class="custom-control-input opentype-radio-btn" value="outline">
                                        <label class="custom-control-label" for="outlineRadioBtn">Outline</label>
                                    </div>
                                </div>
                              <div class="col hidden">
                              <input type="checkbox" class="chkRowClick mr-10" onclick="" id="rowclick_checkbox"><label>RowClick</label>
                              </div>
                            </div>
                            <div class="form-group">
                                <div id="divsubrpt_0" data-select2-id="divsubrpt_">
                                         
                                    <div id="div_Kanban" class="mb-10">
                                        <select class="select_reports form-control custom-select" id="cmdsub_1">
                                        </select>
                                    </div>
                                    <div class="form-row">
                                        <div class="col-auto mt-2 mr-2">
                                            <input class="" type="checkbox" id="isvalue_radio_0" title="Is value" >
                                        </div>
                                        <div class="col">
                                            <div id="div_mainreportColumn">
                                                <select id="cmbmainrptCols"
                                                    class="form-control text-control required">
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col hidden">
                                            <div id="div_mainreportColumn_textbox">
                                                <input id="cmbmainrptCols_textbox"
                                                    class="form-control text-control required">
                                                </input>
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <select id="slctdoperater" class="form-control custom-select mb-10">
                                                <option value="0">-Select-</option>
                                                <option value="1">Equals</option>
                                                <option value="2">NotEquals</option>
                                                <option value="3">EqualsColumn</option>
                                                <option value="4">NotEqualsColumn</option>
                                                <option value="5">GreaterThan</option>
                                                <option value="6">GreaterThanOrEquals</option>
                                                <option value="7">LessThan</option>
                                                <option value="8">LessThanOrEquals</option>
                                                <option value="9">GreaterThanColumn</option>
                                                <option value="10">GreaterThanOrEqualsColumn</option>
                                                <option value="11">LessThanColumn</option>
                                                <option value="12">LessThanOrEqualsColumn</option>
                                            </select>
                                        </div>
                                        <div class="col">
                                            <div id="div_subColumn">
                                                <select id="cmbsbrptCols"
                                                    class="form-control custom-select mb-10 required">
                                                    <option value="0" selected="">Sub report column</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-auto">
                                            <a class="btn btn-icon btn-theme" id="btnConfigAddFilter" onclick="" ;="">
                                                <span class="btn-icon-wrap"><span class="line-icon text-white"><i
                                                            class="las la-plus"></i></span></span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="m-t-sm">
                                        <ul class="ul2list_0 w-100 mt-10 p-2 pl-10" id = 'subreports-filters-list'>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="detailScreenBody" class="d-none">
            <div class="detail-screen-card card">
                <div class="card-body">
                    <textarea type="text" class="form-control hidden" id="txt_detailonclick" placeholder="On Click"></textarea>
                    <div class="row mx-0 biz-select2-wrap">
                        <div class="col-sm-6 pl-sm-0">
                            <select id="detailPrimaryKeyColumns"><option value="0">Select Column</option></select>
                        </div>
                        <div class="col-sm-6 pr-sm-0 mb-15 mb-sm-0">
                            <select id="detailInstalledApps" class="form-control"><option value="0">Select App</option></select>
                            <input type="hidden" id="hfDetailInstalledApps" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer pa-10" id="linkreport_footer">
        <button type="button" class="btn btn-sm btn-light mr-auto" id="btnLinkReportClose">Cancel</button>
        <button type="button" class="btn btn-sm btn-theme" id="btnLinkReportSave">Save</button>
    </div>
</section>`;
                        return html;
                    }
                    del_loadSubReports_Section() {
                        let html = `<div id="divsubrpt" class="sub-report-block card"  data-subreportid="" data-subreportcolumnid ="">
                          <header class="sub-report-head pb-0">
                            <input type="hidden" id="hfsubRpt" value="0">
                            <h6 class="required">
                              Sub report
                            </h6>
                            <span>
                              <i class="las la-braille dragger"></i>
                              <i class="fa fa-times pull-right mb-20 remove_subrpt" id="remove_subrpt" aria-hidden="true"></i>
                            </span>
                          </header>
                          <div class="">
                            <div class="report-body">
                              <div class="form-group">
                                <div id="divsubrpt_0" data-select2-id="divsubrpt_">
                                  <div id="div_Kanban" class="mb-10">
                                    <select
                                      class="select_reports custom-select select2-hidden-accessible js-example-basic-single js-states form-control"
                                      id="cmdsub"></select>
                                  </div>
                                </div>
                              <div class="form-row">
                                <div class="col">
                                  <div id="div_mainreportColumn">
                                    <select id="cmbmainrptCols" class="floating-label-group form-control cmbFiltercols">
                                      <option value="0">Select Column</option>
                                    </select>
                                  </div>
                                </div>
                                <div class="col-auto">
                                  <select id="slctdoperater" class="form-control custom-select mb-10">
                                    <option value="eq">=</option>
                                    <option value="neq">!=</option>
                                    <option value="gt">&gt;</option>
                                    <option value="gte">&gt;=</option>
                                    <option value="lt">&lt;</option>
                                    <option value="lte">&lt;=</option>
                                  </select>
                                </div>
                                <div class="col">
                                  <div id="div_subColumn">
                                    <select id="cmbsbrptCols" class="form-control custom-select mb-10">
                                    </select>
                                  </div>
                                </div>
                                <div class="col-auto">
                                  <a class="btn btn-icon btn-theme btnAdd" id="btnAdd" onclick="" ;="">
                                    <span class="btn-icon-wrap"><span class="line-icon text-white"><i class="las la-plus"></i></span></span>
                                  </a>
                                </div>
                              </div>
                              <div class="m-t-sm form-group">
                                <ul class="ul2list w-100 ulFilters" id="ulFilters">
                                </ul>
                              </div>
                            </div>
                          </div>
                        </div></div>`;
                        return html;
                    }
                    loadSubReports_Section_old() {
                        let html = `<div id="divsubrpt_{{subreport_count}}" class="sub-report-block card"  data-subreportid="" data-subreportcolumnid ="">
                          <header class="sub-report-head pb-0">
                            <input type="hidden" id="hfsubRpt_{{subreport_count}}" value="0">
                            <h6 class="required">
                              Sub report
                            </h6>
                            <span>
                              <i class="las la-braille dragger"></i>
                              <i class="fa fa-times pull-right mb-20 remove_subrpt" id="remove_subrpt_{{subreport_count}}" aria-hidden="true"></i>
                            </span>
                          </header>
                          <div class="">
                            <div class="report-body">
                              <div class="form-group">
                                <div id="divsubrpt_0" data-select2-id="divsubrpt_">
                                  <div id="div_Kanban" class="mb-10">
                                    <select
                                      class="select_reports custom-select select2-hidden-accessible js-example-basic-single js-states form-control"
                                      id="cmdsub_{{subreport_count}}"></select>
                                  </div>
                                </div>
                              <div class="form-row">
                                <div class="col">
                                  <div id="div_mainreportColumn">
                                    <select id="cmbmainrptCols_{{subreport_count}}" class="floating-label-group form-control cmbFiltercols">
                                      <option value="0">Select Column</option>
                                    </select>
                                  </div>
                                </div>
                                <div class="col-auto">
                                  <select id="slctdoperater_{{subreport_count}}" class="form-control custom-select mb-10">
                                    <option value="eq">=</option>
                                    <option value="neq">!=</option>
                                    <option value="gt">&gt;</option>
                                    <option value="gte">&gt;=</option>
                                    <option value="lt">&lt;</option>
                                    <option value="lte">&lt;=</option>
                                  </select>
                                </div>
                                <div class="col">
                                  <div id="div_subColumn">
                                    <select id="cmbsbrptCols_{{subreport_count}}" class="form-control custom-select mb-10">
                                      <option value="0" selected="">Sub report Column</option>
                                    </select>
                                  </div>
                                </div>
                                <div class="col-auto">
                                  <a class="btn btn-icon btn-theme btnAdd" id="btnAdd_{{subreport_count}}" onclick="" ;="">
                                    <span class="btn-icon-wrap"><span class="line-icon text-white"><i class="las la-plus"></i></span></span>
                                  </a>
                                </div>
                              </div>
                              <div class="m-t-sm form-group">
                                <ul class="ul2list_{{subreport_count}} w-100 ulFilters" id="ulFilters">
                                </ul>
                              </div>
                            </div>
                          </div>
                        </div></div>`;
                        return html;
                    }
                    loadToolTipTemplateForm() {
                        let html = `<form id="" method="post" class="" data-formuniquekey="" data-validate="parsley"><header class="b-b bg-white modal-header"><strong class="text-dark Title" id="div_FormName"> Pivot </strong></header><div class="bg-light control-sorting modal-body bg-white" ><div id="" class="clear bizgaze_FormErrorMessages"></div><div class="section_Pivot card">
                        <div class="card-body"><div class="row">
                        <div class="col-sm-6"><div id="divToolTipTemplateColumns" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_ToolTipColumns">ToolTip Column<span class="text-danger hidden"> *</span></label>
                        <select id="ToolTipColumns_AutoComplete" class="form-control text-control required" style="width:100%"><option value="0" selected="">Select ToolTip Column</option></select>
                        </div></div>

                        <div class="col-sm-6"><div id="div_AggType" class="floating-label-form-group floating-label-form-group-with-value"><label for="lbl" id="lbl_Values">Aggregation<span class="text-danger hidden"> *</span></label>
                        <select id="PivotDateType" class="form-control text-control PivotDateType required" style="width:100%"><option value="0" selected="">Select Aggregation</option>
                        <option value="1">count</option>
                        <option value="2">sum</option>
                        <option value="3">average</option>
                        <option value="4">max</option>
                        <option value="5">min</option>
                        <option value="6">month</option>
                        <option value="7">year</option>
                        </select>
                        </div></div>

                        <div class="col-sm-6"><div id="div_backgroundColor" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_backgroundColor">Background Color<span class="text-danger hidden"> *</span></label>
                        <input type="color" style="width:30px; float:left; height:30px; background:transparent; border-color: transparent;margin-right:10px;color:white;margin-top:-5px" id="backgroundColor">                        
                        </div></div>

                        <div class="col-sm-6" id="div_TitleFontColor"><div class="floating-label-form-group-with-value"><label for="lbl" id="lbl_TitleFontColor">Title Font Color<span class="text-danger hidden"> *</span></label>
                       <input type="color" style="width:30px; float:left; height:30px; background:transparent; border-color: transparent;margin-right:10px;color:white;margin-top:-5px" id="titleFontColor">
                        </div></div>

                        <div class="col-sm-6" id="div_TitleFontSize"><div class="floating-label-form-group-with-value"><label for="lbl" id="lbl_titleFontSize">Title Font Size<span class="text-danger hidden"> *</span></label>
                        <input type="text" class="form-control" id="txt_TitleFontSize" placeholder="Title Font Size">
                        </div></div>

                        <div class="col-sm-6" id="div_BodyFontSize"><div class="floating-label-form-group-with-value"><label for="lbl" id="lbl_BodyFontSize">Body Font Size<span class="text-danger hidden"> *</span></label>
                        <input type="text" class="form-control" id="txt_BodyFontSize" placeholder="Body Font Size">  
                        </div></div>

                        <div class="col-sm-6" id="div_bodyColor"><div class="floating-label-form-group-with-value"><label for="lbl" id="lbl_bodyColor">body Font Color<span class="text-danger hidden"> *</span></label>
                        <input type="color" style="width:30px; float:left; height:30px; background:transparent; border-color: transparent;margin-right:10px;color:white;margin-top:-5px" id="bodyFontColor">
                        </div></div>

                        </div></div></div></div><footer class="bg-white modal-footer" id="formFooter"><a href="javascript:;" id="btn_Close" class="btn btn-light btn-sm mr-auto" onclick=""> Close </a><a href="javascript:;" id="btn_ApplyTemplate" class="btn btn-primary btn-sm" > Apply </a></footer></form>`;
                        return html;
                    }
                    loadRoleSettings() {
                        let html = '<div class="row pull-right FilterSection"><a id="btnFilterPlusClick" onclick ="Unibase.Platform.Analytics.Components.CommonFilter.Instance().loadFilterSection()";><i class="fa fa-plus pull-right" id="FilterPlusClick" aria-hidden="true"></i></a></div>' +
                            '<div id="FilterSection">' +
                            '<div class="card">' +
                            '<div class="card-body">' +
                            '<a id="RemoveSubFilterSection" onclick ="Unibase.Platform.Analytics.Components.CommonFilter.Instance().RemoveFilterSection()"><i class="fa fa-times pull-right mb-20 hidden" id="RemoveFilter"></i></a>' +
                            '<input type="hidden" id="hdn_customcontrol" class="value-control" value="Unibase.Platform.Analytics.Components.CommonFilter.Instance().getobj();">' +
                            '<div class="col-sm-12"><div id="div_Widgets" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_Widgets">Widgets<span class="text-danger hidden"> *</span></label>' +
                            '<select id="Widget_AutoComplete" class="form-control text-control Widgets_AutoComplete required" onchange ="Unibase.Platform.Analytics.Components.CommonFilter.Instance().loadWidgetColumns()" style="width: 100 % "><option value="0" selected="">Select Widget</option></select><input type="hidden" id="hfAutoComplete_Widget"  class="hfAutoCompleteId_Widget form - control value - control" data-isdynamic="true"/>' +
                            '</div></div>' +
                            '<div class="col-sm-12"><div id="div_Datalists" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_Datalists">Datalists<span class="text-danger hidden"> *</span></label>' +
                            '<select id="Datalists_AutoComplete" onchange="Unibase.Platform.Analytics.Components.CommonFilter.Instance().loadDataLists()" class="form-control text-control Datalists_AutoComplete required" style="width:100%"><option value="0" selected="">Select DataList</option></select><input type="hidden" id="hfAutoComplete_DataList"  class="hfAutoCompleteId_DataList form-control value-control" data-isdynamic="true"/>' +
                            '</div></div>' +
                            '<div class="col-sm-12" id="div_ControlType"><div class="floating-label-form-group-with-value"><label for= "lbl" id = "lbl_ControlType" >Control Type<span class="text-danger hidden">*</span></label>' +
                            '<select id="ControlType" class="form-control text-control ControlType required" style="width:100%"><option value="0" selected="">Select Control Type</option>' +
                            '<option value="1">Select2</option>' +
                            '<option value="2">AutoComplete</option>' +
                            '<option value="3">DropDownList</option>' +
                            '</select>' +
                            '</div></div></div>' +
                            '<div class="row">' +
                            '<div class="col-sm-4"><div id="div_ValueColumns" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_ValueColumns">Value Column<span class="text-danger hidden"> *</span></label>' +
                            '<select id = "ValueColumns_Select" class="form-control text-control ValueColumns_Select required" style = "width:100%" > <option value="0" selected = "">Select Value Column</option></select>' +
                            '</div></div>' +
                            '<div class="col-sm-4"><div id="div_TextColumns" class="floating-label-form-group-with-value"><label for="lbl" id="lbl_TextColumns">Text Column<span class="text-danger hidden"> *</span></label>' +
                            '<select id = "TextColumns_Select" class="form-control text-control TextColumns_Select required" style = "width:100%"><option value="0" selected = "">Select Text Column</option></select>' +
                            '</div></div>' +
                            '<div class="col-sm-3" id="div_WidgetColumns"><div class="floating-label-form-group-with-value"><label for="lbl" id="lbl_WidgetColumns">Mapped Columns<span class="text-danger hidden"> *</span></label>' +
                            '<select id = "WidgetColumns_Select" class="form-control text-control WidgetColumns_Select required" style = "width:100%"><option value="0" selected = "">Select Widget Column</option></select>' +
                            '</div></div>' +
                            '<div class="col-sm-1 my-auto text-right mt-30"><a class="btn btn-success" id="btnAddFilter" onclick="Unibase.Platform.Analytics.Components.CommonFilter.Instance().AddFilter()";><i class="fa fa-plus text-white"></i></a></div>' +
                            '<div class="col-sm-12">' +
                            '<div class="row mt-20 mb-20 ml-0">' +
                            '<div class="col-sm-3"><strong>DataList Name</strong></div>' +
                            '<div class="col-sm-2"><strong>Value Column</strong></div>' +
                            '<div class="col-sm-2"><strong>Text Column</strong></div>' +
                            '<div class="col-sm-3"><strong>Mapped Column</strong></div>' +
                            '</div></div></div>' +
                            '<div id="FilterExp"></div></div>';
                        '</div></div>';
                        return html;
                    }
                    loadLeftNav() {
                        let html = `<div class="collapse-simple">
    <div class="card">
        <div class="card-header">
            <a role="button" data-toggle="collapse" href="#re_info" aria-expanded="true">Report Info</a>
        </div>
        <div id="re_info" class="collapse show">
            <div class="card-body">
                <input type="hidden" id="txt_reportid" value="0">
                <div class="form-group" id="displaynameDiv">
                    <label> Display Name <span class="text-danger hidden"> *</span> </label>
                    <input type="text" class="form-control mb-10" id="txt_displayname" placeholder="Display Name"
                        value="New Report">
                </div>
                <div class="form-group hidden" id="tableTypeSelectDiv">
                    <label> Table Type <span class="text-danger hidden"> *</span> </label>
                    <select class="form-control custom-select " id="tableTypeSelect" required>
                        <option value="0" selected="">- Select Table Type -</option>
                        <option value="1">Report</option>
                        <option value="2">Autocomplete</option>
                    </select>
                </div>
                <div class="form-group hidden">
                    <label for="txt_dynamicparameters">
                        Dynamic Parameters
                    </label>
                    <textarea type="text" class="form-control" id="txt_dynamicparameters"
                        placeholder="Dynamic Parameters">
                    </textarea>
                </div>
                <div class="form-group hidden">
                    <label for="dependecyapps">
                        Dependency App
                    </label>
                    <select class="js-example-basic-multiple js-states form-control" id="dependecyapps"
                        multiple="multiple">
                    </select>
                    <input type="hidden" id="hfAutoComplete_dependency"
                        class="hfAutoCompleteId_dependency' form-control value-control" data-isdynamic="true" />
                </div>
                <div class="form-group">
                    <label for="InstalledApp_AutoComplete">
                        Installed App
                    </label>
                    <select class="form-control" id="InstalledApp_AutoComplete" placeholder="InstalledApp">
                        <option selected>Select InstalledApp</option>
                    </select>
                    <input type="hidden" id="hfAutoComplete_InstalledApp"
                        class="hfAutoCompleteId_InstalledApp' form-control value-control" data-isdynamic="true" />
                </div>
                <div class="form-group hidden">
                    <label for="connectedapps">
                        Connected Apps
                    </label>
                    <select class="form-control" id="connectedapps" multiple="multiple">
                    </select>
                </div>
                <div class="form-group">
                    <label for="connectedreports">
                        Connected Reports
                    </label>
                    <select class="form-control" id="connectedreports" multiple="multiple">
                    </select>
                </div>
                <div class="form-group">
                    <label for="searchcolumns">
                        Search Columns
                    </label>
                    <select class="form-control" id="searchcolumns" multiple="multiple">
                    </select>
                </div>
                <div class="form-group">
                    <label for="txt_onclick">
                        On Click
                    </label>
                    <textarea value="" class="form-control" id="txt_onclick" placeholder="On Click"></textarea>
                </div>
                <div class="form-group">
                    <label for="txt_js">
                        Js
                    </label>
                    <textarea value="" class="form-control" id="txt_js"
                        placeholder="Js to execute in table view"></textarea>
                </div>
                <div class="form-group hidden">
                    <label for="identitycolumns">
                        Identity Columns
                    </label>
                    <select class="form-control" id="identitycolumns" multiple="multiple">
                    </select>
                </div>
                <div class="form-group">
                    <label for="notification_checkbox">
                        Notification Report
                    </label>
                    <div>
                        <input type="checkbox" class="chkNotification mr-10" onclick=""
                            id="notification_checkbox">IsNotificationReport
                    </div>
                </div>
                <div class="form-group">
                    <label for="count_checkbox">
                        Count
                    </label>
                    <div>
                        <input type="checkbox" class="chkCount mr-10" onclick="" id="count_checkbox"
                            checked="true">EnableCount
                    </div>
                </div>
                <div class="form-group">
                    <label for="enableglobaldatepicker_checkbox">
                        Date Picker
                    </label>
                    <div>
                        <input type="checkbox" class="chkCount mr-10" onclick=""
                            id="enableglobaldatepicker_checkbox">Enable Global DatePicker
                    </div>
                </div>
                <div class="form-group mb-0 hidden">
                    <div class="section-head mt-20 mb-10">Select Parameter
                        <button class="btn btn-theme btn-xs float-right mr-10" id="grp_reset_btn"
                            onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().addParameter()">
                            <i class="las la-plus"></i> Add</button>
                    </div>
                    <div class="biz-mini-adj-drawer-wrap" id="parameter-options">
                        <div id="parameter-dropdown">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="card hidden">
        <div class="card-header">
            <a role="button" data-toggle="collapse" href="#no_of_records" aria-expanded="true">Number of Records </a>
        </div>
        <div id="no_of_records" class="collapse show">
            <div class="card-body">
                <input type="number" class="form-control mb-10" id="txt_totalrecords" placeholder="Total Records">
            </div>
        </div>
    </div>
    <div class="card hidden" id="XAxis">
        <div class="card-header">
            <a role="button" data-toggle="collapse" class="custom-collapse p-0 flex-between-center c-gap-10"
                href="#x_axs" aria-expanded="true">
                <span>X-Axis</span>
                <span class="d-flex align-items-center c-gap-5 btn-group mr-15">
                    <div class="dropdown"><button
                            class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-22"
                            id="xaxis_setting_btn" data-toggle="dropdown"><span class="btn-icon-wrap">
                                <i class="fa fa-cog"></i></span></button>
                        <div class="dropdown-menu pa-5" onclick="event.stopPropagation();"><span
                                class="dropdown-item flex-between-center c-gap-10" href="javascript:;"><label
                                    for="IsNumberAbbrevation_x" class="mb-0 cursor-pointer">Number
                                    abbrevation</label><input type="checkbox" id="IsNumberAbbrevation_x"
                                    onchange="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().isNumberAbbreviation('x');"></span>
                        </div>
                    </div>
                    <button class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-22 reset-btn"
                        id="xaxis_reset_btn"
                        onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('xaxis_select')"
                        data-tooltip="true" title="Reset">
                        <span class="btn-icon-wrap"><i class="fa fa-repeat"></i></span>
                    </button>
                </span>
            </a>
        </div>
        <div id="x_axs" class="collapse show">
            <div class="card-body">
                <select class="form-control custom-select" id="xaxis_select">
                    <option selected>- Select Columns -</option>
                </select>
                <div id="xaxis_selected_columns" class="dsl-block-wrap mt-10">
                </div>
            </div>
        </div>
    </div>
    <div class="card hidden" id="YAxis">
        <div class="card-header">
            <a role="button" data-toggle="collapse" class="custom-collapse p-0 flex-between-center c-gap-10"
                href="#y_axs" aria-expanded="true">
                <span>Y-Axis</span>
                <span class="d-flex align-items-center c-gap-5 btn-group mr-15">
                    <div class="dropdown"><button
                            class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-22"
                            id="yaxis_setting_btn" data-toggle="dropdown"><span class="btn-icon-wrap"><i
                                    class="fa fa-cog"></i></span></button>
                        <div class="dropdown-menu pa-5" onclick="event.stopPropagation();"><span
                                class="dropdown-item flex-between-center c-gap-10" href="javascript:;"><label
                                    for="IsNumberAbbrevation_y" class="mb-0 cursor-pointer">Number
                                    abbrevation</label><input type="checkbox" id="IsNumberAbbrevation_y"
                                    onchange="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().isNumberAbbreviation('y');"></span>
                        </div>
                    </div><button class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-22 reset-btn"
                        onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('yaxis_select')"
                        data-tooltip="true" title="Reset"><span class="btn-icon-wrap"><i
                                class="fa fa-repeat"></i></span></button>
                </span></a>
        </div>
        <div id="y_axs" class="collapse show">
            <div class="card-body">
                <select class="form-control custom-select" id="yaxis_select">
                    <option selected>- Select Columns -</option>
                </select>
                <div id="yaxis_selected_columns" class="dsl-block-wrap mt-10">
                </div>
            </div>
        </div>
    </div>
    <div class="card hidden" id="div_base_column">
        <div class="card-header">
            <a role="button" data-toggle="collapse" class="custom-collapse p-0 flex-between-center c-gap-10"
                href="#base_column" aria-expanded="true">
                <span>Chart Base Column</span>
                <button class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-22 reset-btn mr-15"
                    onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('base_column_select')"
                    data-tooltip="true" title="Reset"><span class="btn-icon-wrap">
                        <i class="fa fa-repeat"></i></span>
                </button>
            </a>
        </div>
        <div id="base_column" class="collapse show">
            <div class="card-body">
                <select class="form-control custom-select" id="base_column_select">
                    <option selected>- Select Columns -</option>
                </select>
                <div id="base_column_selected_columns" class="dsl-block-wrap mt-10">
                </div>
            </div>
        </div>
    </div>
    <div class="card table-metrics divselect2_GroupBy hidden" id="GroupBy">
        <div class="card-header">
            <a role="button" data-toggle="collapse" class="custom-collapse p-0 flex-between-center c-gap-10"
                href="#groupby_grp" aria-expanded="true">
                <span>Groups</span>
                <button class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-22 reset-btn mr-15"
                    onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('groupby_select')"
                    data-tooltip="true" title="Reset"><span class="btn-icon-wrap">
                        <i class="fa fa-repeat"></i></span>
                </button>
            </a>
        </div>
        <div id="groupby_grp" class="collapse show">
            <div class="card-body">
                <select class="form-control custom-select" id="groupby_select">
                    <option selected>- Select Columns -</option>
                </select>
                <div id="groupby_selected_columns" class="dsl-block-wrap mt-10">
                </div>
            </div>
        </div>
    </div>
    <div class="card table-metrics" id="Categories">
        <div class="card-header">
            <a role="button" data-toggle="collapse" class="custom-collapse p-0 flex-between-center c-gap-10"
                href="#categories_grp" aria-expanded="true">
                <span>Categories</span>
                <button class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-22 reset-btn mr-15"
                    onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('categories_select')"
                    data-tooltip="true" title="Reset">
                    <span class="btn-icon-wrap">
                        <i class="fa fa-repeat"></i>
                    </span>
                </button>
            </a>
        </div>
        <div id="categories_grp" class="collapse show">
            <div class="card-body">
                <select class="form-control custom-select" id="categories_select">
                    <option selected>- Select Columns -</option>
                </select>
                <div id="categories_selected_columns" class="dsl-block-wrap mt-10">
                </div>
            </div>
        </div>
    </div>
    <div class="card hidden" id="linechart">
        <div class="card-header">
            <a role="button" data-toggle="collapse" class="custom-collapse p-0 flex-between-center c-gap-10"
                href="#line_chart" aria-expanded="true">
                <span>Line Chart</span><button
                    class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-22 reset-btn mr-15"
                    onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('yaxis_select')"
                    data-tooltip="true" title="Reset"><span class="btn-icon-wrap">
                        <i class="fa fa-repeat"></i></span></button>
            </a>
        </div>
        <div id="line_chart" class="collapse show">
            <div class="card-body">
                <select class="form-control custom-select" id="line_chart_select">
                    <option selected>- Select Columns -</option>
                </select>
                <div id="line_chart_selected_columns" class="dsl-block-wrap mt-10">
                </div>
            </div>
        </div>
    </div>
    <div class="card table-metrics" id="SortColumns">
        <div class="card-header">
            <a role="button" data-toggle="collapse" class="custom-collapse p-0 flex-between-center c-gap-10"
                href="#sortColumns" aria-expanded="true">
                <span>Sort Columns</span>
                <button class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-22 reset-btn mr-15"
                    onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().resetSelect2Columns('sortby_select')"
                    data-tooltip="true" title="Reset"><span class="btn-icon-wrap"><i class="fa fa-repeat"></i></button>
            </a>
        </div>
        <div id="sortColumns" class="collapse show">
            <div class="card-body">
                <select class="form-control custom-select" id="sortColumns_select">
                    <option selected value="">- Select Columns -</option>
                </select>
                <div id="sort_selected_columns" class="dsl-block-wrap mt-10">
                </div>
            </div>
        </div>
    </div>
</div>`;
                        return html;
                    }
                    static Instance() {
                        return new ReportBuilder_Template();
                    }
                }
                Reports.ReportBuilder_Template = ReportBuilder_Template;
            })(Reports = Analytics.Reports || (Analytics.Reports = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class CalendarViewerSettings extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.reportManager = Analytics.Managers.ReportManager.Instance();
                        this.viewerManager = Analytics.Managers.ViewerManager.Instance();
                        this.ReportId = 0;
                    }
                    jsFiles() {
                        return ["platform/analytics/components/calendarviewer/calendarviewer.settings.js"];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        var html = `<div class="b-b bg-white modal-header">
    <strong class="text-dark">Calendar</strong>
</div>
<div class="modal-body" id="CalendarViewer_modal">
    <div id="divCalendar_ErrorMessage"></div>
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-6 mb-20">
                    <div id="div_CalendarName" class="floating-label-form-group" style="">
                        <label for="calendarname">CalendarName</label><input type="text" id="CalendarName"
                            class="form-control value-control floating-label-control" data-placeholder="CalendarName"
                            placeholder="Calendar Name" data-label="Calendar Name">
                    </div>
                </div>
                    <div class="col-sm-4">
                        <div id="div_DisplayName" class="floating-label-form-group floating-label-form-group-with-value">
                            <label for="displayname" id="lbl_DisplayName">Display Name</label>
                            <input type="text" id="Txt_Display_Name" class="form-control value-control floating-label-control" placeholder="Display Name" data-placeholder="Display Name" data-label="Display Name">
                        </div>
                    </div>
                <div class="col-sm-6 mb-20">
                    <div id="div_ValueColumn">
                        <label for="valuecolumn">Value Column</label><select id="ValueColumn_AutoComplete"
                            class="form-control text-control required">
                            <option value="0" selected="">Select Value Column</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-6 mb-20">
                    <div id="div_TextColumn">
                        <label for="textcolumn">Text Column</label><select id="TextColumn_AutoComplete"
                            class="form-control text-control required">
                            <option value="0" selected="">Select Text Column</option>
                        </select>
                    </div>
                </div>
                <div class="col-sm-6 mb-20">
                    <div id="div_FromDate">
                        <label for="fromdate">FromDate</label>
                        <div class="input-group"><select type="text" id="date_FromDate"
                                class="form-control value-control datepicker-input hasDatepicker  floating-label-control"
                                placeholder="From Date " data-label="From Date ">
                                <option value="0" selected="">Select From Date Column</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div id="div_ToDate">
                        <label for="fromdate">ToDate</label>
                        <div class="input-group"><select type="text" id="date_ToDate"
                                class="form-control value-control datepicker-input hasDatepicker  floating-label-control"
                                placeholder="To Date " data-label="To Date ">
                                <option value="0" selected="">Select To Date Column</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 align-self-end">
                    <label for="showCalTime"><strong>Show Time</strong></label><label id="lblshowCalTime"
                        class="switch form-inline pull-right" style=""><input id="showCalTime"
                            data-group="showCalTime" type="checkbox" data-isdynamic="false"><span></span>
                    </label>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="bg-white modal-footer">
    <a class="btn btn-light btn-sm btn-center mr-auto" id="btnClose">Close</a>
    <a class="btn btn-primary btn-center btn-sm text-white" id="btnSave">Save</a>
</div>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        var reportid = Number(instance.ReportId);
                        $("#CalendarViewer_modal").css("height", $(window).outerHeight() - (Number($(".modal-header").outerHeight()) + Number($(".modal-footer").outerHeight())) + 'px');
                        var data = [];
                        this.reportManager.getColumns(reportid).then(function (response) {
                            var res = response.result;
                            for (let i = 0; i < res.length; i++) {
                                data.push({ id: res[i].AliasName, text: res[i].AliasName });
                            }
                            $("#date_FromDate").select2({
                                placeholder: 'Select From Date Column',
                                data: data,
                            });
                            $("#date_ToDate").select2({
                                placeholder: 'Select To Date Column',
                                data: data,
                            });
                            $("#TextColumn_AutoComplete").select2({
                                placeholder: 'Select Text Column',
                                data: data,
                                allowClear: true
                            });
                            $("#ValueColumn_AutoComplete").select2({
                                placeholder: 'Select Value Column',
                                data: data,
                                allowClear: true
                            });
                            if (id != 0) {
                                instance.getCalendarById(id);
                            }
                        });
                        $("#btnClose").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        jQuery("#btnSave").unbind().click(function () {
                            instance.saveCalendar(id, reportid, containerid, null);
                        });
                    }
                    getCalendarById(id) {
                        var instance = this;
                        instance.viewerManager.getCalendarView(id).then(function (response) {
                            instance.response = response.result;
                            $("#Txt_Display_Name").val(instance.response.DisplayName ? instance.response.DisplayName.trim() : instance.response.CalendarName.trim());
                            $("#CalendarName").val(instance.response.CalendarName.trim()).attr("readonly", 'true').css("cursor", "not-allowed");
                            $("#ValueColumn_AutoComplete").val(instance.response.ValueColumn).trigger("change");
                            $("#TextColumn_AutoComplete").val(instance.response.TextColumn).trigger("change");
                            $("#date_FromDate").val(instance.response.FromDateColumn).trigger("change");
                            $("#date_ToDate").val(instance.response.ToDateColumn).trigger("change");
                        });
                    }
                    saveCalendar(id, reportid, containerid, obj) {
                        var instance = this;
                        var PostData = obj;
                        if (obj == null) {
                            PostData = {
                                CalendarViewId: Number(id),
                                CalendarName: $("#CalendarName").val(),
                                ValueColumn: $("#ValueColumn_AutoComplete option:selected").text(),
                                TextColumn: $("#TextColumn_AutoComplete option:selected").text(),
                                ToDateColumn: $("#date_ToDate option:selected").text(),
                                FromDateColumn: $("#date_FromDate option:selected").text(),
                                ReportId: Number(this.ReportId),
                                DisplayModeTypeId: 1,
                                ViewAll: instance.response && instance.response.ViewAll || true,
                                DisplayName: $("#Txt_Display_Name").val().toString().trim(),
                                IsFromUI: Number(id) == 0 ? true : false,
                            };
                        }
                        this.fileCacheHelper.loadJsFile("platform/analytics/managers/reportmanager.js", function () {
                            instance.viewerManager.saveCalendarView(PostData).then(function (response) {
                                if (response.status == Unibase.Data.Status.Error) {
                                    MessageHelper.Instance().showError(response.message, 'divCalendar_ErrorMessage');
                                }
                                else {
                                    MessageHelper.Instance().showSuccess(response.message, '');
                                    $('#' + containerid).modal('hide');
                                    $('#' + containerid).remove();
                                }
                            });
                        });
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new Unibase.Platform.Analytics.Components.CalendarViewerSettings();
                        return this._instance;
                    }
                }
                Components.CalendarViewerSettings = CalendarViewerSettings;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

let calmonths = [];
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Viewers;
            (function (Viewers) {
                class CalendarViewer extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.appInstalledappid = 0;
                        this.reportManager = Analytics.Managers.ReportManager.Instance();
                        this.viewerManager = Analytics.Managers.ViewerManager.Instance();
                        this._reportViewer = Analytics.Components.ReportViewer.Instance();
                    }
                    loadView(reportresponse, reportid, viewerid, page, pageSize, containerid, ViewerSettings, callback, reportwidgetdata) {
                        var instance = this;
                        let rv_instance = instance._reportViewer.getReportViewerInstance(containerid);
                        var FromDateColumnName = "", ToDateColumnName = "", ValueColumnName = "", TextColumnName = "";
                        var calanderViewId = viewerid;
                        var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
                        instance.viewerManager.getCalendarView(calanderViewId).then(function (response) {
                            var res = response.result;
                            if (instance._reportViewer.CalendarMonth == undefined) {
                                instance._reportViewer.CalendarMonth = months[new Date().getMonth()];
                            }
                            FromDateColumnName = res.FromDateColumn;
                            ToDateColumnName = res.ToDateColumn;
                            ValueColumnName = res.ValueColumn;
                            TextColumnName = res.TextColumn;
                            var fromDate = "";
                            var toDate = "";
                            var cf_fromDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate;
                            var cf_toDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate;
                            if (cf_fromDate != null && cf_toDate != null) {
                                fromDate = cf_fromDate.toString();
                                toDate = cf_toDate.toString();
                            }
                            else {
                                fromDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                                toDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                            }
                            let postdata = {
                                ReportId: reportid,
                                ViewerTypeId: Unibase.Platform.Analytics.Reports.Enums.ViewerType.Calendar,
                                page: page,
                                pageSize: instance._reportViewer.PageSize + 1,
                                CalendarMonth: instance._reportViewer.CalendarMonth,
                                ViewerId: viewerid,
                                InputParameters: rv_instance.inputParameters,
                                IsJson: true,
                                FromDate: fromDate,
                                ToDate: toDate,
                            };
                            Unibase.Platform.Analytics.Managers.ReportManager.Instance().getReportViewerData(postdata).then(function (calendarresponse) {
                                Unibase.Platform.Helpers.NavigationHelper.Instance().hideLoading();
                                var response = JSON.parse(calendarresponse.result);
                                var data = response.Data;
                                if (data != "") {
                                    data = JSON.parse(data);
                                }
                                var cssfiles = ["libs/fullcalendar/fullcalendar.min.css"];
                                var jsfiles = ["libs/moment/moment.min.js",
                                    "libs/fullcalendar/fullcalendar.min.js"];
                                instance.fileCacheHelper.loadCssFiles(cssfiles, function () {
                                    instance.fileCacheHelper.loadJsFiles(jsfiles, function () {
                                        var evnts = [];
                                        var len = data.length;
                                        if (len >= instance._reportViewer.PageSize + 1) {
                                            len = data.length - 1;
                                        }
                                        for (var i = 0; i < len; i++) {
                                            if (instance.appInstalledappid == 0)
                                                instance.appInstalledappid = data[i]["installedappid"];
                                            let title = "";
                                            if (data[i][TextColumnName] != undefined && data[i][ValueColumnName] != undefined) {
                                                title = data[i][TextColumnName].toString() + " " + data[i][ValueColumnName].toString();
                                            }
                                            else if (data[i][TextColumnName] != undefined) {
                                                title = data[i][TextColumnName].toString();
                                            }
                                            else if (data[i][ValueColumnName] != undefined) {
                                                title = data[i][ValueColumnName].toString();
                                            }
                                            evnts.push({
                                                id: data[i][ValueColumnName],
                                                title: title,
                                                start: data[i][FromDateColumnName],
                                                end: data[i][ToDateColumnName],
                                            });
                                        }
                                        let elem = "";
                                        elem = $("#Viewer_" + containerid);
                                        elem.removeClass("tabulator");
                                        if (instance._reportViewer.CalendarMonthChanged == false) {
                                            elem.html("");
                                            elem.fullCalendar('destroy');
                                            $("#Table_View_" + containerid).removeClass("hidden");
                                            const calHeight = instance.setCalendarHeight(containerid);
                                            elem.fullCalendar({
                                                themeSystem: 'bootstrap4',
                                                header: {
                                                    left: 'calendarSidebar ,today',
                                                    center: 'prev,title,next',
                                                    right: 'month,agendaWeek,listMonth'
                                                },
                                                timeZone: 'UTC',
                                                droppable: true,
                                                editable: true,
                                                height: calHeight,
                                                eventLimit: true,
                                                displayEventTime: false,
                                                drop: function () {
                                                    if ($("#remove_event").is(':checked'))
                                                        $(this).remove();
                                                },
                                                eventClick: function (calEvent, jsEvent, view) {
                                                    if (calEvent.id) {
                                                        Unibase.Platform.Helpers.NavigationHelper.Instance().loadDetail(calEvent.id, instance.appInstalledappid, null, null);
                                                    }
                                                },
                                                windowResize: function (view) {
                                                    let calHeight = instance.setCalendarHeight(containerid);
                                                    calHeight -= 40;
                                                    elem.fullCalendar('option', 'height', calHeight);
                                                }
                                            });
                                            instance._reportViewer.CalendarMonthChanged = true;
                                            $(".fc-prev-button").parent().addClass("row");
                                            $(".fc-prev-button").addClass("mt-1 mr-10");
                                            $(".fc-next-button").addClass("mt-1 ml-10");
                                            $(".fc-header-toolbar").addClass("pa-10");
                                            $(".fc-view-container").addClass("pa-10");
                                            $(".fc-next-button").click(function () {
                                                instance._reportViewer.CalendarMonth = $(".fc-prev-button").siblings()[0].innerHTML.substring(0, $(".fc-prev-button").siblings()[0].innerHTML.indexOf(" "));
                                                instance._reportViewer.CalendarMonthChanged = true;
                                                if (calmonths.filter(function (o) { return o.title === instance._reportViewer.CalendarMonth; }).length <= 0) {
                                                    calmonths.push({ title: instance._reportViewer.CalendarMonth });
                                                    page = 1;
                                                    instance.loadView(reportresponse, reportid, calanderViewId, page, 20, containerid, ViewerSettings, null, null);
                                                }
                                            });
                                            $(".fc-prev-button").click(function () {
                                                instance._reportViewer.CalendarMonth = $(".fc-prev-button").siblings()[0].innerHTML.substring(0, $(".fc-prev-button").siblings()[0].innerHTML.indexOf(" "));
                                                instance._reportViewer.CalendarMonthChanged = true;
                                                if (calmonths.filter(function (o) { return o.title === instance._reportViewer.CalendarMonth; }).length <= 0) {
                                                    calmonths.push({ title: instance._reportViewer.CalendarMonth });
                                                    page = 1;
                                                    instance.loadView(reportresponse, reportid, calanderViewId, page, 20, containerid, ViewerSettings, null, null);
                                                }
                                            });
                                            $("#Calendar_more").click(function () {
                                                var currentpage = $(this)[0].className.split(/\s+/)[$(this)[0].className.split(/\s+/).length - 1].match(/\d+/g).map(Number)[0];
                                                $(this).removeClass("lenght_" + currentpage + "");
                                                $(this).addClass("lenght_" + (currentpage + 1) + "");
                                                instance.loadView(reportresponse, reportid, calanderViewId, currentpage, 20, containerid, ViewerSettings, null, null);
                                            });
                                        }
                                        if (data.length >= instance._reportViewer.PageSize + 1) {
                                            $("#Calendar_more").removeClass("hidden");
                                        }
                                        else {
                                            $("#Calendar_more").addClass("hidden");
                                        }
                                        if (page == 1) {
                                        }
                                        elem.fullCalendar('addEventSource', evnts);
                                    });
                                });
                            });
                        });
                    }
                    setCalendarHeight(containerid) {
                        let calHeight = 0;
                        if ($("#Viewer_" + containerid).length) {
                            calHeight = window.innerHeight - $("#Viewer_" + containerid).offset().top;
                            if ($(`#ViewerFooter_${containerid}`).is(':visible')) {
                                calHeight += $(`#ViewerFooter_${containerid}`).outerHeight(true) - 100;
                            }
                        }
                        return calHeight;
                    }
                }
                Viewers.CalendarViewer = CalendarViewer;
            })(Viewers = Analytics.Viewers || (Analytics.Viewers = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class CardViewerSettings extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.reportManager = Analytics.Managers.ReportManager.Instance();
                        this.viewerManager = Analytics.Managers.ViewerManager.Instance();
                        this.ReportId = 0;
                    }
                    jsFiles() {
                        return ["platform/analytics/components/cardviewer/cardviewer.js", "platform/analytics/providers/iviewersettings.js"];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        var html = `<div class="b-b bg-white modal-header"><strong class="text-dark">Card</strong>
                    </div>
                    <div class="modal-body" id="CardViewer_modal">
                      <div id="divCard_ErrorMessage"></div>
                      <div class="card"> <div class="card-body" style="">
                        <div class="row" id="div_Kanban">
                    <div class="col-sm-6"> <div id="div_CardName" class="floating-label-form-group">
                                <label for="cardname" id="lbl_CardName">Card Name</label>
                                <input type="text" class="form-control value-control floating-label-control" placeholder="Card Name" data-placeholder="Card Name" data-label="Card Name" id="txt_CardName">
                        </div></div>
                        <div class="col-sm-4">
                                <div id="div_DisplayName" class="floating-label-form-group floating-label-form-group-with-value">
                                    <label for="displayname" id="lbl_DisplayName">Display Name</label>
                                    <input type="text" id="Txt_Display_Name" class="form-control value-control floating-label-control" placeholder="Display Name" data-placeholder="Display Name" data-label="Display Name">
                                </div>
                            </div>
                        <div class="col-sm-6"> <div id="div_KanbanColumn" class="floating-label-form-group floating-label-form-group-with-value">
                            <label for="kanbancolumn">Applied Column</label>
                            <select id="cardapplied_AutoComplete" class="form-control text-control required"><option value="0" selected="">Select Kanban Column</option></select>
                        </div></div>
      
                    <div class="col-sm-6"> <div id="div_AssignColumn" class="floating-label-form-group floating-label-form-group-with-value">
                            <label for="AssignColumn">Assign Column</label>
                            <select id="AssignColumn_AutoComplete" class="form-control text-control required"><option value="0" selected="">Select Assign Column</option></select>
                        </div></div>
                    <div class="col-sm-6"> <div id="div_dividebygroup" class="mt-40 hidden">
                            <input type="checkbox" id="dividebygroup" name="dividebygroup" value=" ">
                            <label for="dividebygroup" class="ml-5">Divide By Group</label>
                        </div></div>
                        </div>
                    </div></div><div class="TemplateText_Section card"> 
                            <div class="card-header"> Template Text </div> 
                            <div class="card-body">                                
                                <div id="div_TemplateText" class="">            
                                    <textarea class="" placeholder="Template Text" rows="3" cols="112" id="txt_TemplateText"></textarea>                    
                                </div>
                         </div></div></div>
                    <div class="bg-white modal-footer">
                        <a class="btn btn-light btn-sm btn-center mr-auto" id="btnClose">Close</a>
                        <a class="btn btn-primary btn-center btn-sm text-white" id="btnSave">Save</a>
                    </div>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        var reportid = instance.ReportId;
                        $("#CardViewer_modal").css("height", $(window).outerHeight() - (Number($(".modal-header").outerHeight()) + Number($(".modal-footer").outerHeight())) + 'px');
                        $("#btnClose").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        var data = [];
                        this.reportManager.getColumns(reportid).then(function (response) {
                            var res = response.result;
                            for (let i = 0; i < res.length; i++) {
                                data.push({ id: res[i].ReportColumnName, text: res[i].ReportColumnName });
                            }
                            $("#cardapplied_AutoComplete").select2({
                                placeholder: 'Select From Date Column',
                                data: data,
                            });
                            $("#AssignColumn_AutoComplete").select2({
                                placeholder: 'Select From Date Column',
                                data: data,
                            });
                            if (id != 0) {
                                instance.getCardById(id);
                            }
                        });
                        jQuery("#btnSave").click(function () {
                            instance.save(id, reportid, containerid);
                        });
                    }
                    save(id, reportid, containerid) {
                        var instance = this;
                        var PostData = {
                            CardViewId: Number(id),
                            CardName: $("#txt_CardName").val(),
                            AppliedColumn: $("#cardapplied_AutoComplete").val(),
                            AssignColumn: $("#AssignColumn_AutoComplete").val(),
                            IsDivideGroup: $("#dividebygroup").is(":checked"),
                            TemplateText: $("#txt_TemplateText").val(),
                            ReportId: instance.ReportId,
                            DisplayModeTypeId: 1,
                            ViewAll: instance.response && instance.response.ViewAll || true,
                            DisplayName: $("#Txt_Display_Name").val().toString().trim(),
                            IsFromUI: Number(id) == 0 ? true : false,
                        };
                        instance.fileCacheHelper.loadJsFile("platform/analytics/managers/reportmanager.js", function () {
                            instance.viewerManager.saveCardView(PostData).then(function (response) {
                                if (response.status == Unibase.Data.Status.Error) {
                                    MessageHelper.Instance().showError(response.message, 'divCard_ErrorMessage');
                                }
                                else {
                                    MessageHelper.Instance().showSuccess(response.message, '');
                                    $('#' + containerid).modal('hide');
                                    $('#' + containerid).remove();
                                }
                            });
                        });
                    }
                    getCardById(id) {
                        var instance = this;
                        instance.viewerManager.getCardView(id).then(function (response) {
                            instance.response = response;
                            $("#Txt_Display_Name").val(response.DisplayName ? response.DisplayName.trim() : instance.response.CardName.trim());
                            $("#txt_CardName").val(instance.response.CardName.trim()).attr("readonly", 'true').css("cursor", "not-allowed");
                            $("#cardapplied_AutoComplete").val(instance.response.AppliedColumn.trim()).trigger("change");
                            $("#AssignColumn_AutoComplete").val(instance.response.AssignColumn.trim()).trigger("change");
                            $("#txt_TemplateText").val(instance.response.TemplateText.trim());
                        });
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new CardViewerSettings();
                        return this._instance;
                    }
                }
                Components.CardViewerSettings = CardViewerSettings;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Viewers;
            (function (Viewers) {
                class CardViewer extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.reportManager = Analytics.Managers.ReportManager.Instance();
                        this.viewerManager = Analytics.Managers.ViewerManager.Instance();
                        this._reportBuilder = Analytics.Reports.ReportBuilder.Instance();
                        this._reportViewer = Analytics.Components.ReportViewer.Instance();
                        this.ViewerSettings = new Analytics.Providers.ViewerSettings();
                    }
                    loadmore(boardname, page, reportid, CardViewId, cardvalues, appliedcolumn, assignedcolumn, TemplateText) {
                        var instance = this;
                        var data = [];
                        let rv_ins = Unibase.Platform.Analytics.Components.ReportViewer.Instance().getReportViewerInstance(instance.containerId);
                        let { fromDate, toDate } = rv_ins.checkForReportDatePicker(reportid, this.containerId);
                        var footerElement = $("[data-id='" + boardname + "']").find('footer').find('button');
                        if (footerElement.length) {
                            var element = footerElement[0].className.split(/\s+/);
                            page = element[element.length - 1].match(/\d+/g).map(Number)[0];
                            let postdata = {
                                ReportId: reportid,
                                page: page,
                                ViewerTypeId: 5,
                                pageSize: 5,
                                ViewerId: CardViewId,
                                BoardName: boardname.toString(),
                                IsJson: true,
                                DisplayModeTypeId: this._reportViewer.getDisplayModeTypeId(),
                                DateFilter: rv_ins.dateFilters,
                                Filter: rv_ins.dynamicFilters,
                                InputParameters: rv_ins.inputParameters,
                                FromDate: fromDate,
                                ToDate: toDate,
                            };
                            instance.reportManager.getReportViewerData(postdata).then(function (tableresponse) {
                                if (tableresponse.status == Unibase.Data.Status.Success) {
                                    Unibase.Platform.Helpers.NavigationHelper.Instance().hideLoading();
                                    let response = JSON.parse(tableresponse.result);
                                    if (response.Data && response.Data.length) {
                                        let tablevalues = JSON.parse(response.Data);
                                        if (tablevalues && tablevalues.length) {
                                            let prevData = rv_ins.reportData;
                                            let currentData = JSON.parse(response.Data);
                                            rv_ins.reportData = $.merge(prevData, currentData);
                                            rv_ins.reportDatalength = rv_ins.reportData.length;
                                            if (rv_ins && rv_ins.reportResponse && rv_ins.reportResponse.result && rv_ins.reportResponse.result.ReportJsonData && rv_ins.reportResponse.result.ReportJsonData.Result && rv_ins.reportResponse.result.ReportJsonData.Result.Data) {
                                                var data = JSON.parse(rv_ins.reportResponse.result.ReportJsonData.Result.Data);
                                                data = data.concat(tablevalues);
                                                rv_ins.reportResponse.result.ReportJsonData.Result.Data = JSON.stringify(data);
                                                if (rv_ins.isEnableCount) {
                                                    $("#Viewer_pagintion" + instance.containerId).html(data.length + ' ' + 'of' + ' ' + rv_ins.totalRecords).removeClass('hidden');
                                                }
                                            }
                                        }
                                        var pageno = page + 1;
                                        footerElement.addClass("lenght_" + pageno).removeClass("lenght_" + page);
                                        for (let i = 0; i < tablevalues.length; i++) {
                                            if (TemplateText) {
                                                var context;
                                                TemplateText = TemplateText.trim();
                                                var templateScript = Handlebars.compile(TemplateText);
                                                var script = templateScript(tablevalues[i]);
                                                instance._reportBuilder.kanban_board.addElement(boardname, { title: tablevalues[i][assignedcolumn] });
                                            }
                                            else {
                                            }
                                        }
                                        var result = cardvalues.filter(function (o) { return o[appliedcolumn] === boardname; });
                                        if (result.length > 0) {
                                            var TrimmedBoardName = boardname.replace(" ", "");
                                            $("#spn_" + TrimmedBoardName + "").text(instance._reportBuilder.kanban_board.getBoardElements(boardname).length);
                                            if (result[0].groupbycount == instance._reportBuilder.kanban_board.getBoardElements(boardname).length) {
                                                $($("div").find("[data-id='" + boardname + "']")).find('button').addClass('hidden');
                                            }
                                        }
                                    }
                                }
                                else
                                    return MessageHelper.Instance().showError(tableresponse.message, "div_ErrorMessage");
                            });
                        }
                    }
                    loadView(reportresponse, reportid, CardViewId, page, pageSize, containerid, ViewerSettings, callback, reportwidgetdata) {
                        var instance = this;
                        instance.containerId = containerid;
                        let rv_ins = Unibase.Platform.Analytics.Components.ReportViewer.Instance().getReportViewerInstance(containerid);
                        instance.fileCacheHelper.loadCssFiles(["libs/kanban/jkanban.min.css"], () => {
                            instance.fileCacheHelper.loadJsFiles(["libs/kanban/jkanban.min.js", "platform/analytics/components/reportbuilder/reportbuilderhiddenfields.js"], () => {
                                $("#Table_View_" + containerid).removeClass("hidden");
                                instance.viewerManager.getCardView(CardViewId).then(function (res) {
                                    Unibase.Platform.Helpers.NavigationHelper.Instance().hideLoading();
                                    if (res != null) {
                                        instance.res = res;
                                        let tablevalues = [];
                                        let reportViewerDataResult = reportresponse.result.ReportJsonData.Result;
                                        if (reportViewerDataResult.Data) {
                                            tablevalues = JSON.parse(reportViewerDataResult.Data).sort((a, b) => (a.stageindex > b.stageindex) ? 1 : (a.stageindex < b.stageindex) ? -1 : 0);
                                            var data = [];
                                            var uniqueidarray = [];
                                            var item = [];
                                            var morearray = [];
                                            let values = [...new Set(tablevalues.map(item => item[instance.res.AppliedColumn.trim()]))];
                                            for (let i = 0; i < values.length; i++) {
                                                var result = tablevalues.filter(function (o) { return o[instance.res.AppliedColumn.trim()] === values[i]; });
                                                if (result.length > 0) {
                                                    if (result[0].groupbycount <= result.length) {
                                                        uniqueidarray.push(values[i]);
                                                    }
                                                    else {
                                                        morearray.push(values[i]);
                                                    }
                                                }
                                                for (let i = 0; i < result.length; i++) {
                                                    if (instance.res.TemplateText) {
                                                        var context;
                                                        var templateScript = Handlebars.compile(instance.res.TemplateText);
                                                        var script = templateScript(result[i]);
                                                        item.push({
                                                            title: script,
                                                        });
                                                    }
                                                }
                                                data.push({ id: values[i], title: values[i], "item": item, });
                                                item = [];
                                            }
                                            var data1 = data;
                                            var dataids = data.map(function (el) {
                                                return `${el.id}`;
                                            });
                                            data1.forEach(function (e, i) {
                                                data1[i]['dragTo'] = dataids;
                                            });
                                            var kanbandata = data;
                                            instance._reportBuilder.cardviewerpage = 2;
                                            let viewerEl = $(`#Viewer_${containerid}`);
                                            viewerEl.empty().css("overflow-x", "scroll");
                                            ;
                                            viewerEl.find(".Templateheader").addClass("hidden");
                                            let isDragging = false;
                                            let mousemoveTagHeader = false;
                                            let currentDraggingEle = null;
                                            $(`#filters-list${containerid}`).find('.filter-item').each(function (i, el) {
                                                $(el).mouseover(function (e) {
                                                    if (isDragging) {
                                                        mousemoveTagHeader = true;
                                                        $(el).addClass('kanban-item-hover');
                                                    }
                                                });
                                                $(el).mouseout(function (e) {
                                                    if (mousemoveTagHeader) {
                                                        mousemoveTagHeader = false;
                                                        let idtag = $(el).attr('data-filtername');
                                                        viewerEl.find(`[data-id="${idtag}"]`).find('.kanban-drag').append(currentDraggingEle);
                                                        $(el).removeClass("kanban-item-hover");
                                                    }
                                                });
                                            });
                                            eval(`Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().kanban_board = new jKanban({
                                                element: '#Viewer_${containerid}',
                                                layout: { horizontal: true },
                                                responsive: '700',
                                                responsivePercentage: false,
                                                widthBoard: '370px',
                                                dragItems: true,
                                                dropEl: function (el, target, source, sibling) { },
                                                boards: data1,
                                                dragBoards: false,
                                                addItemButton: true,
                                                dragEl: function (el, source) {
                                                    $(el).css({ opacity: '0.6', 'pointer-events': 'none' });
                                                    isDragging = true;
                                                    currentDraggingEle = el;
                                                    $('body').mousemove(function (e) {
                                                        if (isDragging) {
                                                            let closestCardBoard = $(el).closest('.kanban-drag')[0];
                                                            let closestCardBoardContainer =
                                                                viewerEl.find('.kanban-container').closest('.card-body')[0];
                                                            let dragRect = closestCardBoard.getBoundingClientRect();
                                                            let dragRectContainer =
                                                                closestCardBoardContainer.getBoundingClientRect();
                                                            let dragRectContainerLeft = dragRectContainer.x;
                                                            let top = dragRect.y;
                                                            let y = e.clientY;
                                                            let x = e.clientX;
                                                            if (y < top + 20) {
                                                                closestCardBoard.scrollBy(0, -20);
                                                            } else if (y < top + 60) {
                                                                closestCardBoard.scrollBy(0, -10);
                                                            } else if (y > top + dragRect.height - 20) {
                                                                closestCardBoard.scrollBy(0, 20);
                                                            } else if (y > top + dragRect.height - 60) {
                                                                closestCardBoard.scrollBy(0, 10);
                                                            }
                                                            if (x < dragRectContainerLeft + 20) {
                                                                closestCardBoardContainer.scrollBy(-20, 0);
                                                            } else if (x < dragRectContainerLeft + 60) {
                                                                closestCardBoardContainer.scrollBy(-10, 0);
                                                            } else if (x > dragRectContainerLeft + dragRectContainer.width - 20) {
                                                                closestCardBoardContainer.scrollBy(20, 0);
                                                            } else if (x > dragRectContainerLeft + dragRectContainer.width - 60) {
                                                                closestCardBoardContainer.scrollBy(10, 0);
                                                            }
                                                        }
                                                    });
                                                },
                                                dragendEl: function (el) {
                                                        $('body').off('mousemove');
                                                        $(el).css({ opacity: '1', 'pointer-events': 'auto' });
                                                        isDragging = false;
                                                        if(!isDragging){
                                                            if($(el).find('[data-kanban2view="stagechange"][data-stagechange="true"]').length>0){
                                                                let id, stageId,recordId, installedAppId;
                                                                    $('[data-kanban2view="stagechange"][data-stagechange="true"]').attr('data-click2event','false');
                                                                    $(el).find('[data-kanban2view="stagechange"][data-stagechange="true"]').attr('data-click2event','active');
                                                                    recordId = Number($(el).find('[data-kanban2view="stagechange"][data-stagechange="true"]').attr('data-record2id'));
                                                                    installedAppId = Number($(el).find('[data-kanban2view="stagechange"][data-stagechange="true"]').attr('data-installed2appid'));
                                                                    stageId = Number($(el).find('[data-kanban2view="stagechange"][data-stagechange="true"]').attr('data-oldstageid'));
                                                                    id = $(el).find('[data-kanban2view="stagechange"][data-stagechange="true"]').attr('id');
                                                                Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFiles(["platform/apps/managers/stagemanager.js","platform/apps/components/stages/stagereason.js"], function () {
                               Unibase.Themes.Compact.Components.Details.Instance().change(stageId, installedAppId, id);
                                                                });
                                                            }
                                                        }
                                                    },
                                                buttonClick: function (el, boardId) {
                                                    var page = Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().cardviewerpage;
                                                    Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().cardviewerpage = Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().cardviewerpage + 1;
                                                    instance.loadmore(boardId,page,reportid,CardViewId,tablevalues,instance.res.AppliedColumn.trim(),instance.res.AssignColumn.trim(),instance.res.TemplateText);
                                                    var formItem = document.createElement('form');
                                                    formItem.setAttribute('class', 'itemform');
                                                    //KanbanTest.addForm(boardId, formItem);
                                                    //document.getElementById('CancelBtn').onclick = function () {
                                                    //    formItem.parentNode.removeChild(formItem);
                                                    //};
                                                },
                                             }); if($('[data-isconclusive="true"]').length !=0){
                                                let stageNameConclusive = $('[data-isconclusive="true"]').parents('.kanban-board').attr('data-id');
                                                $('[data-id="'+stageNameConclusive+'"]').addClass('position-absolute').css('margin-top', '440px');}`);
                                            viewerEl.find(".kanban-title-board").addClass('text-truncate');
                                            viewerEl.find('.kanban-container').addClass('d-flex align-items-start');
                                            for (let i = 0; i < uniqueidarray.length; i++) {
                                                var uniqueresult = tablevalues.filter(function (o) { return o[instance.res.AppliedColumn.trim()] === uniqueidarray[i]; });
                                                viewerEl.find(`[data-id='${uniqueidarray[i]}'] .kanban-title-button`).addClass('d-none');
                                                var TrimmedBoardName = uniqueidarray[i];
                                                viewerEl.find(`[data-id='${uniqueidarray[i]}'] .kanban-board-header`).append('<span class="kanban-header-badge badge badge-primary badge-outline font-14 font-weight-600 flex-shrink-0"><span id=spn_' + TrimmedBoardName + '>' + uniqueresult.length + '</span> of ' + uniqueresult[0].groupbycount + '</span>');
                                            }
                                            if (morearray.length > 0) {
                                                for (let i = 0; i < morearray.length; i++) {
                                                    var moreeresult = tablevalues.filter(function (o) { return o[instance.res.AppliedColumn.trim()] === morearray[i]; });
                                                    var TrimmedBoardName = morearray[i].replace(" ", "");
                                                    viewerEl.find(`[data-id='${morearray[i]}'] .kanban-board-header`).append('<span class="kanban-header-badge badge badge-primary badge-outline font-14 font-weight-600 flex-shrink-0"><span id=spn_' + TrimmedBoardName + '>' + moreeresult.length + '</span> of ' + moreeresult[0].groupbycount + '</span>');
                                                }
                                            }
                                            viewerEl.find(".kanban-drag").css({ "min-height": "max-content", "max-height": "500px", "min-width": "250px" }).addClass('biz-custom-scrollbar');
                                            viewerEl.find("main.kanban-drag").css('height', 'fit-content');
                                            uniqueidarray = [];
                                            viewerEl.find(".btnfritem").parent().addClass('w-100 d-flex justify-content-center mt-1 align-items-center mb-2').attr('style', '');
                                            viewerEl.find(".btnfritem").addClass("lenght_2");
                                            viewerEl.find(".btnfritem").html("More");
                                            $(".btnfritem").css({ "background-color": "white", "padding": "4px 12px", "font-weight": "bold" });
                                        }
                                        else {
                                            $(`#${containerid} .kanban-container`).html(`<div class="alert alert-primary text-center mb-0 border-0 rounded-0 w-100 font-14 font-weight-500">No data available</div>`).css("width", "100%");
                                        }
                                        if (rv_ins.isEnableCount) {
                                            $("#Viewer_pagintion" + instance.containerId).html(tablevalues.length + ' ' + 'of' + ' ' + rv_ins.totalRecords);
                                        }
                                    }
                                    else
                                        return MessageHelper.Instance().showError("Something went wrong", "div_ErrorMessage");
                                });
                            });
                        });
                    }
                    static Instance() {
                        return new Unibase.Platform.Analytics.Viewers.CardViewer();
                    }
                }
                Viewers.CardViewer = CardViewer;
            })(Viewers = Analytics.Viewers || (Analytics.Viewers = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class _Chart extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.IsChartBuilder = true;
                        this.ChartAxis = { Horizontal: 'XAxis', Vertical: 'YAxis', GroupBy: 'GroupBy', LineChart: 'LineChart' };
                        this.xaxisColumns = [];
                        this.yaxisColumns = [];
                        this.groupColumns = [];
                        this.chartBaseColumns = [];
                        this.yaxisColors = [];
                        this.groupColors = [];
                        this.XaxisData = [];
                        this.YaxisData = [];
                        this.XaxisStackData = [];
                        this.stackedDataSet = [];
                        this.groupedStackedDataSet = [];
                        this.Dataset = [];
                        this.DataSetColors = [];
                        this.paletteColors = [];
                        this.DatasetTooltips = [];
                        this.colorAppliedOn = 1;
                        this.ColumnColors = [];
                        this.RowColors = [];
                        this.IsColorPalette = false;
                        this.defaultColor = false;
                        this.barThikness = 40;
                        this.appliedColumnColor = [];
                        this.appliedColumnValueColor = [];
                        this.Colors = [];
                        this.toolTipArray = [];
                        this.isColumnRename = false;
                        this.ChartSelectedColumns = [];
                        this.SelectedValueColorColumns = [];
                        this.CoordinateDisplayText = "";
                        this.displayLegend = false;
                        this.isFilterable = [];
                        this.chartContainerId = "";
                        this.lineChartColumns = [];
                        this.xAxisLables = [];
                        this.isDataLabel = false;
                        this.isTooltipHeader = true;
                        this._reportManager = Analytics.Managers.ReportManager.Instance();
                        this._reportBuilder = Analytics.Reports.ReportBuilder.Instance();
                    }
                    selected_Coordinate(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let Chart = [];
                            let html = "";
                            let XAxis = false, YAxis = false, GroupBy = false, LineChart = false, isBaseColumn = false;
                            var isFill = instance.isFilterable[obj.ColumnName];
                            if (obj.CoordinateTypeId == instance.ChartAxis.Horizontal) {
                                Chart = instance.xaxisColumns;
                                XAxis = true;
                                if (instance._reportBuilder.isEdit == true || instance._reportBuilder.reportid == 0) {
                                    html = instance._reportBuilderTemplate.loadSelect2Column(obj.ColumnId, obj.ColumnName, obj.DataType);
                                    instance._reportBuilder.setSelectOption("xaxis_select");
                                }
                            }
                            else if (obj.CoordinateTypeId == instance.ChartAxis.Vertical) {
                                Chart = instance.yaxisColumns;
                                YAxis = true;
                                if (instance._reportBuilder.isEdit == true || instance._reportBuilder.reportid == 0) {
                                    html = instance._reportBuilderTemplate.loadSelect2Column(obj.ColumnId, obj.ColumnName, obj.DataType);
                                    instance._reportBuilder.setSelectOption("yaxis_select");
                                }
                            }
                            else if (obj.CoordinateTypeId == instance.ChartAxis.LineChart) {
                                Chart = instance.lineChartColumns;
                                LineChart = true;
                                if (instance._reportBuilder.isEdit == true || instance._reportBuilder.reportid == 0) {
                                    html = instance._reportBuilderTemplate.loadSelect2Column(obj.ColumnId, obj.ColumnName, obj.DataType);
                                    instance._reportBuilder.setSelectOption("line_chart_select");
                                }
                            }
                            else if (obj.CoordinateTypeId == instance.ChartAxis.BaseColumn) {
                                Chart = instance.chartBaseColumns;
                                isBaseColumn = true;
                                if (instance._reportBuilder.isEdit == true || instance._reportBuilder.reportid == 0) {
                                    html = instance._reportBuilderTemplate.loadSelect2Column(obj.ColumnId, obj.ColumnName, obj.DataType);
                                    instance._reportBuilder.setSelectOption("base_column_select");
                                }
                            }
                            else {
                                Chart = instance.groupColumns;
                                GroupBy = true;
                                if (instance._reportBuilder.isEdit == true || instance._reportBuilder.reportid == 0) {
                                    html = instance._reportBuilderTemplate.loadSelect2Column(obj.ColumnId, obj.ColumnName, obj.DataType);
                                    instance._reportBuilder.setSelectOption("groupby_select");
                                }
                            }
                            Chart.push({
                                ChartColumnId: 0,
                                ColumnId: obj.ColumnId,
                                ColumnName: obj.ColumnName,
                                AliasName: obj.AliasName,
                                DataType: obj.DataType,
                                IsHidden: true,
                                Aggregation: Analytics.Reports.Enums.AggregationType.none,
                                SortOrder: "none",
                                DisplayText: obj.DisplayText,
                                XAxis: XAxis,
                                YAxis: YAxis,
                                GroupBy: GroupBy,
                                IsLineChart: LineChart,
                                IsFilterable: (isFill) ? isFill.IsFilterable : false,
                                YearComparisonType: 0,
                                ColorType: obj.ColorType,
                                IsBaseColumn: isBaseColumn,
                                IsNumAbb: obj.IsNumAbb !== undefined ? obj.IsNumAbb : true
                            });
                            if (obj.divId != undefined && obj.divId != "") {
                                $("#" + obj.divId).append(html);
                            }
                            var len = instance._reportBuilder.selectedColumns.length;
                            var reportid = instance._reportBuilder.reportid;
                            if ((len > 0 && reportid != 0) || (reportid == 0)) {
                                let Index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(obj.DisplayText);
                                if (Index == -1) {
                                    var selCol = new SelectedColumns();
                                    selCol.ColumnId = obj.ColumnId;
                                    selCol.ColumnName = obj.ColumnName;
                                    selCol.AliasName = obj.AliasName;
                                    selCol.DisplayText = obj.DisplayText;
                                    selCol.DataType = obj.DataType;
                                    selCol.GroupBy = GroupBy;
                                    selCol.IsLineChart = LineChart;
                                    selCol.Isvisible = true;
                                    instance._reportBuilder._selectedColumns(selCol);
                                    yield instance._reportBuilder.load_data(instance._reportBuilder.table);
                                }
                                else {
                                    yield instance.chart_dataSet();
                                }
                            }
                            if (instance.IsChartBuilder == true) {
                                instance._chartBuilder.coordinate_DropDown(obj.CoordinateTypeId);
                                instance._chartBuilder.CoordinateDisplayText = "";
                            }
                            instance.enableOrDisableChartIcons();
                        });
                    }
                    clearChart(id) {
                        let containerid = id.replace("-chart-canvas", "");
                        let html = document.getElementById(id).outerHTML;
                        if (id == "myChart_FullScreen") {
                            document.getElementById("ChartCanvasDiv_FullScreen").innerHTML = '&nbsp;';
                            document.getElementById("ChartCanvasDiv_FullScreen").innerHTML = html;
                        }
                        else if (id == "myChart") {
                            document.getElementById("ChartCanvasDiv").innerHTML = '&nbsp;';
                            document.getElementById("ChartCanvasDiv").innerHTML = html;
                            $("#legend").empty();
                        }
                        else {
                            document.getElementById("ChartCanvasDiv" + containerid).innerHTML = '&nbsp;';
                            document.getElementById("ChartCanvasDiv" + containerid).innerHTML = html;
                        }
                    }
                    groupedPivotRows(data, pivotRows) {
                        var instance = this;
                        let grouped = [];
                        let pivotCol = instance._reportBuilder.pivot.ColumnName;
                        var colId = instance.groupColumns[0].ColumnId;
                        instance.addGroupColors(data, pivotCol, instance.ChartAxis.GroupBy);
                        pivotRows.map(function (i) {
                            let grpobj = grouped.find(x => x.Field == i) ? true : false;
                            if (grpobj != true) {
                                var grpcolor = instance.groupColors[pivotCol];
                                grouped.push({
                                    Field: i,
                                    Color: grpcolor ? grpcolor.c : null
                                });
                            }
                        });
                        return { groupeddata: grouped, pivotdata: data };
                    }
                    PivotData_Old() {
                        var instance = this;
                        let data = instance.ChartData;
                        let xaxiscols = instance.xaxisColumns[0];
                        let grpcols = instance.groupColumns[0];
                        instance.addGroupColors(data, grpcols.DisplayText, instance.ChartAxis.GroupBy);
                        var colvalwithcolors = "";
                        let pivotdata = [], grouped = [], stackedDataSetLabels = [];
                        instance.XaxisStackData = [];
                        instance.Colors = [];
                        let index = 0;
                        for (var i = 0; i < data.length; i++) {
                            let dataitem = data[i];
                            let grpobj = grouped.find(x => x.Field == dataitem[grpcols.DisplayText]) ? true : false;
                            if (grpobj != true) {
                                var grpcolor = instance.groupColors[dataitem[grpcols.DisplayText]];
                                grouped.push({
                                    Field: dataitem[grpcols.DisplayText],
                                    Color: grpcolor ? grpcolor.c : null
                                });
                                index++;
                            }
                            for (let k = 0; k < instance.yaxisColumns.length; k++) {
                                var yaxiscols = instance.yaxisColumns[k];
                                let dataobj = pivotdata.find(x => x[xaxiscols.DisplayText] == dataitem[xaxiscols.DisplayText] && x.stack == "stack" + k);
                                ;
                                if (dataobj == null || dataobj == undefined) {
                                    let obj = {};
                                    obj[xaxiscols.DisplayText] = dataitem[xaxiscols.DisplayText];
                                    obj[dataitem[grpcols.DisplayText]] = dataitem[yaxiscols.DisplayText];
                                    obj["stack"] = "stack" + k;
                                    pivotdata.push(obj);
                                    instance.XaxisStackData.push(dataitem[xaxiscols.DisplayText]);
                                }
                                else {
                                    dataobj[dataitem[grpcols.DisplayText]] = dataitem[yaxiscols.DisplayText];
                                }
                            }
                        }
                        if (instance.defaultColor || instance.IsColorPalette)
                            instance.Colors[grpcols.DisplayText] = { colors: colvalwithcolors, columnName: grpcols.DisplayText };
                        return { groupeddata: grouped, pivotdata: pivotdata };
                    }
                    PivotData() {
                        var instance = this;
                        let data = instance.ChartData;
                        let xaxiscols = instance.xaxisColumns[0];
                        let grpcols = instance.groupColumns[0];
                        instance.addGroupColors(data, grpcols.DisplayText, instance.ChartAxis.GroupBy);
                        var colvalwithcolors = "";
                        let pivotdata = [], grouped = [], stackedDataSetLabels = [];
                        instance.XaxisStackData = [];
                        instance.Colors = [];
                        let index = 0;
                        var groupedStackedData = [];
                        for (let k = 0; k < instance.yaxisColumns.length; k++) {
                            var yaxiscols = instance.yaxisColumns[k];
                            for (var i = 0; i < data.length; i++) {
                                let dataitem = data[i];
                                let grpobj = grouped.find(x => x.Field == dataitem[grpcols.DisplayText]) ? true : false;
                                if (grpobj != true) {
                                    var grpcolor = instance.groupColors[dataitem[grpcols.DisplayText]];
                                    grouped.push({
                                        Field: dataitem[grpcols.DisplayText],
                                        Color: grpcolor ? grpcolor.c : null
                                    });
                                    index++;
                                }
                                let dataobj = pivotdata.find(x => x[xaxiscols.DisplayText] == dataitem[xaxiscols.DisplayText]);
                                if (dataobj == null || dataobj == undefined) {
                                    let obj = {};
                                    obj[xaxiscols.DisplayText] = dataitem[xaxiscols.DisplayText];
                                    obj[dataitem[grpcols.DisplayText]] = dataitem[yaxiscols.DisplayText];
                                    pivotdata.push(obj);
                                    instance.XaxisStackData.push(dataitem[xaxiscols.DisplayText]);
                                }
                                else {
                                    dataobj[dataitem[grpcols.DisplayText]] = dataitem[yaxiscols.DisplayText];
                                }
                            }
                            groupedStackedData[yaxiscols.DisplayText] = { Data: pivotdata, Stack: "stack" + k };
                            groupedStackedData.length = groupedStackedData.length + 1;
                            pivotdata = [];
                        }
                        if (instance.defaultColor || instance.IsColorPalette)
                            instance.Colors[grpcols.DisplayText] = { colors: colvalwithcolors, columnName: grpcols.DisplayText };
                        return { groupeddata: grouped, pivotdata: pivotdata, groupedStackedData: groupedStackedData };
                    }
                    groupedStackDataSet() {
                        var instance = this;
                        var data = instance.PivotData();
                        let grpdata = [], DataSet = [];
                        for (var y = 0; y < instance.yaxisColumns.length; y++) {
                            var pivotdata = data.groupedStackedData[instance.yaxisColumns[y].AliasName];
                            for (var g = 0; g < data.groupeddata.length; g++) {
                                pivotdata.Data.map(function (p) {
                                    if (p[data.groupeddata[g].Field])
                                        grpdata.push(p[data.groupeddata[g].Field]);
                                    else
                                        grpdata.push(0);
                                });
                                var color = "";
                                if (instance.paletteColors.length > 0) {
                                    color = instance.paletteColors[g];
                                }
                                else {
                                    color = instance.getRandomColor();
                                }
                                DataSet.push({
                                    label: data.groupeddata[g].Field,
                                    data: grpdata,
                                    backgroundColor: color,
                                    stack: pivotdata.Stack,
                                });
                                grpdata = [];
                                instance.PivotDataSet = DataSet;
                            }
                        }
                        function removeDuplicates(arr) {
                            return arr.filter((item, index) => arr.indexOf(item) === index);
                        }
                        instance.XaxisStackData = removeDuplicates(instance.XaxisStackData);
                    }
                    groupedStackDataSet_Old() {
                        var instance = this;
                        var data = instance.PivotData();
                        let grpdata = [], DataSet = [];
                        for (var i = 0; i < data.groupeddata.length; i++) {
                            let stack = "";
                            data.pivotdata.map(function (p) {
                                if (p[data.groupeddata[i].Field])
                                    grpdata.push(p[data.groupeddata[i].Field]);
                                else
                                    grpdata.push(0);
                                stack = p.stack;
                            });
                            DataSet.push({
                                label: data.groupeddata[i].Field,
                                data: grpdata,
                                backgroundColor: data.groupeddata[i].Color,
                                stack: stack,
                            });
                            grpdata = [];
                        }
                        DataSet.push();
                        instance.PivotDataSet = DataSet;
                    }
                    groupedStackDataSet_New() {
                        var instance = this;
                        instance.XaxisData = [];
                        instance.groupedStackedDataSet = [];
                        let data = instance.ChartData;
                        let xaxiscols = instance.xaxisColumns[0];
                        let grpcols = instance.groupColumns[0];
                        for (var i = 0; i < data.length; i++) {
                            var dataItem = data[i];
                            var XData = dataItem[xaxiscols.DisplayText];
                            instance.XaxisData.push(XData);
                            for (var y = 0; y < instance.yaxisColumns.length; y++) {
                                var yCol = instance.yaxisColumns[y];
                                var gData = [];
                                for (var g = 0; g < instance.ChartData.length; g++) {
                                    var gVal = instance.ChartData[g][grpcols.DisplayText];
                                    if (gVal == dataItem[grpcols.DisplayText])
                                        gData.push(dataItem[yCol.DisplayText]);
                                    else
                                        gData.push(0);
                                }
                                var color = "";
                                if (instance.paletteColors.length > 0) {
                                    color = instance.paletteColors[i];
                                }
                                else {
                                    color = instance.getRandomColor();
                                }
                                var dataSet = {
                                    label: dataItem[grpcols.DisplayText],
                                    type: "bar",
                                    stack: "stack " + y,
                                    backgroundColor: color,
                                    data: gData,
                                };
                                instance.groupedStackedDataSet.push(dataSet);
                            }
                        }
                        function removeDuplicates(arr) {
                            return arr.filter((item, index) => arr.indexOf(item) === index);
                        }
                        instance.XaxisStackData = removeDuplicates(instance.XaxisStackData);
                    }
                    stackedBar() {
                        var instance = this;
                        instance.stackedDataSet = [];
                        let xaxiscols = instance.xaxisColumns[0];
                        let data = instance.ChartData;
                        for (var i = 0; i < data.length; i++) {
                            let dataitem = data[i];
                            var color = "";
                            if (instance.paletteColors.length > 0) {
                                color = instance.paletteColors[i];
                            }
                            else {
                                color = instance.getRandomColor();
                            }
                            for (let y = 0; y < instance.yaxisColumns.length; y++) {
                                var yaxiscols = instance.yaxisColumns[y];
                                var ydata = [];
                                for (var x = 0; x < instance.XaxisData.length; x++) {
                                    if (instance.XaxisData[x] == dataitem[xaxiscols.DisplayText])
                                        ydata.push(dataitem[yaxiscols.DisplayText]);
                                    else
                                        ydata.push(0);
                                }
                                var obj = {
                                    label: dataitem[xaxiscols.DisplayText],
                                    type: "bar",
                                    stack: "stack " + y,
                                    backgroundColor: color,
                                    data: ydata,
                                };
                                instance.stackedDataSet.push(obj);
                            }
                        }
                    }
                    test(id) {
                        let canvas = document.getElementById(id);
                        let ctx = canvas.getContext("2d");
                        var chart = new Chart(ctx, {
                            type: 'bar',
                            data: {
                                labels: [2017, 2018, 2019, 2020, 2021, 2022, 2023],
                                datasets: [{
                                        label: "Income - Base",
                                        type: "bar",
                                        stack: "stack 0",
                                        backgroundColor: "#eece01",
                                        data: [30, 31, 32, 33, 34, 35, 36],
                                    }, {
                                        label: "Tax - Base",
                                        type: "bar",
                                        stack: "stack 0",
                                        backgroundColor: "#87d84d",
                                        data: [-15, -16, -17, -18, -19, -20, -21],
                                    }, {
                                        label: "Income - Base",
                                        type: "bar",
                                        stack: "stack 1",
                                        backgroundColor: "#f8981f",
                                        data: [20, 21, 22, 23, 24, 25, 26],
                                    }, {
                                        label: "Tax - Sensitivity",
                                        type: "bar",
                                        stack: "stack 1",
                                        backgroundColor: "#00b300",
                                        data: [-10, -11, -12, -13, -14, -15, -16]
                                    }]
                            },
                            options: {
                                scales: {
                                    xAxes: [{
                                            stacked: true,
                                            ticks: {
                                                beginAtZero: true,
                                                maxRotation: 0,
                                                minRotation: 0
                                            }
                                        }],
                                    yAxes: [{
                                            stacked: true,
                                        }]
                                },
                            }
                        });
                    }
                    pivotDataSet() {
                        var instance = this;
                        let colors = "";
                        var chartdata;
                        var data;
                        let pivotRows;
                        instance.XaxisStackData = [];
                        if (instance.IsChartBuilder) {
                            chartdata = JSON.parse(instance._reportBuilder.tableData);
                        }
                        else {
                            chartdata = instance.ChartData;
                        }
                        if (instance._reportBuilder.pivot.PivotRows.length != 0) {
                            pivotRows = instance._reportBuilder.pivot.PivotRows;
                        }
                        data = instance.groupedPivotRows(chartdata, pivotRows);
                        for (var i = 0; i < chartdata.length; i++) {
                            let dataitem = chartdata[i];
                            let xaxiscols = instance.xaxisColumns[0];
                            instance.XaxisStackData.push(dataitem[xaxiscols.DisplayText]);
                        }
                        let grpdata = [], DataSet = [];
                        for (var i = 0; i < data.groupeddata.length; i++) {
                            data.pivotdata.map(function (p) {
                                if (p[data.groupeddata[i].Field])
                                    grpdata.push(p[data.groupeddata[i].Field]);
                                else
                                    grpdata.push(0);
                            });
                            DataSet.push({
                                label: data.groupeddata[i].Field,
                                data: grpdata,
                                backgroundColor: data.groupeddata[i].Color
                            });
                            grpdata = [];
                        }
                        DataSet.push();
                        instance.PivotDataSet = DataSet;
                        instance.ValueColors = colors;
                    }
                    toolTip() {
                        var instance = this;
                        instance.DatasetTooltips = [];
                        if (instance.toolTipArray.length > 0) {
                            for (var i = 0; i < instance.toolTipArray.length; i++) {
                                var tooltiparr = instance.toolTipArray[i];
                                let Labelarr = [];
                                instance.ChartData.map(function (v) {
                                    Labelarr.push(v[tooltiparr.ColumnName]);
                                });
                                instance.DatasetTooltips.push({ ColumnName: tooltiparr.AliasName, DisplayText: tooltiparr.DisplayText, labels: Labelarr });
                            }
                        }
                    }
                    toolTipDataItem(tooltipItem, data) {
                        var instance = this;
                        let chartType = Unibase.Platform.Analytics.Charts.Enums.ChartType;
                        if (instance.ChartTypeId == chartType.doughnut || instance.ChartTypeId == chartType.pie) {
                            if (instance.DatasetTooltips.length != 0) {
                                let labels = [];
                                for (var i = 0; i < instance.DatasetTooltips.length; i++) {
                                    var label;
                                    label = instance.DatasetTooltips[i].DisplayText || '';
                                    if (label) {
                                        label += ': ';
                                    }
                                    label += instance.DatasetTooltips[i].labels[tooltipItem.dataIndex];
                                    labels.push(this.convertLabelToPascalCase(label).toString());
                                }
                                return labels;
                            }
                            else {
                                let labels;
                                labels = tooltipItem.dataset && tooltipItem.dataset.label && this.convertLabelToPascalCase(tooltipItem.dataset.label.toString().trim()) || '';
                                if (labels) {
                                    labels += ': ';
                                }
                                labels += data[tooltipItem.dataIndex];
                                return labels;
                            }
                        }
                        else {
                            if (instance.DatasetTooltips.length != 0) {
                                let labels = [];
                                for (var i = 0; i < instance.DatasetTooltips.length; i++) {
                                    var label;
                                    label = instance.DatasetTooltips[i].DisplayText || '';
                                    if (label) {
                                        label += ': ';
                                    }
                                    if (instance.ChartTypeId == chartType.bubble)
                                        label += instance.DatasetTooltips[i].labels[tooltipItem.dataIndex - 1];
                                    else
                                        label += instance.DatasetTooltips[i].labels[tooltipItem.dataIndex];
                                    labels.push(this.convertLabelToPascalCase(label.toString()));
                                }
                                return labels;
                            }
                            else {
                                let labels;
                                labels = tooltipItem.dataset && tooltipItem.dataset.label && tooltipItem.dataset.label.toString().trim() || '';
                                if (labels) {
                                    labels += ': ';
                                }
                                labels = this.convertLabelToPascalCase(labels.toString());
                                labels += (instance.ChartTypeId == chartType.horizontalBar || instance.ChartTypeId == chartType.stackedHorizontalBar || instance.ChartTypeId == chartType.groupedstackedHorizontalBar) ? tooltipItem.parsed.x : tooltipItem.parsed.y;
                                return labels;
                            }
                        }
                    }
                    addColumnColors() {
                        var instance = this;
                        let html = "";
                        let HasColors = 1;
                        if (instance.appliedColumnColor.length == 0) {
                            HasColors = 0;
                        }
                        $("#lstDatalists").empty();
                        var columns = [];
                        instance.appliedColumnColor = [];
                        instance.ChartSelectedColumns = [];
                        let ChartColorPickerColumns;
                        instance.ChartSelectedColumns = instance._chartBuilder.coordinate_Elements(true, true, true, true, true, true);
                        if (instance.groupColumns.length != 0)
                            ChartColorPickerColumns = instance._chartBuilder.coordinate_Elements(false, false, true, false, false, false);
                        else
                            ChartColorPickerColumns = instance._chartBuilder.coordinate_Elements(true, false, false, false, false, false);
                        for (var i = 0; i < ChartColorPickerColumns.length; i++) {
                            let ColumnId = ChartColorPickerColumns[i].ColumnId;
                            let ColumnName = ChartColorPickerColumns[i].ColumnName;
                            let DisplayText = ChartColorPickerColumns[i].DisplayText;
                            if (jQuery.inArray(DisplayText, columns) == -1) {
                                if (!instance.IsColorPalette) {
                                    let randomcolor = instance.getRandomColor();
                                    instance.appliedColumnColor[DisplayText] = { "ColumnId": ColumnId, "ColumnName": ColumnName, "DisplayText": DisplayText, "Color": randomcolor };
                                    var Color_len = instance.appliedColumnColor.length;
                                    instance.appliedColumnColor.length = Color_len + 1;
                                }
                                else {
                                    instance.appliedColumnColor[DisplayText] = { "ColumnId": ColumnId, "ColumnName": ColumnName, "DisplayText": DisplayText, "Color": instance.ColumnColors[0] };
                                    var Color_len = instance.appliedColumnColor.length;
                                    instance.appliedColumnColor.length = Color_len + 1;
                                }
                                columns.push(DisplayText);
                            }
                        }
                    }
                    addColumnColors_new(tabledata) {
                        var instance = this;
                        instance.appliedColumnColor = [];
                        instance.ChartSelectedColumns = [];
                        instance.ChartSelectedColumns = instance._chartBuilder.coordinate_Elements(true, true, true, true, true, true);
                        for (var i = 0; i < tabledata.length; i++) {
                            var xaxiscol = instance.xaxisColumns[0];
                            let ColumnId = xaxiscol.ColumnId;
                            let ColumnName = xaxiscol.ColumnName;
                            let DisplayText = xaxiscol.DisplayText;
                            let xcolumnValueColor = tabledata[i][DisplayText];
                            var isValExist = instance.appliedColumnColor[xcolumnValueColor + '_' + i];
                            if (isValExist == undefined) {
                                if (!instance.IsColorPalette) {
                                    let randomcolor = instance.getRandomColor();
                                    instance.appliedColumnColor[xcolumnValueColor + '_' + i] = { "ColumnId": ColumnId, "ColumnName": ColumnName, "DisplayText": DisplayText, "Value": xcolumnValueColor, "Color": randomcolor };
                                    var Color_len = instance.appliedColumnColor.length;
                                    instance.appliedColumnColor.length = Color_len + 1;
                                }
                                else {
                                    instance.appliedColumnColor[xcolumnValueColor + '_' + i] = { "ColumnId": ColumnId, "ColumnName": ColumnName, "DisplayText": DisplayText, "Value": xcolumnValueColor, "Color": instance.ColumnColors[0] };
                                    var Color_len = instance.appliedColumnColor.length;
                                    instance.appliedColumnColor.length = Color_len + 1;
                                }
                            }
                        }
                    }
                    addValueColors(ColumnId, DisplayText, data) {
                        var instance = this;
                        let Color = "";
                        let tabledata = "";
                        let IsPivot = false;
                        instance.ChartSelectedColumns = [];
                        instance.appliedColumnValueColor = [];
                        tabledata = data;
                        if ((Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().pivot.PivotRows)) {
                            if (instance._reportBuilder.pivot.PivotRows.length != 0) {
                                tabledata = instance._reportBuilder.pivot.PivotRows;
                                IsPivot = true;
                            }
                        }
                        var columnValues = [];
                        for (var i = 0; i < tabledata.length; i++) {
                            let Value = (IsPivot) ? tabledata[i] : tabledata[i][DisplayText];
                            if (Value != null) {
                                Value = Value.toString();
                            }
                            else {
                                Value = "";
                            }
                            let OrgValue = Value;
                            if (jQuery.inArray(OrgValue, columnValues) == -1) {
                                if (!instance.IsColorPalette) {
                                    Color = instance.getRandomColor();
                                    instance.appliedColumnValueColor[DisplayText + '_' + OrgValue] = { "ColumnId": ColumnId, "DisplayText": DisplayText, "ColumnValue": OrgValue, "Color": Color };
                                    var Values_len = instance.appliedColumnValueColor.length;
                                    instance.appliedColumnValueColor.length = Values_len + 1;
                                }
                                else {
                                    instance.appliedColumnValueColor[DisplayText + '_' + OrgValue] = { "ColumnId": ColumnId, "DisplayText": DisplayText, "ColumnValue": OrgValue, "Color": instance.RowColors[i] };
                                    var Values_len = instance.appliedColumnValueColor.length;
                                    instance.appliedColumnValueColor.length = Values_len + 1;
                                }
                                columnValues.push(OrgValue);
                            }
                        }
                    }
                    addValueColors_new(data, displaytext, chartAxis) {
                        var instance = this;
                        let tabledata = "";
                        let IsPivot = false;
                        instance.ChartSelectedColumns = [];
                        instance.appliedColumnValueColor = [];
                        instance.ChartSelectedColumns = instance._chartBuilder.coordinate_Elements(true, true, true, true, true, true);
                        tabledata = data;
                        if ((Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().pivot.PivotRows)) {
                            if (instance._reportBuilder.pivot.PivotRows.length != 0) {
                                tabledata = instance._reportBuilder.pivot.PivotRows;
                                IsPivot = true;
                            }
                        }
                        instance.valueColors_new(tabledata, displaytext, instance.yaxisColumns, chartAxis);
                    }
                    valueColors(tabledata, displaytext, ycolumns, chartAxis) {
                        var instance = this;
                        let Color = "";
                        var groupvalues = [];
                        let color_index = 0;
                        for (var y = 0; y < ycolumns.length; y++) {
                            var yaxiscol = ycolumns[y];
                            let index = 0;
                            for (var i = 0; i < tabledata.length; i++) {
                                if (chartAxis == instance.ChartAxis.GroupBy) {
                                    var grpVal = groupvalues.find(g => g == tabledata[i][displaytext]) ? true : false;
                                    if (grpVal) {
                                        continue;
                                    }
                                    groupvalues.push(tabledata[i][displaytext]);
                                }
                                var xyaxiscolvals = index;
                                if (!instance.IsColorPalette) {
                                    Color = instance.getRandomColor();
                                    instance.appliedColumnValueColor[xyaxiscolvals] = { "DisplayText": displaytext, "Value": xyaxiscolvals, "Color": Color };
                                    var Values_len = instance.appliedColumnValueColor.length;
                                    instance.appliedColumnValueColor.length = Values_len + 1;
                                }
                                else {
                                    instance.appliedColumnValueColor[xyaxiscolvals] = { "DisplayText": displaytext, "Value": xyaxiscolvals, "Color": instance.RowColors[color_index] };
                                    var Values_len = instance.appliedColumnValueColor.length;
                                    instance.appliedColumnValueColor.length = Values_len + 1;
                                    color_index++;
                                }
                                index++;
                            }
                        }
                    }
                    valueColors_new(tabledata, displaytext, ycolumns, chartAxis) {
                        var instance = this;
                        instance.yaxisColors = [];
                        var groupvalues = [], valueColors = [];
                        let color_index = 0;
                        let color = "", colorwithpipe = "";
                        for (var y = 0; y < ycolumns.length; y++) {
                            var yaxiscol = ycolumns[y];
                            let index = 0;
                            colorwithpipe = "";
                            for (var i = 0; i < tabledata.length; i++) {
                                if (chartAxis == instance.ChartAxis.GroupBy) {
                                    var grpVal = groupvalues.find(g => g == tabledata[i][displaytext]) ? true : false;
                                    if (grpVal) {
                                        continue;
                                    }
                                    groupvalues.push(tabledata[i][displaytext]);
                                }
                                if (!instance.IsColorPalette) {
                                    color = instance.getRandomColor();
                                    valueColors.push(color);
                                }
                                else {
                                    color = instance.RowColors[color_index];
                                    valueColors.push(color);
                                    color_index++;
                                }
                                colorwithpipe += "" + color + "|";
                                index++;
                            }
                            let yindex = true;
                            if (instance.yaxisColors.length > 0)
                                yindex = instance.yaxisColors.find(y => y.columnName != yaxiscol.ColumnName) ? true : false;
                            if (yindex) {
                                instance.yaxisColors.push({ columnName: yaxiscol.DisplayText, colors: valueColors, colorwithpipesymb: colorwithpipe });
                                valueColors = [];
                            }
                        }
                    }
                    getRandomColor() {
                        let randomcolor = '#' + Math.floor(Math.random() * 16777215).toString(16);
                        if (randomcolor == '#000000') {
                            randomcolor = '#' + Math.floor(Math.random() * 16777215).toString(16);
                        }
                        if (randomcolor.length == 6) {
                            randomcolor = randomcolor.replace("#", "#0");
                        }
                        return randomcolor;
                    }
                    chartViewer_Colors(color, columnId, columnName) {
                        var instance = this;
                        if (color != "") {
                            var Val = color.split("|");
                            for (var i = 0; i < Val.length; i++) {
                                instance.DataSetColors.push(Val[i]);
                                instance.appliedColumnValueColor[i] = { "Value": i, "Color": Val[i] };
                                var Values_len = instance.appliedColumnValueColor.length;
                                instance.appliedColumnValueColor.length = Values_len + 1;
                            }
                        }
                    }
                    _dataSetColors_old(xdisplayText, displaytext, colorType) {
                        var instance = this;
                        var data = instance.ChartData;
                        var colvalwithcolors = "";
                        instance.DataSetColors = [];
                        for (var i = 0; i < data.length; i++) {
                            var dataValue = data[i];
                            var ColumnColors = instance.appliedColumnValueColor[i];
                            if (ColumnColors) {
                                instance.DataSetColors.push(ColumnColors.Color);
                                colvalwithcolors += "" + ColumnColors.Color + "|";
                            }
                        }
                        instance.Colors[displaytext] = { colors: colvalwithcolors, columnName: displaytext };
                    }
                    addyAxisColors(tabledata, ycolumns, chartAxis) {
                        var instance = this;
                        instance.yaxisColors = [];
                        var groupvalues = [];
                        let color_index = 0, paletteindex = 0;
                        var color = "";
                        var colcolors = [], rowcolors = [];
                        for (var y = 0; y < ycolumns.length; y++) {
                            var yaxiscol = ycolumns[y];
                            colcolors = [];
                            rowcolors = [];
                            if (instance.colorAppliedOn == Unibase.Platform.Analytics.Enums.ColorType.column) {
                                if (instance.paletteColors.length > 0) {
                                    color = instance.paletteColors[y];
                                }
                                else {
                                    color = instance.getRandomColor();
                                }
                                colcolors.push(color);
                                instance.yaxisColors.push({ columnName: yaxiscol.AliasName, colors: colcolors });
                            }
                            else {
                                for (var i = 0; i < tabledata.length; i++) {
                                    if (instance.paletteColors.length > 0) {
                                        color = instance.paletteColors[paletteindex];
                                        paletteindex++;
                                    }
                                    else {
                                        color = instance.getRandomColor();
                                    }
                                    rowcolors.push(color);
                                }
                                instance.yaxisColors.push({ columnName: yaxiscol.AliasName, colors: rowcolors });
                            }
                        }
                    }
                    addGroupColors(tabledata, displaytext, chartAxis) {
                        var instance = this;
                        instance.groupColors = [];
                        var color = "";
                        if (chartAxis == instance.ChartAxis.GroupBy) {
                            for (var i = 0; i < tabledata.length; i++) {
                                var grpVal = instance.groupColors.find(g => g == tabledata[i][displaytext]) ? true : false;
                                if (grpVal) {
                                    continue;
                                }
                                if (instance.paletteColors.length > 0) {
                                    color = instance.paletteColors[i];
                                }
                                else {
                                    color = instance.getRandomColor();
                                }
                                instance.groupColors[tabledata[i][displaytext]] = { c: color };
                            }
                        }
                    }
                    _dataSetColors(displaytext) {
                        var instance = this;
                        instance.DataSetColors = [];
                        var ycol = instance.yaxisColors.find(y => y.columnName.toLowerCase() == displaytext);
                        if (ycol) {
                            instance.DataSetColors = ycol.colors;
                        }
                    }
                    chart_dataSet() {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            !this._chartBuilder && (this._chartBuilder = Analytics.Charts.ChartBuilder.Instance());
                            var chartType = Unibase.Platform.Analytics.Charts.Enums.ChartType;
                            if (instance.ChartTypeId != chartType.stackedBar && instance.ChartTypeId != chartType.stackedHorizontalBar) {
                                instance.XaxisData = [], instance.XaxisStackData = [], instance.Dataset = [];
                                instance.DataSetColors = [];
                                var xaxisCols = instance.xaxisColumns;
                                var yaxisCols = instance.yaxisColumns;
                                if (yaxisCols.length > 0)
                                    instance.addyAxisColors(instance.ChartData, yaxisCols, instance.ChartAxis.Vertical);
                                for (var x = 0; x < xaxisCols.length; x++) {
                                    var xColumn = xaxisCols[x];
                                    let AliasName = xColumn.DisplayText.toLowerCase();
                                    let ColumnName = xColumn.ColumnName.toLowerCase();
                                    let xColumnId = xColumn.ColumnId;
                                    if (instance.ChartData) {
                                        for (var i = 0; i < instance.ChartData.length; i++) {
                                            var XData = instance.ChartData[i][AliasName];
                                            XData = this.convertLabelToPascalCase((XData && XData.toString()) || "");
                                            instance.XaxisData.push(XData);
                                        }
                                    }
                                }
                                if (instance.groupColumns.length == 0 || instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.bubble) {
                                    for (var y = 0; y < yaxisCols.length; y++) {
                                        var yColumns = yaxisCols[y];
                                        let displayName = this.getReportColumnDisplayTextByAliasName(yColumns.AliasName);
                                        let AliasName = yColumns.AliasName.toLowerCase();
                                        instance._dataSetColors(AliasName);
                                        if (instance.ChartData) {
                                            for (var j = 0; j < instance.ChartData.length; j++) {
                                                var YData = instance.ChartData[j][AliasName];
                                                instance.YaxisData.push(YData);
                                            }
                                        }
                                        var Data = [];
                                        let chartType = Unibase.Platform.Analytics.Charts.Enums.ChartType;
                                        if (instance.ChartTypeId == chartType.bubble) {
                                            Data = instance.bubbleData();
                                        }
                                        else {
                                            Data = instance.YaxisData;
                                        }
                                        var color = instance.getDataSetColors();
                                        var ydata = {
                                            label: this.convertLabelToPascalCase(displayName || ""),
                                            data: Data,
                                            borderColor: color.boarderColor,
                                            backgroundColor: color.backgroundColor,
                                            borderWidth: 1,
                                            fill: instance.IsFill,
                                        };
                                        if (instance.ChartTypeId == chartType.barWithLine)
                                            ydata["type"] = "bar";
                                        if (instance.chartBaseColumns && instance.chartBaseColumns.length && instance.chartBaseColumns[0].AliasName) {
                                            ydata["base"] = instance.ChartData.map(x => x[instance.chartBaseColumns[0].AliasName])[0];
                                            this.chartBaseValue = ydata["base"];
                                        }
                                        else {
                                            this.chartBaseValue = 0;
                                        }
                                        instance.Dataset.push(ydata);
                                        instance.YaxisData = [];
                                    }
                                }
                            }
                            let id = instance.ChartDivId ? instance.ChartDivId : 'myChart';
                            instance.chartType(id);
                        });
                    }
                    getDataSetColors() {
                        var instance = this;
                        var chartType = Unibase.Platform.Analytics.Charts.Enums.ChartType;
                        let backgroundColor = [];
                        if (instance.colorAppliedOn == Unibase.Platform.Analytics.Enums.ColorType.column)
                            backgroundColor = instance.DataSetColors[0];
                        else
                            backgroundColor = instance.DataSetColors;
                        if (instance.ChartTypeId == chartType.area) {
                            instance.IsFill = true;
                            backgroundColor = instance.DataSetColors;
                        }
                        else {
                            instance.IsFill = false;
                        }
                        let boarderColor = 'white';
                        if (instance.ChartTypeId == chartType.line || instance.ChartTypeId == chartType.barWithLine)
                            boarderColor = backgroundColor;
                        return { boarderColor: boarderColor, backgroundColor: backgroundColor };
                    }
                    pivotTable() {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            if (instance._reportBuilder.reportid == 0) {
                                yield instance._reportBuilder.load_data(instance._reportBuilder.table);
                            }
                        });
                    }
                    chartType(id) {
                        var instance = this;
                        let displayMode;
                        var width = $(window).width();
                        if (width <= 576) {
                            displayMode = Analytics.Reports.Enums.DisplayModeType.Mobile;
                        }
                        else {
                            displayMode = Analytics.Reports.Enums.DisplayModeType.DeskTop;
                        }
                        if (instance.xaxisColumns.length > 1) {
                            if (displayMode == Analytics.Reports.Enums.DisplayModeType.DeskTop)
                                instance.barThikness = 30;
                            else
                                instance.barThikness = 5;
                        }
                        else {
                            if (displayMode == Analytics.Reports.Enums.DisplayModeType.DeskTop)
                                instance.barThikness = 40;
                            else
                                instance.barThikness = 30;
                        }
                        if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.bar) {
                            instance.ChartTypeName = 'bar';
                            return instance.chart(id);
                        }
                        else if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.horizontalBar) {
                            instance.ChartTypeName = 'horizontalBar';
                            return instance.chart(id);
                        }
                        else if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.area) {
                            instance.ChartTypeName = 'line';
                            return instance.chart(id);
                        }
                        else if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.doughnut) {
                            instance.ChartTypeName = 'doughnut';
                            return instance.pieanddoughnutchart(id);
                        }
                        else if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.line) {
                            instance.ChartTypeName = 'line';
                            return instance.chart(id);
                        }
                        else if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.pie) {
                            instance.ChartTypeName = 'pie';
                            return instance.pieanddoughnutchart(id);
                        }
                        else if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.stackedBar) {
                            instance.ChartTypeName = 'bar';
                            return instance.stackChart(id);
                        }
                        else if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.stackedHorizontalBar) {
                            instance.ChartTypeName = 'horizontalBar';
                            return instance.stackChart(id);
                        }
                        else if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.bubble) {
                            instance.ChartTypeName = 'bubble';
                            return instance.bubbleChart(id);
                        }
                        else if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.barWithLine) {
                            $("#linechart").removeClass("hidden");
                            instance.ChartTypeName = 'bar';
                            return instance.chart(id);
                        }
                    }
                    chart(id) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let DataSet;
                            let xaxisData;
                            let isStack = false;
                            let indexAxis = 'x';
                            this.updateDatasetForDataLabel();
                            if (instance.groupColumns.length != 0) {
                                if (instance._reportBuilder.pivot.ColumnName) {
                                    yield instance.pivotTable();
                                    instance.pivotDataSet();
                                }
                                else {
                                    instance.groupedStackDataSet();
                                }
                                if (instance.PivotDataSet && instance.PivotDataSet.length != 0)
                                    DataSet = JSON.stringify(instance.PivotDataSet);
                                xaxisData = JSON.stringify(instance.XaxisStackData);
                            }
                            else {
                                if (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.barWithLine)
                                    instance.barWithLine();
                                DataSet = JSON.stringify(instance.Dataset);
                                xaxisData = JSON.stringify(instance.XaxisData);
                            }
                            instance.clearChart(id);
                            if (instance.ChartTypeName == "horizontalBar") {
                                instance.ChartTypeName = 'bar';
                                indexAxis = 'y';
                            }
                            const horizontalDottedLine = {
                                id: 'horizontalDottedLine',
                                afterDraw: function (chart, args, options) {
                                    const { ctx, _metasets, chartArea: { top, right, bottom, left, width, height }, scales: { xAxes, yAxes } } = chart;
                                    if (instance.chartBaseColumns && instance.chartBaseColumns.length) {
                                        let baseValue = Math.round(_metasets[0]._dataset.base);
                                        ctx.save();
                                        ctx.setLineDash([10, 10]);
                                        ctx.strokeStyle = 'blue';
                                        ctx.strokeRect(left, yAxes.getPixelForValue(baseValue), width, 0);
                                        ctx.font = ctx.font;
                                        ctx.fontStyle = _metasets[0]._dataset.borderColor;
                                        ctx.textBaseLine = 'middle';
                                        ctx.fillText(baseValue.toLocaleString('en'), right + 10, yAxes.getPixelForValue(baseValue) + 5);
                                        ctx.restore();
                                    }
                                }
                            };
                            const { isXAxisNumAbb, isYAxisNumAbb } = instance.isNumberAbbr();
                            let canvas = document.getElementById(id);
                            let ctx = canvas.getContext("2d");
                            var chart = `new Chart(ctx, {
                            type:'` + instance.ChartTypeName + `',
                            data: {
                                labels:` + xaxisData + `,
                                datasets:` + DataSet + `
                            },
                            options: {
                                layout:{
                                     padding:{
                                      right:${instance.chartBaseColumns && instance.chartBaseColumns.length ? 80 : instance.isDataLabel && 20},
                                      top:${instance.isDataLabel && 20},
                                      bottom:${instance.isDataLabel && 20},
                                    },
                                  },
                                plugins:{
                                    tooltip: {
                                        displayColors: false,
                                        callbacks: {
                                            label: function (tooltipItem, data) {
                                                data = tooltipItem.dataset.data;
                                                instance.toolTip();
                                                var label = instance.toolTipDataItem(tooltipItem, data);
                                                return label;
                                            },
                                            ${!instance.isTooltipHeader ? 'title: function() { }, ' : ''}
                                        },
                                    },
                                    legend: {
                                        display:` + instance.displayLegend + `,
                                        position:'` + instance.legendType + `',
                                        labels:{
                                            boxWidth:13,
                                        },
                                    },
                                },

                                responsive: true,
                                maintainAspectRatio: false,
                                scales: {
                                    yAxes: {
                                      stacked: ` + isStack + `,
                                      barPercentage:0.3,
                                      categoryPercentage: 1,
                                      ticks: {
                                            beginAtZero: true,
                                            callback: function(value, index, ticks) {
                                                if (instance.tickLabelLength > 0){
                                                    if ('${indexAxis.toString().toLowerCase()}' == 'y' ){
                                                        var text = this.getLabelForValue(value);
                                                        ${instance.tickLabelLength ? 'return text && text.toString().slice(0,instance.tickLabelLength) || 0;' : 'return text;'}
                                                    }
                                                    else{
                                                      return value;
                                                    }
                                                }else{
                                                    return instance.abbreviateNumber(value,this,isYAxisNumAbb);
                                                }
                                            },
                                        }
                                    },
                                    xAxes: {
                                        stacked: ` + isStack + `,
                                        barPercentage:0.3,
                                        categoryPercentage: 1,
                                        ticks: {
                                            beginAtZero: true,
                                            callback: function(value, index, ticks) {
                                                if (instance.tickLabelLength > 0){
                                                    if ('${indexAxis.toString().toLowerCase()}'== 'x' ){
                                                        var text = this.getLabelForValue(value);
                                                        ${instance.tickLabelLength ? 'return text && text.toString().slice(0,instance.tickLabelLength) || 0;' : 'return text;'}
                                                    }
                                                    else{
                                                      return value;
                                                    }
                                                }else{
                                                    return instance.abbreviateNumber(value,this,isXAxisNumAbb);
                                                }
                                            },
                                        }
                                    }

                                },
                                onClick: onChartClick.bind(this),
                                indexAxis: '${indexAxis}',
                            },
                            plugins:[horizontalDottedLine ${instance.isDataLabel ? ',ChartDataLabels' : ''}],
                        })`;
                            var c = eval(chart);
                            function onChartClick(evt, items) {
                                this.onChartClickHandler(evt, items, c, false);
                            }
                        });
                    }
                    pieanddoughnutchart(id) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let DataSet;
                            let xaxisData;
                            this.updateDatasetForDataLabel();
                            if (instance.groupColumns.length != 0) {
                                if (instance._reportBuilder.pivot.ColumnName) {
                                    yield instance.pivotTable();
                                    instance.pivotDataSet();
                                }
                                else {
                                    instance.groupedStackDataSet();
                                }
                                if (instance.PivotDataSet && instance.PivotDataSet.length != 0)
                                    DataSet = JSON.stringify(instance.PivotDataSet);
                                xaxisData = JSON.stringify(instance.XaxisStackData);
                            }
                            else {
                                DataSet = JSON.stringify(instance.Dataset);
                                xaxisData = JSON.stringify(instance.XaxisData);
                            }
                            instance.clearChart(id);
                            let canvas = document.getElementById(id);
                            let ctx = canvas.getContext("2d");
                            var chart = `new Chart(ctx, {
                            type:'` + instance.ChartTypeName + `',
                            data: {
                                labels:` + xaxisData + `,
                                datasets:` + DataSet + `
                            },
                            options: {
                                layout:{
                                    padding:${instance.isDataLabel && 20},
                                  },
                                plugins:{
                                    legend: {
                                        display:` + instance.displayLegend + `,
                                        position:'` + instance.legendType + `',
                                        labels:{
                                            boxWidth:13,
                                        },
                                    },
                                    tooltip: {
                                        displayColors: false,
                                        callbacks: {
                                            label: function (tooltipItem, data) {
                                                data = tooltipItem.dataset.data;
                                                instance.toolTip();
                                                var label = instance.toolTipDataItem(tooltipItem, data);
                                                return label;
                                            },
                                            ${!instance.isTooltipHeader ? 'title: function() { }, ' : ''}
                                        },
                                    },
                                },
                                responsive: true,
                                maintainAspectRatio: false,
                                onClick: onChartClick.bind(this),
                            },
                            ${instance.isDataLabel ? 'plugins:[ChartDataLabels],' : ''}
                        })`;
                            var c = eval(chart);
                            function onChartClick(evt, items) {
                                this.onChartClickHandler(evt, items, c, false, false);
                            }
                            return c;
                        });
                    }
                    onChartClickHandler(evt, items, c, isBubbleChart, isStackedChart) {
                        var activePoint = c.getElementsAtEventForMode(evt, 'index', { intersect: true }, false)[0];
                        if (activePoint) {
                            let rv_instance = Unibase.Platform.Analytics.Components.ReportViewer.Instance().getReportViewerInstance(this.chartContainerId);
                            if (this._reportBuilder.isEdit)
                                return "";
                            let reportInfo = rv_instance.reportResponse.result.ReportInfo;
                            let filters = [];
                            if (reportInfo.IsLinkReport) {
                                this._reportManager.getSubReports(reportInfo.ReportId).then((response) => {
                                    if (response.status == Unibase.Data.Status.Success && response.result.length) {
                                        let subReport = response.result[0];
                                        var filters = [];
                                        if (subReport.SubReportTypeId == Unibase.Platform.Analytics.Reports.Enums.SubReportType.Report) {
                                            let subReportParams = JSON.parse(subReport.Filters);
                                            for (var i = 0; i < subReportParams.length; i++) {
                                                var param = subReportParams[i];
                                                if (param.Isvalue) {
                                                    filters.push({ ParameterName: param.ParameterValue, ParameterValue: param.ParameterName, ExpOp: 1 });
                                                }
                                                else {
                                                    if (this.xaxisColumns[0] && this.xaxisColumns[0].AliasName == param.ParameterName) {
                                                        filters.push({ ParameterName: param.ParameterValue, ParameterValue: this.XaxisData[activePoint.index], ExpOp: 1 });
                                                    }
                                                    else {
                                                        if (rv_instance.reportResponse.result.ReportJsonData && rv_instance.reportResponse.result.ReportJsonData.Result.Data) {
                                                            var reportData = JSON.parse(rv_instance.reportResponse.result.ReportJsonData.Result.Data);
                                                            let idx = isBubbleChart ? activePoint.index - 1 : activePoint.index;
                                                            var rowData;
                                                            if (!isStackedChart) {
                                                                rowData = reportData.find(x => x[this.xaxisColumns[0].AliasName].toLowerCase() == this.XaxisData[idx].toLowerCase());
                                                            }
                                                            else {
                                                                rowData = reportData[items[0].datasetIndex];
                                                            }
                                                            if (rowData) {
                                                                if (rowData[param.ParameterValue]) {
                                                                    filters.push({ ParameterName: param.ParameterValue, ParameterValue: rowData[param.ParameterValue].toString(), ExpOp: 1 });
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                            if (filters.length) {
                                                this.linkReport(subReport.ChildReportId, filters, this.chartContainerId + "_viewall");
                                            }
                                        }
                                        else {
                                            if (rv_instance.reportResponse.result.ReportJsonData && rv_instance.reportResponse.result.ReportJsonData.Result.Data) {
                                                var reportData = JSON.parse(rv_instance.reportResponse.result.ReportJsonData.Result.Data);
                                                var rowData = reportData.find(x => x[this.xaxisColumns[0].AliasName] == this.XaxisData[activePoint.index]);
                                                Unibase.Platform.Helpers.NavigationHelper.Instance().loadDetail(rowData[subReport.PrimaryKeyColumn], subReport.InstalledAppId, null, null);
                                            }
                                        }
                                    }
                                });
                            }
                        }
                    }
                    barWithLine() {
                        var instance = this;
                        for (var l = 0; l < instance.lineChartColumns.length; l++) {
                            var lineCol = instance.lineChartColumns[l];
                            var data = [];
                            for (var bl = 0; bl < instance.ChartData.length; bl++) {
                                var bLData = instance.ChartData[bl][lineCol.AliasName];
                                data.push(bLData);
                            }
                            var color = instance.getDataSetColors();
                            var bldata = {
                                label: lineCol.AliasName,
                                data: data,
                                borderColor: color.boarderColor,
                                backgroundColor: color.backgroundColor,
                                borderWidth: 1,
                                fill: instance.IsFill,
                                type: "line"
                            };
                            instance.Dataset.push(bldata);
                        }
                    }
                    stackChart(id) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let indexAxis = 'x';
                            if (instance._reportBuilder.pivot.ColumnName) {
                                yield instance.pivotTable();
                                instance.pivotDataSet();
                            }
                            else {
                                instance.groupedStackDataSet();
                            }
                            this.updateDatasetForDataLabel();
                            instance.clearChart(id);
                            let canvas = document.getElementById(id);
                            let ctx = canvas.getContext("2d");
                            let legendItems = {};
                            if (instance.ChartTypeName == "horizontalBar") {
                                instance.ChartTypeName = 'bar';
                                indexAxis = 'y';
                            }
                            const { isXAxisNumAbb, isYAxisNumAbb } = instance.isNumberAbbr();
                            var chart = `new Chart(ctx, {
                            type:'` + instance.ChartTypeName + `',
                           
                            data: {
                                labels:` + JSON.stringify(instance.XaxisStackData) + `,
                                datasets:` + JSON.stringify(instance.PivotDataSet) + `
                            },
                            options: {
                                layout:{
                                        padding:${instance.isDataLabel && 20},
                                },
                                plugins: {
                                    tooltip: {
                                        displayColors: false,
                                        callbacks: {
                                            label: function (tooltipItem, data) {
                                                data = tooltipItem.dataset.data;
                                                instance.toolTip();
                                                var label = instance.toolTipDataItem(tooltipItem, data);
                                                return label;
                                            },
                                            ${!instance.isTooltipHeader ? 'title: function() { }, ' : ''}
                                        },
                                    },
                                    legend: {
                                        display:` + instance.displayLegend + `,
                                        position:'` + instance.legendType + `',
                                        onClick: legendClick,
                                        align: 'center',
                                        labels: {
                                            boxWidth:13,
                                            //filter: function(legendItem) {
                                            //    if(legendItems[legendItem.text] == undefined){
                                            //        legendItems[legendItem.text] = true;
                                            //        return legendItem.text;
                                            //    }
                                            //}
                                        },
                                    },
                                },
                                responsive: true,
                                maintainAspectRatio: false,
                                indexAxis: '${indexAxis}',
                                scales: {
                                    xAxes: {
                                        barPercentage:0.3,
                                        stacked: true,
                                        ticks: {
                                            callback: function(value) {
                                                if (instance.tickLabelLength > 0){
                                                    if ('${indexAxis.toString().toLowerCase()}' == 'x'){
                                                        var value = instance.abbreviateNumber(value,this,isXAxisNumAbb);
                                                        ${instance.tickLabelLength ? 'value = value && typeof(value) ==\'string\' && value.toString().slice(0,instance.tickLabelLength);' : ''}
                                                        return value;
                                                    }
                                                    else{
                                                        return value;
                                                    }
                                                }else{
                                                    return instance.abbreviateNumber(value,this,isXAxisNumAbb);
                                                }
                                            }
                                        }
                                    },
                                    yAxes: {
                                        barPercentage:0.3,
                                        stacked: true,
                                        ticks: {
                                            beginAtZero: true,
                                            callback: function(value) {
                                                if (instance.tickLabelLength > 0){
                                                    if ('${indexAxis.toString().toLowerCase()}' == 'y'){
                                                        var value = instance.abbreviateNumber(value,this,isYAxisNumAbb);
                                                        ${instance.tickLabelLength ? 'value = value && typeof(value) ==\'string\' && value.toString().slice(0,instance.tickLabelLength);' : ''}
                                                        return value;
                                                    }
                                                    else{
                                                        return value;
                                                    }
                                                 }else{
                                                    return instance.abbreviateNumber(value,this,isYAxisNumAbb);
                                                }
                                            }
                                        }
                                    }
                                },
                                onClick: onChartClick.bind(instance),
                                legendCallback: legendCallBack,
                                onResize:function(){
                                    legendItems = {};
                                },
                            },
                            ${instance.isDataLabel ? 'plugins:[ChartDataLabels],' : ''}
                        })`;
                            var c = eval(chart);
                            function legendCallBack(chart) {
                                var legendItems = [];
                                if (instance.legendTitleTypeId == Unibase.Platform.Analytics.Enums.LegendTitleType.Column && (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.stackedBar || instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.stackedHorizontalBar)) {
                                    legendItems = [];
                                    for (var i = 0; i < instance.yaxisColumns.length; i++) {
                                        if (chart.legend.legendItems[i]) {
                                            chart.legend.legendItems[i].text = instance.yaxisColumns[i].AliasName;
                                            legendItems.push(chart.legend.legendItems[i]);
                                        }
                                    }
                                    chart.legend.legendItems = legendItems;
                                }
                                return chart.legend;
                            }
                            function legendClick(e, legendItem) {
                                var index = legendItem.datasetIndex;
                                var ci = this.chart;
                                var alreadyHidden = (ci.getDatasetMeta(index).hidden === null) ? false : ci.getDatasetMeta(index).hidden;
                                if (instance.legendTitleTypeId == Unibase.Platform.Analytics.Enums.LegendTitleType.Column) {
                                    var legendItems = [];
                                    instance.yaxisColumns.forEach(function (e, i) {
                                        var meta = ci.getDatasetMeta(i);
                                        if (e.AliasName == legendItem.text) {
                                            if (!alreadyHidden)
                                                meta.hidden = true;
                                            else
                                                meta.hidden = null;
                                        }
                                    });
                                    ci.update();
                                    if (instance.legendTitleTypeId == Unibase.Platform.Analytics.Enums.LegendTitleType.Column && (instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.stackedBar || instance.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.stackedHorizontalBar)) {
                                        legendItems = [];
                                        for (var i = 0; i < instance.yaxisColumns.length; i++) {
                                            if (ci.legend.legendItems[i]) {
                                                ci.legend.legendItems[i].text = instance.yaxisColumns[i].AliasName;
                                                legendItems.push(ci.legend.legendItems[i]);
                                            }
                                        }
                                        ci.legend.legendItems = legendItems;
                                    }
                                    return ci.legend;
                                }
                                else {
                                    ci.data.datasets.forEach(function (e, i) {
                                        var meta = ci.getDatasetMeta(i);
                                        if (e.label == legendItem.text) {
                                            if (!alreadyHidden)
                                                meta.hidden = true;
                                            else
                                                meta.hidden = null;
                                        }
                                    });
                                    ci.update();
                                }
                            }
                            function onChartClick(evt, items) {
                                this.onChartClickHandler(evt, items, c, false, true);
                            }
                            return c;
                        });
                    }
                    stackChart_old(id) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            if (instance._reportBuilder.pivot.ColumnName) {
                                yield instance.pivotTable();
                                instance.pivotDataSet();
                            }
                            else {
                                instance.groupedStackDataSet();
                            }
                            instance.clearChart(id);
                            const { isXAxisNumAbb, isYAxisNumAbb } = instance.isNumberAbbr();
                            let canvas = document.getElementById(id);
                            let ctx = canvas.getContext("2d");
                            var chart = new Chart(ctx, {
                                type: instance.ChartTypeName,
                                data: {
                                    labels: instance.XaxisStackData,
                                    datasets: instance.PivotDataSet
                                },
                                options: {
                                    tooltips: {
                                        displayColors: false,
                                        callbacks: {
                                            label: function (tooltipItem, data) {
                                                instance.toolTip();
                                                var label = instance.toolTipDataItem(tooltipItem, data);
                                                return label;
                                            },
                                        },
                                    },
                                    legend: {
                                        display: instance.displayLegend,
                                        position: instance.legendType,
                                        labels: {
                                            boxWidth: 13,
                                        },
                                    },
                                    responsive: true,
                                    maintainAspectRatio: false,
                                    scales: {
                                        xAxes: [{
                                                stacked: true,
                                                ticks: {
                                                    callback: function (value) {
                                                        return instance.abbreviateNumber(value, this, isXAxisNumAbb);
                                                    }
                                                }
                                            }],
                                        yAxes: [{
                                                stacked: true,
                                                ticks: {
                                                    beginAtZero: true,
                                                    callback: function (value) {
                                                        return instance.abbreviateNumber(value, this, isYAxisNumAbb);
                                                    }
                                                }
                                            }]
                                    }
                                }
                            });
                            return chart;
                        });
                    }
                    bubbleData() {
                        var instance = this;
                        var bubbleData = [];
                        let orginalIdx = -1;
                        this.xAxisLables = [];
                        instance.xAxisDataWithIndexes = [];
                        let index = 0;
                        instance.XaxisData.map(x => {
                            instance.xAxisDataWithIndexes.push({ Index: index, Name: instance.XaxisData[index] });
                            index++;
                        });
                        var xArray = instance.XaxisData;
                        var yArray = instance.YaxisData;
                        bubbleData.push({ x: 0, y: 0, r: 0 });
                        xArray.forEach(function (e, i) {
                            let idx = instance.xAxisDataWithIndexes[i].Index;
                            let existingData = instance.xAxisLables.find(x => x.toString().toLowerCase() == e.toString().toLowerCase());
                            if (existingData) {
                                idx = instance.xAxisLables.indexOf(existingData);
                            }
                            else {
                                idx = ++orginalIdx;
                                instance.xAxisLables.push(instance.xAxisDataWithIndexes[i].Name);
                            }
                            bubbleData.push({
                                x: idx + 1,
                                y: parseFloat(yArray[i]),
                                r: 6,
                            });
                        });
                        return bubbleData;
                    }
                    bubbleChart(id) {
                        var instance = this;
                        var rv_instance;
                        let containterid = id.split("-ch")[0];
                        this.updateDatasetForDataLabel();
                        if (Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.length > 0) {
                            let reportviewerInstance = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.find(x => x.childcontainerid == containterid);
                            if (reportviewerInstance != undefined)
                                rv_instance = reportviewerInstance.instance;
                        }
                        instance.clearChart(id);
                        const { isXAxisNumAbb, isYAxisNumAbb } = instance.isNumberAbbr();
                        let canvas = document.getElementById(id);
                        let ctx = canvas.getContext("2d");
                        var chart_str = `new Chart(ctx, {
                                type: '${instance.ChartTypeName}',
                                data: {
                                    datasets: ${JSON.stringify(instance.Dataset)},
                                },
                                options: {
                                    responsive: true, // Instruct chart js to respond nicely.
                                    maintainAspectRatio: false, // Add to prevent default behaviour of full-width/height
                                    scaleShowValues: true,
                                    layout:{
                                        padding:${instance.isDataLabel && 20},
                                      },
                                    scales: { // options to replace x axis with strings
                                        xAxes: {
                                            beganAtZero: true,
                                            ticks: {
                                                callback: function (label, index, labels) {
                                                    if (!label) return "";
                                                    label = instance.xAxisLables[label-1];
                                                    ${instance.tickLabelLength ? 'label = label && typeof(label) == \'string\' && label.toString().slice(0, instance.tickLabelLength) || 0; ' : ''}
                                                    return label;
                                                },
                                                stepSize: 1,
                                            }
                                        },
                                        yAxes: {
                                            ticks: {
                                                callback: function(value) {
                                                    return instance.abbreviateNumber(value,this,isYAxisNumAbb);
                                                }
                                            }
                                        }
                                    },
                                    plugins: {
                                        tooltip: {
                                        displayColors: false,
                                        callbacks: {
                                            label: function (tooltipItem, data) {
                                                    data = tooltipItem.dataset.data;
                                                    instance.toolTip();
                                                    var label = instance.toolTipDataItem(tooltipItem, data);
                                                    return label;
                                                },
                                            ${!instance.isTooltipHeader ? 'title: function() { },' : ''}
                                            },
                                    },
                                    legend: {
                                        display: ${instance.displayLegend},
                                        position: '${instance.legendType}',
                                        labels: {
                                            boxWidth: 13,
                                            },
                                        },
                                    },
                                    onClick: onChartClick.bind(instance),
                                },
                            ${instance.isDataLabel ? 'plugins:[ChartDataLabels],' : ''}
                        })`;
                        var chart = eval(chart_str);
                        function onChartClick(evt, items) {
                            this.onChartClickHandler(evt, items, chart, true);
                        }
                        return chart;
                    }
                    bubbleChart_old(id) {
                        var instance = this;
                        instance.clearChart(id);
                        let canvas = document.getElementById(id);
                        let ctx = canvas.getContext("2d");
                        var chart = new Chart(ctx, {
                            type: instance.ChartTypeName,
                            data: {
                                datasets: instance.Dataset,
                            },
                            options: {
                                scales: {
                                    yAxes: [{
                                            ticks: {
                                                beginAtZero: true,
                                                min: -30,
                                                max: 30
                                            }
                                        }],
                                }
                            }
                        });
                        return chart;
                    }
                    tenureChart(id, reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            instance.Dataset = [];
                            instance.YaxisData = [];
                            var intervels = instance._reportBuilder.timeIntervels(instance._reportBuilder.tenureTimeIntervalCol);
                            instance.XaxisData = intervels;
                            var x = instance.XaxisData;
                            let tenureTableData;
                            if (reportid != 0 && instance.IsChartBuilder == false) {
                                instance._reportBuilder.tableData = "";
                                var repObj = {
                                    ReportId: reportid,
                                    IsJson: true
                                };
                                yield instance._reportManager.getReportViewerData(repObj).then(function (response) {
                                    let res = JSON.parse(response.result);
                                    tenureTableData = res.Data;
                                });
                            }
                            else {
                                tenureTableData = instance._reportBuilder.tableData;
                            }
                            if (tenureTableData) {
                                var j = JSON.parse(tenureTableData);
                                for (var i = 0; i < x.length; i++) {
                                    let randomcolor = instance.getRandomColor();
                                    instance.DataSetColors.push(randomcolor);
                                    var a = x[i];
                                    instance.YaxisData.push(j[0][a]);
                                }
                                var ydata = {
                                    label: instance.XaxisData,
                                    data: instance.YaxisData,
                                    borderColor: 'white',
                                    backgroundColor: instance.DataSetColors,
                                    borderWidth: 1,
                                    fill: instance.IsFill,
                                };
                                instance.Dataset.push(ydata);
                                instance.ChartTypeName = 'doughnut';
                                instance.ChartTypeId = Unibase.Platform.Analytics.Charts.Enums.ChartType.doughnut;
                                instance.chart(id);
                            }
                        });
                    }
                    clearSelectedChartFields() {
                        var instance = this;
                        instance.xaxisColumns = [], instance.yaxisColumns = [];
                        instance.groupColumns = [], instance.ChartData = [], instance.ChartSelectedColumns = [],
                            instance.SelectedValueColorColumns = [], instance.Dataset = [], instance.appliedColumnColor = [], instance.appliedColumnValueColor = [];
                        instance.Dataset = [], instance.YaxisData = [], instance.DataSetColors = [];
                        instance.defaultColor = false;
                        instance.toolTipArray = [];
                        instance._reportBuilder.ChartColumns = [];
                        instance._chartBuilder.SelectedValueColorColumns = [];
                        instance._reportBuilder.paletteId = 0;
                        instance._chartBuilder.colorAppliedOn = Unibase.Platform.Analytics.Enums.ColorType.column;
                        instance.paletteColors = [];
                        Unibase.Platform.Analytics.Components.LinkReport.Instance().linkreportid = 0;
                    }
                    getIndexByDisplayText(DisplayText, Select2Type) {
                        var instance = this;
                        if (Select2Type == instance.ChartAxis.Horizontal) {
                            return instance.xaxisColumns.findIndex(x => x.DisplayText == DisplayText);
                        }
                        else if (Select2Type == instance.ChartAxis.Vertical) {
                            return instance.yaxisColumns.findIndex(x => x.DisplayText == DisplayText);
                        }
                        else if (Select2Type == instance.ChartAxis.LineChart) {
                            return instance.lineChartColumns.findIndex(x => x.DisplayText == DisplayText);
                        }
                        else if (Select2Type == instance.ChartAxis.BaseColumn) {
                            return instance.chartBaseColumns.findIndex(x => x.DisplayText == DisplayText);
                        }
                        else {
                            return instance.groupColumns.findIndex(x => x.DisplayText == DisplayText);
                        }
                    }
                    getIndexByAliasName_ChartSelectedColumns(AliasName) {
                        var instance = this;
                        return instance.ChartSelectedColumns.findIndex(x => x.AliasName == AliasName);
                    }
                    getIndexByDisplayText_ChartSelectedColumns(DisplayText) {
                        var instance = this;
                        return instance.ChartSelectedColumns.findIndex(x => x.DisplayText == DisplayText);
                    }
                    getIndexByDisplayText_tooltipColumnsArray(AliasName) {
                        var instance = this;
                        return instance.toolTipArray.findIndex(x => x.AliasName == AliasName);
                    }
                    getIndexByDisplayText_BaseColumnsArray(AliasName) {
                        var instance = this;
                        return instance.chartBaseColumns.findIndex(x => x.AliasName == AliasName);
                    }
                    enableOrDisableChartIcons() {
                        let instance = this;
                        if (instance.groupColumns.length) {
                            $("#chart_type").find('.stackedbar-icon').closest('label').removeClass('in-active');
                        }
                        else {
                            $("#chart_type").find('.stackedbar-icon').closest('label').addClass('in-active');
                        }
                    }
                    loadSelectedLegend(id, ischartview) {
                        var instance = this;
                        instance.displayLegend = true;
                        if (id == 0)
                            id = Number($("#legend-select").val());
                        if (id == Unibase.Platform.Analytics.Enums.LegendType.top) {
                            instance.legendType = 'top';
                        }
                        else if (id == Unibase.Platform.Analytics.Enums.LegendType.right) {
                            instance.legendType = 'right';
                        }
                        else if (id == Unibase.Platform.Analytics.Enums.LegendType.bottom) {
                            instance.legendType = 'bottom';
                        }
                        else if (id == Unibase.Platform.Analytics.Enums.LegendType.left) {
                            instance.legendType = 'left';
                        }
                        else {
                            instance.displayLegend = false;
                        }
                        if (ischartview) {
                            if (instance._reportBuilder.TenureReport.length != 0) {
                                Unibase.Platform.Analytics.Reports.Tenure.Instance().CheckedTenure();
                                instance.tenureChart('myChart', instance._reportBuilder.reportid);
                            }
                            else {
                                instance.chart_dataSet();
                            }
                        }
                    }
                    loadPalettes() {
                        var instance = this;
                        instance.fileCacheHelper.loadJsFile("apps/crm/palettes/managers/palettemanager.js", function () {
                            let _pallettemanager = Bizgaze.Apps.Crm.Palettes.Managers.PaletteManager.Instance();
                            _pallettemanager.getPallettes().then(function (pallresponse) {
                                var pallettedata = [];
                                if (pallresponse.result) {
                                    for (var p = 0; p < pallresponse.result.length; p++) {
                                        pallettedata.push({ id: pallresponse.result[p].paletteid, text: pallresponse.result[p].name });
                                    }
                                }
                                if (instance._reportBuilder.isEdit) {
                                    let pallete = pallettedata.find(p => p.id == instance._reportBuilder.paletteId);
                                    if (pallete) {
                                        $("#pallettes_select").append("<option selected value=" + instance._reportBuilder.paletteId + ">" + pallete.text + "</option>");
                                    }
                                }
                                $("#pallettes_select").off('select2:select').off('select2:unselect').off('select2:selecting');
                                $("#pallettes_select").select2({
                                    placeholder: 'Select GroupBy columns',
                                    data: pallettedata,
                                }).on('select2:select', function (e) {
                                }).on('select2:selecting', function (e) {
                                    var data = e.params.args.data;
                                    let id = Number(data.id);
                                    instance.paletteColors = [];
                                    instance._reportBuilder.paletteId = id;
                                    instance.getpaletteColors(id, true);
                                });
                            });
                        });
                    }
                    getpaletteColors(id, ischartview) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let navigationhelper = Unibase.Platform.Helpers.NavigationHelper;
                            if (navigationhelper.palettes.length > 0) {
                                var pale = navigationhelper.palettes[id];
                                if (pale && pale.paletteColors) {
                                    for (var p = 0; p < pale.paletteColors.length; p++) {
                                        instance.paletteColors.push(pale.paletteColors[p].colorcode);
                                    }
                                }
                                else {
                                    yield instance.getColors(id, ischartview);
                                }
                            }
                            else {
                                yield instance.getColors(id, ischartview);
                            }
                        });
                    }
                    getColors(id, ischartview) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let navigationhelper = Unibase.Platform.Helpers.NavigationHelper;
                            let _pallettemanager = Bizgaze.Apps.Crm.Palettes.Managers.PaletteManager.Instance();
                            yield _pallettemanager.getPalletteColors(id).then(function (pcresponse) {
                                return __awaiter(this, void 0, void 0, function* () {
                                    if (pcresponse.result && pcresponse.result.length) {
                                        pcresponse.result.sort((x, y) => { return Number(x.paletteindex) - Number(y.paletteindex); });
                                        var palette = navigationhelper.palettes[id] ? true : false;
                                        if (!palette) {
                                            navigationhelper.palettes[id] = { paletteColors: pcresponse.result };
                                            var Values_len = navigationhelper.palettes.length;
                                            navigationhelper.palettes.length = Values_len + 1;
                                        }
                                        for (var pc = 0; pc < pcresponse.result.length; pc++) {
                                            let pcres = pcresponse.result[pc];
                                            instance.paletteColors.push(pcres.colorcode);
                                        }
                                        if (ischartview) {
                                            if (instance._reportBuilder.TenureReport.length != 0) {
                                                Unibase.Platform.Analytics.Reports.Tenure.Instance().CheckedTenure();
                                                instance.tenureChart('myChart', instance._reportBuilder.reportid);
                                            }
                                            else {
                                                instance.chart_dataSet();
                                            }
                                        }
                                    }
                                    else {
                                        var palette = navigationhelper.palettes[id];
                                        if (!palette) {
                                            navigationhelper.palettes[id] = { paletteColors: pcresponse.result };
                                            var Values_len = navigationhelper.palettes.length;
                                            navigationhelper.palettes.length = Values_len + 1;
                                        }
                                    }
                                });
                            });
                        });
                    }
                    linkReport(reportId, dynamicFilters, containerId) {
                        var instance = this;
                        if (reportId != 0) {
                            var rv_obj = Unibase.Platform.Analytics.Components.ReportViewer.Instance();
                            rv_obj.dynamicFilters = dynamicFilters;
                            let reportViewerInstance = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance;
                            reportViewerInstance.push({
                                instance: rv_obj,
                                childcontainerid: containerId,
                                parentcontainerid: ""
                            });
                            instance.navigationHelper.popup(reportId, containerId, Unibase.Platform.Analytics.Components.ReportViewer.Instance(), function () {
                                rv_obj.reportViewAllCallBack(containerId);
                            }, Unibase.Platform.Helpers.Size.Large);
                        }
                    }
                    getReportColumnDisplayTextByAliasName(aliasName) {
                        if (this.chartContainerId) {
                            let rv_ins = Unibase.Platform.Analytics.Components.ReportViewer.Instance().getReportViewerInstance(this.chartContainerId);
                            let idx = rv_ins.reportColumns.findIndex(x => x.AliasName == aliasName);
                            if (idx > -1) {
                                return rv_ins.reportColumns[idx].DisplayText;
                            }
                        }
                        else {
                            let idx = this._reportBuilder.selectedColumns.findIndex(x => x.AliasName == aliasName);
                            if (idx > -1) {
                                return this._reportBuilder.selectedColumns[idx].DisplayText;
                            }
                        }
                    }
                    updateDatasetForDataLabel() {
                        if (this.isDataLabel && this.Dataset) {
                            let offset = 5;
                            let align = 'top';
                            if (this.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.horizontalBar || this.ChartTypeId == Unibase.Platform.Analytics.Charts.Enums.ChartType.pie || Unibase.Platform.Analytics.Charts.Enums.ChartType.doughnut) {
                                offset = 2;
                                align = 'end';
                            }
                            this.Dataset.forEach(dataset => dataset.datalabels = {
                                anchor: 'end',
                                align: align,
                                offset: offset,
                            });
                        }
                    }
                    convertLabelToPascalCase(name) {
                        if (name) {
                            let splited = name.split(" ");
                            for (var i = 0; i < splited.length; i++) {
                                splited[i] = this.converStringToPascalCase(splited[i]);
                            }
                            return splited.join(" ");
                        }
                    }
                    converStringToPascalCase(name) {
                        if (name) {
                            return name[0].toUpperCase() + name.slice(1);
                        }
                    }
                    getReportColumns() {
                        let cols;
                        if (this._reportBuilder.isEdit) {
                            cols = this._reportBuilder.res.ReportColumns;
                        }
                        else {
                            let rv_ins = Unibase.Platform.Analytics.Components.ReportViewer.Instance().getReportViewerInstance(this.chartContainerId);
                            cols = rv_ins.reportColumns;
                        }
                        return cols;
                    }
                    prepareAndBindToolTipColumns(ChartColumns) {
                        let tooltipColumns = ChartColumns.filter(x => x.IsToolTip);
                        let cols = this.getReportColumns();
                        for (var i = 0; i < tooltipColumns.length; i++) {
                            let idx = cols.findIndex(x => x.AliasName == tooltipColumns[i].AliasName);
                            if (idx > -1) {
                                let col = cols[idx];
                                this.toolTipArray.push({ ColumnValue: col.ColumnValue, ColumnName: col.ReportColumnName, DisplayText: col.DisplayText, AliasName: col.AliasName, Index: col.ColumnIndex });
                                if (this._reportBuilder.isEdit) {
                                    var html = this._reportBuilderTemplate.loadToolTipColumn(col.ReportColumnId, col.AliasName, col.DataType, col.DisplayText);
                                    $("#tab_tooltip #tooltip_selected_columns").append(html);
                                }
                            }
                        }
                        this.toolTipArray = this.toolTipArray.sort((x, y) => Number(x.Index) - Number(y.Index));
                        this._reportBuilder.setSelectOption("tooltip_select");
                    }
                    prepareYAxisColumnsForBinding(chartColumns) {
                        let yAxisCols;
                        let rpCols;
                        if (chartColumns) {
                            yAxisCols = chartColumns.filter((y) => y.IsYaxis);
                        }
                        rpCols = this.getReportColumns();
                        yAxisCols.forEach((col) => {
                            let idx = chartColumns.findIndex((x) => { return x.AliasName == col.AliasName; });
                            if (idx > -1) {
                                chartColumns.splice(idx, 1);
                            }
                            yAxisCols.forEach((col) => {
                                let idx = rpCols.findIndex(x => x.AliasName == col.AliasName);
                                if (idx > -1) {
                                    col.Index = idx;
                                }
                            });
                        });
                        yAxisCols = yAxisCols.sort((x, y) => Number(x.Index) - Number(y.Index));
                        yAxisCols.forEach(x => delete x.Index);
                        return yAxisCols;
                    }
                    isNumberAbbr() {
                        const instance = this;
                        let isXAxisNumAbb = false;
                        let isYAxisNumAbb = false;
                        if (instance.xaxisColumns.length) {
                            for (let i = 0; i < instance.xaxisColumns.length; i++) {
                                if (instance.xaxisColumns[i].IsNumAbb) {
                                    isXAxisNumAbb = true;
                                    break;
                                }
                            }
                        }
                        if (instance.yaxisColumns.length) {
                            for (let i = 0; i < instance.yaxisColumns.length; i++) {
                                if (instance.yaxisColumns[i].IsNumAbb) {
                                    isYAxisNumAbb = true;
                                    break;
                                }
                            }
                        }
                        return { isXAxisNumAbb, isYAxisNumAbb };
                    }
                    abbreviateNumber(val, scaleObj, isNumAbb) {
                        const label = scaleObj.getLabelForValue(val) && scaleObj.getLabelForValue(val).toString().replaceAll(',', '');
                        if (isNumAbb && $.isNumeric(label)) {
                            val = +label;
                            if (val >= 10000000) {
                                val = (val / 10000000);
                                if (val % 1 != 0) {
                                    val = val.toFixed(1);
                                }
                                val = val + 'Cr';
                            }
                            else if (val >= 100000) {
                                val = (val / 100000);
                                if (val % 1 != 0) {
                                    val = val.toFixed(1);
                                }
                                val = val + 'L';
                            }
                            else if (val >= 1000) {
                                val = (val / 1000);
                                if (val % 1 != 0) {
                                    val = val.toFixed(1);
                                }
                                val = val + 'K';
                            }
                            return val;
                        }
                        else {
                            return scaleObj.getLabelForValue(val);
                        }
                    }
                }
                Components._Chart = _Chart;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Reports;
            (function (Reports) {
                class Pivot extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.pivotTypeId = 0;
                        this.isDataTreeExpand = false;
                        this.reportManager = Analytics.Managers.ReportManager.Instance();
                        this._reportBuilder = Unibase.Platform.Analytics.Reports.ReportBuilder.Instance();
                        this._reportBuilderTemplate = Reports.ReportBuilder_Template.Instance();
                    }
                    cssFiles() {
                        return [];
                    }
                    jsFiles() {
                        var jsFiles = ['platform/analytics/components/reportbuilder/reportbuilderhiddenfields.js'];
                        return jsFiles;
                    }
                    html(id, containerid) {
                        var instance = this;
                        let html = instance._reportBuilderTemplate.loadPivotForm();
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        $("#" + containerid).find(".modal-body").height($(window).outerHeight() - 125);
                        this.loadPivotSelect2s();
                        $("#chktreeexpand_checkbox").click(function () {
                            if ($('#chktreeexpand_checkbox').prop('checked') == false) {
                                instance.isDataTreeExpand = false;
                                $('#chktreeexpand_checkbox').prop('checked', false);
                            }
                            else {
                                instance.isDataTreeExpand = true;
                                $('#chktreeexpand_checkbox').prop('checked', true);
                            }
                        });
                        $("#chkPivotTableConfig_checkbox").click(function () {
                            if ($('#chkPivotTableConfig_checkbox').prop('checked') == false) {
                                instance._reportBuilder.enablePivotTableConfig = false;
                                $('#chkPivotTableConfig_checkbox').prop('checked', false);
                            }
                            else {
                                instance._reportBuilder.enablePivotTableConfig = true;
                                $('#chkPivotTableConfig_checkbox').prop('checked', true);
                            }
                        });
                        if (instance._reportBuilder.pivot.ColumnName != "" && (instance._reportBuilder.pivot.ColumnName)) {
                            var colName = instance._reportBuilder.pivot.ColumnName;
                            var Index = instance._reportBuilder.selectedColumns.findIndex(x => x.ColumnName == colName);
                            var colId = instance._reportBuilder.selectedColumns[Index].ColumnId;
                            $("#PivotColumns_AutoComplete").val(colId).trigger("change");
                            let aggrValue = instance._reportBuilder.getColumnId_ByColumnName_datalistColumnsArray(instance._reportBuilder.pivot.AggColumnName);
                            $("#PivotAggrColumn").val(aggrValue).trigger("change");
                            let aggrTypeId = instance._reportBuilder.pivot.AggFuncId;
                            $("#PivotAggrType").val(aggrTypeId).trigger("change");
                            let DateValue = instance._reportBuilder.pivot.DateType;
                            if (DateValue)
                                $("#PivotDateType").val(DateValue).trigger("change");
                            if (instance._reportBuilder.TenureReport.length != 0) {
                                let TimeInterval = instance._reportBuilder.TenureReport[colName].TimeInterval;
                                if (TimeInterval != undefined) {
                                    $("#tenure_checkbox").prop("checked", true);
                                    $("#div_Intervals").removeClass("hidden");
                                    $("#txt_TimeIntervals").val(TimeInterval);
                                }
                            }
                            if (instance._reportBuilder.pivot.IsPivotRows_Selected == true) {
                                let val = instance._reportBuilder.pivot.PivotRows;
                                $("#PivotRows_Select2").val(val).trigger("change");
                            }
                        }
                        if (instance.pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.PivotTable) {
                            if (instance._reportBuilder.pivot.AggColumnName != undefined) {
                                let aggrValue = instance._reportBuilder.getColumnId_ByColumnName_datalistColumnsArray(instance._reportBuilder.pivot.AggColumnName);
                                $("#PivotAggrColumn").val(aggrValue).trigger("change");
                                let aggrTypeId = instance._reportBuilder.pivot.AggFuncId;
                                $("#PivotAggrType").val(aggrTypeId).trigger("change");
                            }
                        }
                        if (instance._reportBuilder.pivot.ParentColumnName != "" && (instance._reportBuilder.pivot.ParentColumnName)) {
                            let childCol = instance._reportBuilder.getColumnId_ByColumnName_datalistColumnsArray(instance._reportBuilder.pivot.ChildColumnName);
                            $("#PivotChildColumnName_AutoComplete").val(childCol).trigger("change");
                            let childVal = instance._reportBuilder.pivot.PivotValue_Selected;
                            $("#PivotValue_AutoComplete").val(childVal).trigger("change");
                            let parentColId = instance._reportBuilder.getColumnId_ByColumnName_datalistColumnsArray(instance._reportBuilder.pivot.ParentColumnName);
                            $("#PivotParentColumnName_AutoComplete").val(parentColId).trigger("change");
                            $('#chktreeexpand_checkbox').prop('checked', instance._reportBuilder.pivot.IsDatatreeExpand);
                        }
                        $("#tenure_checkbox").click(function () {
                            if ($('#tenure_checkbox').prop('checked') == true) {
                                $("#div_Intervals").removeClass("hidden");
                                $("#PivotDateType").append(`<option value="` + Unibase.Platform.Analytics.Reports.Enums.AggregationType.day + `"> Day </option>`);
                                Unibase.Platform.Analytics.Reports.Tenure.Instance().CheckedTenure();
                            }
                            else {
                                $("#div_Intervals").addClass("hidden");
                                $("#txt_TimeIntervals").val("");
                                $("#PivotDateType option[value='" + Unibase.Platform.Analytics.Reports.Enums.AggregationType.day + "']").remove();
                                instance._reportBuilder.TenureReport = [];
                            }
                        });
                        $("#btn_Close").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        $("#btn_ApplyPivot").click(function () {
                            instance.applyPivot();
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                    }
                    loadForm(FormId, Pk_Value, AppConfigurationId, Callback, ElementId) {
                        return [];
                    }
                    selectedpivotType(pivotType) {
                        var instance = this;
                        let pivotTypeId;
                        if (pivotType == 0) {
                            instance.clearPivotFields();
                            pivotTypeId = Number($("#pivotType_Select2").val());
                            instance.intervals = $("#txt_TimeIntervals").val().toString();
                            this.pivotTypeId = 0;
                        }
                        else {
                            pivotTypeId = pivotType;
                            $("#pivotType_Select2").val(pivotType);
                        }
                        if (pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.Pivot) {
                            $("#div_PivotColumns").removeClass("hidden");
                            $("#div_PivotDateType").removeClass("hidden");
                            $("#div_PivotAggrColumn").removeClass("hidden");
                            $("#div_PivotAggrType").removeClass("hidden");
                            $(".drawerFooterApplyPivot").removeClass("hidden");
                            $("#div_Intervals").addClass("hidden");
                            $("#div_PivotTableConfig").addClass("hidden");
                            $("#div_datatreeexpand").addClass("hidden");
                            $("#div_PivotChildColumnName").addClass("hidden");
                            $("#div_PivotValue").addClass("hidden");
                            $("#div_PivotParentColumnName").addClass("hidden");
                            $("#div_PivotRows").removeClass("hidden");
                            instance.pivotTypeId = Unibase.Platform.Analytics.Reports.Enums.PivotType.Pivot;
                        }
                        else if (pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.TreeView) {
                            $("#div_datatreeexpand").removeClass("hidden");
                            $("#div_PivotChildColumnName").removeClass("hidden");
                            $("#div_PivotValue").removeClass("hidden");
                            $("#div_PivotParentColumnName").removeClass("hidden");
                            $(".drawerFooterApplyPivot").removeClass("hidden");
                            $("#div_PivotTableConfig").addClass("hidden");
                            $("#div_PivotColumns").addClass("hidden");
                            $("#div_PivotDateType").addClass("hidden");
                            $("#div_PivotAggrColumn").addClass("hidden");
                            $("#div_PivotAggrType").addClass("hidden");
                            $("#div_Intervals").addClass("hidden");
                            $("#div_PivotRows").addClass("hidden");
                            instance.pivotTypeId = Unibase.Platform.Analytics.Reports.Enums.PivotType.TreeView;
                        }
                        else if (pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.PivotTreeView) {
                            $("#div_PivotColumns").removeClass("hidden");
                            $("#div_PivotDateType").removeClass("hidden");
                            $("#div_PivotAggrColumn").removeClass("hidden");
                            $("#div_PivotAggrType").removeClass("hidden");
                            $("#div_datatreeexpand").removeClass("hidden");
                            $("#div_PivotChildColumnName").removeClass("hidden");
                            $("#div_PivotValue").removeClass("hidden");
                            $("#div_PivotParentColumnName").removeClass("hidden");
                            $(".drawerFooterApplyPivot").removeClass("hidden");
                            $("#div_PivotTableConfig").addClass("hidden");
                            $("#div_PivotRows").addClass("hidden");
                            $("#div_Intervals").addClass("hidden");
                            instance.pivotTypeId = Unibase.Platform.Analytics.Reports.Enums.PivotType.PivotTreeView;
                        }
                        else if (pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.TimeInterval) {
                            $("#div_Intervals").removeClass("hidden");
                            $("#div_PivotColumns").removeClass("hidden");
                            $("#div_PivotDateType").removeClass("hidden");
                            $("#div_PivotAggrColumn").removeClass("hidden");
                            $("#div_PivotAggrType").removeClass("hidden");
                            $(".drawerFooterApplyPivot").removeClass("hidden");
                            $("#div_PivotTableConfig").addClass("hidden");
                            $("#div_datatreeexpand").addClass("hidden");
                            $("#div_PivotChildColumnName").addClass("hidden");
                            $("#div_PivotValue").addClass("hidden");
                            $("#div_PivotParentColumnName").addClass("hidden");
                            instance.pivotTypeId = Unibase.Platform.Analytics.Reports.Enums.PivotType.TimeInterval;
                        }
                        else if (pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.PivotTable) {
                            $(".drawerFooterApplyPivot").removeClass("hidden");
                            $("#div_PivotAggrColumn").removeClass("hidden");
                            $("#div_PivotAggrType").removeClass("hidden");
                            $("#div_PivotTableConfig").removeClass("hidden");
                            $("#div_PivotColumns").addClass("hidden");
                            $("#div_PivotDateType").addClass("hidden");
                            $("#div_Intervals").addClass("hidden");
                            $("#div_PivotRows").addClass("hidden");
                            $("#div_datatreeexpand").addClass("hidden");
                            $("#div_PivotChildColumnName").addClass("hidden");
                            $("#div_PivotValue").addClass("hidden");
                            $("#div_PivotParentColumnName").addClass("hidden");
                            instance.pivotTypeId = Unibase.Platform.Analytics.Reports.Enums.PivotType.PivotTable;
                        }
                    }
                    clearPivotFields() {
                        $("#txt_TimeIntervals").text("");
                        $('#PivotColumns_AutoComplete').val('0').trigger('change');
                        $('#PivotDateType').val('0').trigger('change');
                        $('#PivotAggrColumn').val('0').trigger('change');
                        $('#PivotAggrType').val('-1').trigger('change');
                        $('#PivotChildColumnName_AutoComplete').val('0').trigger('change');
                        $('#PivotValue_AutoComplete').val('0').trigger('change');
                        $('#PivotParentColumnName_AutoComplete').val('0').trigger('change');
                        $('#chktreeexpand_checkbox').prop("checked", false);
                    }
                    applyPivot() {
                        var instance = this;
                        if (this.pivotTypeId != Unibase.Platform.Analytics.Reports.Enums.PivotType.PivotTable) {
                            $("#ExpandIcon, #CollapseIcon").removeClass("hidden");
                            instance._reportBuilder.dataTreeRowExpandedColumn = [];
                            var colId = $("#PivotColumns_AutoComplete option:selected").val();
                            var colName = $("#PivotColumns_AutoComplete option:selected").text();
                            instance._reportBuilder.pivot.ColumnName = "";
                            instance._reportBuilder.pivot.ColumnName = colName;
                            let val = $("#PivotRows_Select2").val();
                            if (val.length == 0) {
                                instance._reportBuilder.pivot.IsPivotRows_Selected = false;
                                for (var opt = 0; opt < $("#PivotRows_Select2").find("option").length; opt++) {
                                    let option = $($("#PivotRows_Select2").find("option")[opt]).val();
                                    val.push(option);
                                }
                            }
                            else {
                                instance._reportBuilder.pivot.IsPivotRows_Selected = true;
                            }
                            instance._reportBuilder.pivot.PivotRows = val;
                            instance._reportBuilder.pivot.AggColumnName = $("#PivotAggrColumn option:selected").text();
                            instance._reportBuilder.pivot.AggFuncId = Number($("#PivotAggrType option:selected").val());
                            if (Number($("#PivotParentColumnName_AutoComplete option:selected").val()) != 0) {
                                instance._reportBuilder.IsPivotTree = true;
                                instance._reportBuilder.pivot.IsDatatreeExpand = instance.isDataTreeExpand;
                                instance._reportBuilder.pivot.ChildColumnName = $("#PivotChildColumnName_AutoComplete option:selected").text();
                                instance._reportBuilder.pivot.ChildColumnValue = Number($("#PivotValue_AutoComplete option:selected").text());
                                instance._reportBuilder.pivot.ParentColumnName = $("#PivotParentColumnName_AutoComplete option:selected").text();
                                if ($("#PivotValue_AutoComplete option:selected").val() != "-1") {
                                    instance._reportBuilder.pivot.PivotValue_Selected = Number($("#PivotValue_AutoComplete option:selected").text());
                                }
                            }
                            instance._reportBuilder.TenureReport = [];
                            if ($("#txt_TimeIntervals").val() != "") {
                                instance._reportBuilder.TenureReport[colName] = {
                                    TimeInterval: $("#txt_TimeIntervals").val(),
                                };
                                var Values_len = instance._reportBuilder.TenureReport.length;
                                instance._reportBuilder.TenureReport.length = Values_len + 1;
                                instance._reportBuilder.Interval = $("#txt_TimeIntervals").val();
                            }
                            if (this.pivotTypeId) {
                                let pivot = instance._reportBuilder.pivot;
                                if (this.pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.TreeView) {
                                    if (!pivot.ParentColumnName || pivot.ParentColumnName == "Select Pivot Parent Column" || !pivot.ChildColumnName || pivot.ChildColumnName == "- Select Pivot Child Column -" || pivot.PivotValue_Selected == -1)
                                        return MessageHelper.Instance().showError("Please select accurate pivot details", "div_ReportBuilderErrorMessage");
                                    if (instance._reportBuilder.selectedColumns.findIndex(x => x.AliasName.toLowerCase().includes("haschild")) == -1)
                                        return MessageHelper.Instance().showError("For Tree View report 'hasChild' report column should be must", "div_ReportBuilderErrorMessage");
                                }
                                else if (this.pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.PivotTreeView) {
                                    if (!pivot.ParentColumnName || pivot.ParentColumnName == "Select Pivot Parent Column" || !pivot.ChildColumnName || pivot.ChildColumnName == "- Select Pivot Child Column -" ||
                                        !pivot.ColumnName || pivot.ColumnName == "- Select Pivot Column -" || !pivot.AggColumnName || pivot.AggColumnName == "- Select Aggregation Column -")
                                        return MessageHelper.Instance().showError("Please select accurate pivot details", "div_ReportBuilderErrorMessage");
                                    if (instance._reportBuilder.selectedColumns.findIndex(x => x.AliasName.toLowerCase().includes("haschild")) == -1)
                                        return MessageHelper.Instance().showError("For Pivot Treeview report 'hasChild' report column should be must", "div_ReportBuilderErrorMessage");
                                }
                                else if (!pivot.ColumnName || pivot.ColumnName == "- Select Pivot Column -" || !pivot.AggColumnName || pivot.AggColumnName == "- Select Aggregation Column -" || pivot.AggFuncId == -1)
                                    return MessageHelper.Instance().showError("Please select accurate pivot details", "div_ReportBuilderErrorMessage");
                            }
                            instance._reportBuilder.datatreeIndex_Width = 70;
                            instance._reportBuilder.load_data(instance._reportBuilder.table);
                        }
                        else {
                            instance._reportBuilder.pivot.AggColumnName = $("#PivotAggrColumn option:selected").text();
                            instance._reportBuilder.pivot.AggFuncId = Number($("#PivotAggrType option:selected").val());
                            instance.loadPivotTable(instance._reportBuilder.table);
                        }
                    }
                    loadPivotTable(table) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            var repObj = instance._reportBuilder.getReportData();
                            yield instance.reportManager.getTableData(repObj).then(function (response) {
                                if (response.status == Unibase.Data.Status.Success) {
                                    if (response.result != "") {
                                        var res = JSON.parse(response.result);
                                        var rptData = "";
                                        if (res != "") {
                                            rptData = JSON.parse(res.Data);
                                            instance.pivotTable(rptData);
                                        }
                                        else {
                                            return MessageHelper.Instance().showError("No Data", "div_ReportBuilderErrorMessage");
                                        }
                                    }
                                    else {
                                        return MessageHelper.Instance().showError("No Data", "div_ReportBuilderErrorMessage");
                                    }
                                }
                                else {
                                    return MessageHelper.Instance().showError("No Data", "div_ReportBuilderErrorMessage");
                                }
                            });
                        });
                    }
                    pivotTable(reportresponse) {
                        var instance = this;
                        instance.fileCacheHelper.loadCssFile("libs/pivottable/css/pivot.css", function () {
                            instance.fileCacheHelper.loadJsFile("libs/pivottable/js/pivot.js", function () {
                                var rptRowCols = [];
                                var rptColumnCols = [];
                                if (instance._reportBuilder.ReportColumns.length != 0) {
                                    for (var p = 0; p < instance._reportBuilder.ReportColumns.length; p++) {
                                        if (instance._reportBuilder.ReportColumns[p].IsPivotTableCol) {
                                            rptColumnCols.push("" + instance._reportBuilder.ReportColumns[p].AliasName + "");
                                        }
                                        else {
                                            rptRowCols.push("" + instance._reportBuilder.ReportColumns[p].AliasName + "");
                                        }
                                    }
                                }
                                let containerEl = $("#tabulatorReportbuilder");
                                containerEl.pivotUI(reportresponse, {
                                    cols: rptColumnCols,
                                    rows: rptRowCols,
                                    unusedAttrsVertical: 'hours',
                                    rendererName: "Table",
                                    onRefresh: function (config) {
                                        return __awaiter(this, void 0, void 0, function* () {
                                            const pvtUnusedList = [];
                                            containerEl.find('.pvtUnused .pvtAttr').each(function (i, e) {
                                                pvtUnusedList.push($(e).contents().get(0).nodeValue);
                                                var hiddencol_index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray($(e).contents().get(0).nodeValue);
                                                if (hiddencol_index > -1) {
                                                    instance._reportBuilder.selectedColumns[hiddencol_index].Isvisible = false;
                                                }
                                            });
                                            for (var c = 0; c < config.cols.length; c++) {
                                                var index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(config.cols[c]);
                                                if (index > -1) {
                                                    instance._reportBuilder.selectedColumns[index].IsPivotTableCol = true;
                                                }
                                                if (config.vals.length > 0) {
                                                    var aggrcol_index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(config.vals[0]);
                                                    if (aggrcol_index > -1) {
                                                        var aggrtypeid = yield instance.getPivotAggregationTypeId(config.aggregatorName);
                                                        instance._reportBuilder.selectedColumns[aggrcol_index].PivotTableAggrTypeId = aggrtypeid;
                                                    }
                                                }
                                            }
                                        });
                                    }
                                });
                                instance._reportBuilder.EditableTabulatorTitle();
                                containerEl.find('.pvtAttr').append('<span></span>');
                                containerEl.addClass('pivot-ui-tableview');
                                containerEl.find('button').each(function (i, e) {
                                    if ($(e).text().toLowerCase().includes('cancel')) {
                                        $(e).addClass('btn btn-outline-danger btn-sm');
                                    }
                                    else {
                                        $(e).addClass('btn btn-primary btn-sm');
                                    }
                                });
                            });
                        });
                    }
                    getPivotAggregationTypeId(aggrName) {
                        var aggrtypeid = 0;
                        var instance = this;
                        instance.fileCacheHelper.loadJsFileAsync("platform/analytics/enums/pivottableaggregationtype.js", function () {
                            switch (aggrName) {
                                case 'Count':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.Count;
                                    break;
                                case 'Count Unique Values':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.CountUniqueValues;
                                    break;
                                case 'List Unique Values':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.ListUniqueValues;
                                    break;
                                case 'Sum':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.Sum;
                                    break;
                                case 'Integer Sum':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.IntegerSum;
                                    break;
                                case 'Average':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.Average;
                                    break;
                                case 'Median':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.Median;
                                    break;
                                case 'Sample Variance':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.SampleVariance;
                                    break;
                                case 'Sample Standard Deviation':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.SampleStandardDeviation;
                                    break;
                                case 'Minimum':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.Minimum;
                                    break;
                                case 'Maximum':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.Maximum;
                                    break;
                                case 'First':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.First;
                                    break;
                                case 'Last':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.Last;
                                    break;
                                case 'Sum over Sum':
                                    aggrtypeid = Analytics.Reports.Enums.PivotTableAggregationType.SumoverSum;
                                    break;
                            }
                        });
                        return aggrtypeid;
                    }
                    changedPivotColumn() {
                        var instance = this;
                        $("#PivotRows_Select2").val("").trigger("change");
                        $("#PivotRows_Select2").empty();
                        var colId = Number($("#PivotColumns_AutoComplete option:selected").val());
                        if (colId != 0) {
                            var rows;
                            var dataType = Number($("#allDatalistColumns #li_" + colId + " span.datalist_column").attr('data-column-datatype'));
                            if (dataType != Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime) {
                                $("#PivotDateType").val("0");
                                var colName = $("#PivotColumns_AutoComplete option:selected").text();
                                var AggrFuncId = Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().Aggregations.findIndex(x => x == $("#PivotDateType option:selected").val());
                                instance._reportBuilder.getDistinctData(Number(colId), colName, AggrFuncId);
                            }
                            else {
                                if ($("#tenure_checkbox").prop("checked") == true || instance._reportBuilder.TenureReport.length != 0) {
                                    $("#PivotDateType").empty().append(`<option value="0"> Select Date Type </option><option value="` + Unibase.Platform.Analytics.Reports.Enums.AggregationType.day + `"> Day </option><option value="` + Unibase.Platform.Analytics.Reports.Enums.AggregationType.month + `" > Month </option><option value="` + Unibase.Platform.Analytics.Reports.Enums.AggregationType.year + `" > Year </option>`);
                                }
                                else {
                                    $("#PivotDateType").empty().append(`<option value="0"> Select Date Type </option><option value="` + Unibase.Platform.Analytics.Reports.Enums.AggregationType.month + `"> Month </option><option value="` + Unibase.Platform.Analytics.Reports.Enums.AggregationType.year + `"> Year </option>`);
                                }
                            }
                            $("#PivotRows_Select2").select2({
                                placeholder: 'Select Pivot Rows',
                                data: rows,
                            });
                        }
                    }
                    changedDateType() {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            var colId = Number($("#PivotColumns_AutoComplete option:selected").val());
                            if (colId != 0) {
                                var colName = $("#PivotColumns_AutoComplete option:selected").text();
                                var AggrFuncId = Number($("#PivotDateType option:selected").val());
                                var index = instance._reportBuilder.getIndexByColumnName_selectedColumnsArray(colName);
                                instance._reportBuilder.selectedColumns[index].DataType = AggrFuncId;
                                yield instance._reportBuilder.getDistinctData(colId, colName, AggrFuncId);
                                Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().pivot.DateType = Number($("#PivotDateType option:selected").val());
                                let val = instance._reportBuilder.pivot.PivotRows;
                                if (!val) {
                                    $("#PivotRows_Select2").select2({
                                        placeholder: 'No data to show',
                                    });
                                }
                                else if (val.length != 0) {
                                    $("#PivotRows_Select2").select2({
                                        placeholder: 'Select Pivot Rows',
                                        data: val,
                                    });
                                }
                            }
                        });
                    }
                    getDistinctChildColumnData(colName) {
                        var instance = this;
                        instance._reportBuilder.distinctColumnData = [];
                        var cf_fromDate = btoa(Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate);
                        var cf_toDate = btoa(Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate);
                        Unibase.Platform.Analytics.Managers.ReportManager.Instance().getDistinctColumnData(instance._reportBuilder.DataListId, colName, 0, cf_fromDate, cf_toDate).then(function (response) {
                            if (response != "") {
                                for (var i = 0; i < response.length; i++) {
                                    instance._reportBuilder.distinctColumnData.push(response[i][colName]);
                                }
                                var parentvalues = instance._reportBuilder.distinctColumnData;
                                $("#PivotValue_AutoComplete").select2({
                                    placeholder: 'Select Pivot Child Value',
                                    data: parentvalues,
                                });
                                let childVal = instance._reportBuilder.pivot.PivotValue_Selected;
                                if (childVal != -1 && childVal != undefined) {
                                    $("#PivotValue_AutoComplete").val(childVal).trigger("change");
                                }
                            }
                        });
                    }
                    changedPivotAggrColumn() {
                        var instance = this;
                        $("#PivotAggrType").empty().append(`<option value="-1" > Select Aggregation Type </option>`);
                        var colId = Number($("#PivotAggrColumn option:selected").val());
                        if (colId != 0) {
                            let DataType = Number($("#allDatalistColumns #li_" + colId + " span.datalist_column").attr('data-column-datatype'));
                            let Aggregation = instance._reportBuilder.getAggregationsByDataType(DataType);
                            for (var i = 0; i < Aggregation.length; i++) {
                                $("#PivotAggrType").append(`<option value="` + Aggregation[i].Value + `" > ` + Aggregation[i].AggrType + ` </option>`);
                            }
                        }
                    }
                    changedPivotChildColumn() {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            $("#PivotValue_AutoComplete").empty().append(`<option value="-1" > Select Parent Value </option>`);
                            $("#div_PivotValue").removeClass("hidden");
                            var colName = $("#PivotChildColumnName_AutoComplete option:selected").text();
                            var colId = Number($("#PivotChildColumnName_AutoComplete option:selected").val());
                            if (colId != 0) {
                                var Whole_tableData = instance._reportBuilder.tableData;
                                var tableData = JSON.parse(Whole_tableData);
                                var columns = [];
                                yield instance.getDistinctChildColumnData(colName);
                            }
                        });
                    }
                    loadPivotSelect2s() {
                        var columns = [];
                        var selectedColumns = this._reportBuilder.selectedColumns;
                        for (let i = 0; i < selectedColumns.length; i++)
                            columns.push({ id: selectedColumns[i].ColumnId, text: selectedColumns[i].ColumnName });
                        $("#PivotColumns_AutoComplete").select2({
                            placeholder: 'Select Pivot Column',
                            data: columns,
                        });
                        $("#PivotAggrColumn").select2({
                            placeholder: 'Select Pivot Aggregation Column',
                            data: columns,
                        });
                        $("#PivotChildColumnName_AutoComplete").select2({
                            placeholder: 'Select Pivot Parent Column Name',
                            data: columns,
                        });
                        $("#PivotParentColumnName_AutoComplete").select2({
                            placeholder: 'Select Pivot Parent Column Name',
                            data: columns,
                        });
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new Pivot();
                        }
                        return this.instance;
                    }
                }
                Reports.Pivot = Pivot;
            })(Reports = Analytics.Reports || (Analytics.Reports = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Charts;
            (function (Charts) {
                class ChartBuilder extends Analytics.Components._Chart {
                    constructor() {
                        super();
                        this.colorColumn = [];
                        this.colorApplyColumn = [];
                        this.ColorPickerRightNav = true;
                        this.IsclickedSelect2Caret = false;
                        this._chartBuilder = this;
                        this._reportBuilderTemplate = Analytics.Reports.ReportBuilder_Template.Instance();
                        this._pivot = Analytics.Reports.Pivot.Instance();
                    }
                    loadChartIcons() {
                        var instance = this;
                        let html = `<button class="btn btn-icon btn-icon-circle text-white ChartIcons bg-success" disabled="true" id="ChartIcon_Default"><i class="fa fa-home"></i></button><button class="btn btn-icon btn-icon-circle btn-icon-style-3" id="ChartIcon_FullScreen"><i class="fa fa-expand"></i></button><button class="btn btn-icon btn-icon-circle text-white ChartIcons bg-success" disabled="true" id="ChartIcon_edit"><i class="fa fa-pencil-square-o"></i></button><button class="btn btn-icon btn-icon-circle btn-icon-style-3 hidden" id="ChartIcon_PaintBrush"><i class="fa fa-paint-brush"></i></button><button class="btn btn-icon btn-icon-circle btn-icon-style-3 ChartIcons hidden" id="ChartIcon_ToolTip"><i class="fa fa-comment"></i></button><button class="btn btn-icon btn-icon-circle btn-icon-style-3 ChartIcons hidden" id="ChartIcon_ChartSettings"><i class="fa fa-cog"> </i></button><button class="btn btn-icon btn-icon-circle btn-icon-style-3 ChartIcons hidden" id="ChartIcon_Forms"><i class="fa fa-bookmark"></i></button></button>`;
                        $("#bl-nav-chart").html(html);
                        $("#bl-nav-chart").height($("#chart-container").height());
                        $(".ChartIcons").click(function () {
                            $(".ChartIcons").addClass("btn-icon-style-3").removeClass("text-white bg-success").removeAttr("disabled");
                            $(this).removeClass("btn-icon-style-3").addClass("text-white bg-success").attr("disabled", "true");
                        });
                        $("#ChartIcon_Default").click(function () {
                            instance.changeRightNav("Default");
                        });
                        $("#ChartIcon_FullScreen").click(function () {
                            let panel = '_modal_bizgaze_popup_ChartFullScreen' + moment().unix();
                            let margin = "mt-70 mb-70 ml-100 mr-100";
                            let colSpan = "col-sm-10";
                            var modalhtml = `<div class="_bizgaze_popup_container shadow-left shadow-xl modal right bg-light ` + colSpan + ` p-0 ` + margin + `" id="` + panel + `"><div class="card">
                          <div class="modal-header"> <span class="text-center col-sm-11" style="text-align:center"> Chart Preview </span> <span class="pull-right" id="Close_ChartFullScreen"> <i class="fa fa-close"> </i> </span> </div>
                          <div class="modal-body" style="height:500px">
                          <div id="legend_FullScreen"></div>
                            <div id="ChartCanvasDiv_FullScreen" style="position: relative; height: 67vh; width: 67vw;" class="ml-30">
                            <canvas id="myChart_FullScreen" class="ml-10"></canvas> 
                            </div>
                            </div></div></div>`;
                            $("#_bizgaze_modal").before(modalhtml);
                            instance.chartType("myChart_FullScreen");
                            $('#' + panel).modal('show');
                            $("#Close_ChartFullScreen").click(function () {
                                $(".modal-backdrop").remove();
                                $('#' + panel).remove();
                            });
                        });
                        $("#ChartIcon_PaintBrush").click(function () {
                            instance.changeRightNav("PaintBrush");
                        });
                        $("#ChartIcon_ToolTip").click(function () {
                            instance.changeRightNav("ToolTip");
                        });
                        $("#ChartIcon_ChartSettings").click(function () {
                            instance.changeRightNav("ChartSettings");
                        });
                        $("#ChartIcon_Forms").click(function () {
                        });
                        $('input[name="customRadio1"]:radio').on('change', function (e) {
                            var type = $('input[type=radio][name=customRadio1]:checked').attr('id');
                            if (type == "rowRadio") {
                                instance.colorAppliedOn = Unibase.Platform.Analytics.Enums.ColorType.row;
                            }
                            else if (type == "columnRadio") {
                                instance.colorAppliedOn = Unibase.Platform.Analytics.Enums.ColorType.column;
                            }
                            instance.chart_dataSet();
                        });
                        $('input[name="lagendtypedataradio"]:radio').on('change', (e) => {
                            var type = e.currentTarget.id;
                            if (type == "lagendtypecolumn") {
                                instance.legendTitleTypeId = Unibase.Platform.Analytics.Enums.LegendTitleType.Column;
                            }
                            else if (type == "lagendtypedata") {
                                instance.legendTitleTypeId = Unibase.Platform.Analytics.Enums.LegendTitleType.Data;
                            }
                            instance.chart_dataSet();
                        });
                        $("#isdatalabel").change((e) => {
                            this.isDataLabel = e.target.checked;
                        });
                        $("#showtooltipheader_checkbox").change((e) => {
                            this.isTooltipHeader = e.target.checked;
                        });
                        $("#label_length").change((e) => {
                            this.tickLabelLength = Number(e.target.value);
                        });
                        $('body').on('click', '#theme_pre .color-block', function () {
                            instance.IsColorPalette = true;
                            instance.ColumnColors = [];
                            instance.RowColors = [];
                            var selected_color_block = $(this);
                            $(selected_color_block).find('div').each(function () {
                                var colorClassName = $(this).attr('class');
                                var rgb = $(this).css('background-color');
                                var color = '';
                                var parts = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
                                delete (parts[0]);
                                for (var i = 1; i <= 3; ++i) {
                                    parts[i] = parseInt(parts[i]).toString(16);
                                    if (parts[i].length == 1)
                                        parts[i] = '0' + parts[i];
                                }
                                color = '#' + parts.join('');
                                instance.ColumnColors.push(color);
                                instance.RowColors.push(color);
                            });
                            instance.chartData();
                        });
                    }
                    changeRightNav(IconName) {
                        var instance = this;
                        $(".bl-nav-right").addClass("hidden");
                        if (IconName == "Default") {
                            $("#bl-nav-right-default").removeClass("hidden");
                            if (instance._reportBuilder.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Table) {
                                $("#XAxis").addClass("hidden");
                                $("#YAxis").addClass("hidden");
                            }
                        }
                        else if (IconName == "ToolTip") {
                            $("#bl-nav-right-tooltip").removeClass("hidden");
                            instance.loadToolTipRightNav();
                            instance.addColumnColors();
                        }
                        else {
                            $("#bl-nav-right-charttypes").removeClass("hidden");
                            instance.loadChartTypesRightNav();
                        }
                        instance.rightNavSlimScroll();
                    }
                    rightNavSlimScroll() {
                        let elem;
                        elem = $(".rightnav_body");
                        var height = parseInt($(".report-builder-body").css("height").replace("px", "")) + $(".modal-footer").height() + 'px';
                        elem.slimscroll({ height: height, color: '#d6d9da', disableFadeOut: true, borderRadius: 0, size: '6px', enableKeyNavigation: true, opacity: .8 });
                    }
                    loadChartTypesRightNav() {
                        var instance = this;
                        let html = `<div class="bg-white card"> <div class="card-header"><span>Chart Types</span></div> <div class="card-body col-sm-1"><div class=" btn-group-xs pt-24"><table><tr><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick=Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('bar',1)><span><i><img src="platform/analytics/components/chartbuilder/images/bar-chart.png" height="30" width="30" onerror="ReloadImage(event)"></i></span></button></td><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('horizontalBar',2)"><span><i><img src="platform/analytics/components/chartbuilder/images/horizontalbar-chart.png" height="30" width="30"></i></span></button></td><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('area',3)"><span id="AreaChart" value="2"><i aria-hidden="true"><img src="platform/analytics/components/chartbuilder/images/area-chart.png" height="30" width="30"></i></span></button></td></tr><tr><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('doughnut',4)"><span><i><img src="platform/analytics/components/chartbuilder/images/doughnut-chart.png" height="30" width="30"></i></span></button></td><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('line',5)"><span><i aria-hidden="true"><img src="platform/analytics/components/chartbuilder/images/line-chart.png" height="30" width="30"></i></span></button></td><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('pie',6)"><span><i aria-hidden="true"><img src="platform/analytics/components/chartbuilder/images/pie-chart.png" height="30" width="30"></i></span></button></td><tr><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('stackedBar',7)"><span><i><img src="platform/analytics/components/chartbuilder/images/stacked-bar-chart.png" height="30" width="30"></i></span></button></td><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('stackedHorizontalBar',8)"><span><i><img src="platform/analytics/components/chartbuilder/images/stacked-horizontalbar-chart.png" height="30" width="30"></i></span></button></td><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('bubble',9)"><span><i><img src="platform/analytics/components/chartbuilder/images/bubble-chart.png" height="30" width="30"></i></span></button></td><tr class="hidden"><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview()"><span><i><img src="" height="30" width="30"></i></span></button></td><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('rangeColumn',10)"><span><i><img src="" height="30" width="30"></i></span></button></td><td class="pr-2 pb-2"><button type="button" class="btn btn-outline-primary" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().chartPreview('zoomcolumn')"><span><i><img src="" height="30" width="30"></i></span></button></td></tr></table></div> </div> </div>`;
                        $("#bl-nav-right-charttypes").html(html);
                    }
                    loadReportTypeChart(id) {
                        var instance = this;
                        if (id != "fa fa-bar-chart-o") {
                            $('.biz-bldr-wrap').removeClass('chart_view');
                            $('#chart-container').addClass('hidden');
                            $("#Categories").removeClass("hidden");
                            $("#chartPivotBtn").addClass("hidden");
                            $(".bldr-body").removeClass("biz-body-margin-right");
                            $(this).attr('title', 'Table View');
                            let pivotHtml = instance._reportBuilderTemplate.loadPivotForm();
                            $('#reportBuilderRightNav').html(pivotHtml);
                            setTimeout(function () { $("#pivot-close-btn").click(); }, 1);
                            $("#no_of_records").closest(".card").first().addClass("hidden");
                            $("#linechart").addClass("hidden");
                            $("#div_base_column").addClass("hidden");
                            instance._reportBuilder.loadDynmaicFilters(this._reportBuilder.reportid);
                        }
                        else {
                            $('.biz-bldr-wrap').addClass('chart_view');
                            $('#chart-container').removeClass('hidden');
                            instance.loadChartContent();
                            $("#XAxis").removeClass("hidden");
                            $("#YAxis").removeClass("hidden");
                            $("#Categories").addClass("hidden");
                            $("#chartPivotBtn").removeClass("hidden");
                            $(".bldr-body").addClass("biz-body-margin-right");
                            $(this).attr('data-original-title', 'Chart View');
                            instance._reportBuilderTemplate.loadChartSideBar();
                            this.sortTooltipColumnsEvent();
                            instance.select2TooltipDataBinding();
                            instance._chartBuilder.loadPalettes();
                            $("#no_of_records").closest(".card").first().removeClass("hidden");
                            $("#div_base_column").removeClass("hidden");
                        }
                        if (instance._reportBuilder.isEdit == true) {
                            instance.setChartTypeIconActive(instance.ChartTypeId);
                            $('#biz-wrapper').addClass('biz-drawer-pushright');
                        }
                        instance._reportBuilder.reportTypeChange(id);
                        if ($("#QueryBuilder").parent().hasClass("slimScrollDiv")) {
                            $("#QueryBuilder").parent().addClass("hidden");
                        }
                        instance.enableOrDisableChartIcons();
                    }
                    setChartTypeIconActive(chartTypeId) {
                        switch (chartTypeId) {
                            case Unibase.Platform.Analytics.Charts.Enums.ChartType.bar:
                                $("#chart_type").find('.bar-chart-icon').closest('label').addClass('active');
                                break;
                            case Unibase.Platform.Analytics.Charts.Enums.ChartType.horizontalBar:
                                $("#chart_type").find('.horizontalbar-chart-icon').closest('label').addClass('active');
                                break;
                            case Unibase.Platform.Analytics.Charts.Enums.ChartType.area:
                                $("#chart_type").find('.area-chart-icon').closest('label').addClass('active');
                                break;
                            case Unibase.Platform.Analytics.Charts.Enums.ChartType.doughnut:
                                $("#chart_type").find('.doughnut-chart-icon').closest('label').addClass('active');
                                break;
                            case Unibase.Platform.Analytics.Charts.Enums.ChartType.line:
                                $("#chart_type").find('.line-chart-icon').closest('label').addClass('active');
                                break;
                            case Unibase.Platform.Analytics.Charts.Enums.ChartType.pie:
                                $("#chart_type").find('.pie-chart-icon').closest('label').addClass('active');
                                break;
                            case Unibase.Platform.Analytics.Charts.Enums.ChartType.stackedBar:
                                $("#chart_type").find('.stackedbar-chart-icon').closest('label').addClass('active');
                                break;
                            case Unibase.Platform.Analytics.Charts.Enums.ChartType.stackedHorizontalBar:
                                $("#chart_type").find('.stackedhorizontalbar-chart-icon').closest('label').addClass('active');
                                break;
                            case Unibase.Platform.Analytics.Charts.Enums.ChartType.bubble:
                                $("#chart_type").find('.bubble-chart-icon').closest('label').addClass('active');
                                break;
                        }
                    }
                    loadTopIcons() {
                        var instance = this;
                        let html = `<a class="btn btn-icon btn-flush-dark btn-rounded flush-soft-hover drawer-toggle-link ml-1" id="ReportTypeChart" href="javascript:;" data-tooltip="true" title="Table View"><span class="btn-icon-wrap"><span class="font-awesome-icon"><i class="fa fa-table"></i></span></span></a>`;
                        $("#bl-report-title").html(html);
                        let pivotHtml = instance._reportBuilderTemplate.loadPivotForm();
                        $('#reportBuilderRightNav').html(pivotHtml);
                        $("#ReportTypeChart").click(function () {
                            var id = $(this).find('i').toggleClass('fa-table fa-bar-chart-o');
                            instance.loadReportTypeChart(id[0].className);
                            $('#tabulatorReportbuilder').toggleClass('contains-chartview');
                        });
                        $("#chartPivotBtn").click(function () {
                            $("#chart-pivot-container").removeClass('hidden');
                            $("#chart-pivot-container.biz-drawer.drawer-right").css('right', '0px');
                            $("#chart-appearance-container").addClass('hidden');
                        });
                        $('body').on('click', '#chart-pivot-container #pivot-close-btn', function () {
                            $(this).removeClass('drawer-close');
                            $("#chart-pivot-container").addClass('hidden');
                            $("#chart-appearance-container").removeClass('hidden');
                        });
                        $("#ReportFilter").click(function () {
                            $(".report-builder-body").toggleClass("hidden");
                            instance._reportBuilder.loadQueryBuilderDiv();
                        });
                        $("#reset_pivot_details").click(() => {
                            $("#txt_TimeIntervals").val("0").trigger("change");
                            $("#PivotColumns_AutoComplete").val("0").trigger("change");
                            $("#PivotDateType").val("0").trigger("change");
                            $("#PivotAggrColumn").val("0").trigger("change");
                            $("#PivotAggrType").val("-1").trigger("change");
                            $("#PivotRows_Select2").val("").trigger("change").empty();
                            $("#chktreeexpand_checkbox").prop("checked", false);
                            $("#PivotChildColumnName_AutoComplete").val("0").trigger("change");
                            $("#PivotValue_AutoComplete").val("-1").trigger("change");
                            $("#PivotParentColumnName_AutoComplete").val("0").trigger("change");
                            $("#pivotType_Select2").val("0").trigger("change");
                            $("#div_Intervals, #div_PivotDateType, #div_PivotColumns, #div_PivotAggrColumn, #div_PivotAggrType, #div_PivotRows, #div_datatreeexpand, #div_PivotChildColumnName, #div_PivotValue, #div_PivotParentColumnName").addClass("hidden");
                            if (this._reportBuilder.pivot)
                                this._reportBuilder.pivot = new PivotColumns();
                            this._reportBuilder.load_data(this._reportBuilder.table);
                        });
                    }
                    loadChartContent() {
                        let html = `
                            <div class="card-header border-0 justify-content-end card-header-action">
                              <div class="card-action-wrap">
                                <a href="#" class="inline-block full-screen">
                                  <i class="ion ion-md-expand"></i>
                                </a>
                              </div>
                            </div>
                            <div class="card-body h-100">
                               <div id="ChartCanvasDiv" class="h-100 w-100">
                                    <canvas id="myChart"></canvas>
                               </div>
                            </div>
                         `;
                        $("#chart-container").html(html);
                    }
                    formatResultData(data) {
                        var instance = Unibase.Platform.Analytics.Charts.ChartBuilder.Instance();
                        if (!data.id || isNaN(Number(data.id))) {
                            var index = instance.getIndexByDisplayText(data.text, "YAxis");
                            if (index != -1) {
                                var ColId = instance.yaxisColumns[index].ColumnId;
                                data.id = ColId;
                                return data.text;
                            }
                            else
                                return data.text;
                        }
                        if (data.element.selected)
                            return;
                        return data.text;
                    }
                    ;
                    formatResult(data) {
                        return data.text;
                    }
                    ;
                    selectedDatalistColumns() {
                        var instance = this;
                        var data = [];
                        for (let i = 0; i < instance._reportBuilder.datalistColumnsResponseData.length; i++) {
                            data.push({ id: instance._reportBuilder.datalistColumnsResponseData[i].ColumnId, text: instance._reportBuilder.datalistColumnsResponseData[i].ColumnName });
                        }
                        return data;
                    }
                    loadSearchSelect2() {
                        var instance = this;
                        var data = instance._reportBuilder.getSelectedColumns_Select2_Data_AliasName_As_TextValue();
                        $("#searchcolumns").empty().unbind().select2({
                            placeholder: 'Select Search columns',
                            data: data,
                            allowClear: true,
                        }).on('select2:unselect', (e) => {
                            let removedCol = e.params.data.text;
                            if (instance._reportBuilder.SearchColumns) {
                                let searchColumns = instance._reportBuilder.SearchColumns.split('|');
                                let srchIdx = searchColumns.indexOf(removedCol);
                                if (srchIdx != -1) {
                                    searchColumns.splice(srchIdx, 1);
                                    instance._reportBuilder.SearchColumns = searchColumns.join("|");
                                }
                            }
                        }).on('select2:select', (e) => {
                            let selectedCol = e.params.data.text;
                            if (instance._reportBuilder.SearchColumns) {
                                instance._reportBuilder.SearchColumns += "|" + selectedCol;
                            }
                            else
                                instance._reportBuilder.SearchColumns = selectedCol;
                        });
                        this._reportBuilder.bindSearchColumns();
                    }
                    identityColumns() {
                        var instance = this;
                        var data = [];
                        var identityinfo = Unibase.Platform.Membership.Infos.Identity.currentUser;
                        var keys = Object.keys(identityinfo);
                        for (let i = 0; i < keys.length; i++) {
                            data.push({ id: identityinfo[keys[i]], text: "Identity_" + keys[i] });
                        }
                        instance._reportBuilder.identityColumnsResponseData = data;
                        return data;
                    }
                    loadIdentitySelect2() {
                        var instance = this;
                        var data = [];
                        var data = instance.identityColumns();
                        $("#identitycolumns").select2({
                            placeholder: 'Select Indentity columns',
                            data: data,
                        });
                    }
                    loadSortColumnsSelect2() {
                        var instance = this;
                        let sortData = [{ id: "0", text: "- Select -" }];
                        sortData = instance._reportBuilder.getSelectedColumns_Select2_Data();
                        if (instance._reportBuilder.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                            for (var i = 0; i < instance.ChartSelectedColumns.length; i++) {
                                let chtCol = instance.ChartSelectedColumns[i];
                                let idx = sortData.findIndex(x => x.text == instance.ChartSelectedColumns[i].AliasName);
                                if (idx == -1)
                                    sortData.push({ id: chtCol.ChartColumnId || chtCol.ColumnId && chtCol.ColumnId.toString(), text: chtCol.AliasName });
                            }
                        }
                        $("#sortColumns_select").html("").unbind().select2({
                            placeholder: 'Select Sort columns',
                            data: sortData,
                        }).on('select2:select', function (e) {
                            let data = e.params.data;
                            let dataType = instance._reportBuilder.dataType($("#allDatalistColumns #li_" + parseInt(data.id) + " span.datalist_column").attr('data-column-datatype'));
                            var sortIndex = instance._reportBuilder.getIndexByDisplayText_sortColumnsArray(data.text);
                            if (sortIndex > -1) {
                                $("#sortColumns_select").select2('close');
                                alert("Column - " + data.text + " already exists in sortcolumns select2");
                                $('#sortColumns_select').val('0').trigger('change');
                                $('.select2-selection__clear').hide();
                                return false;
                            }
                            var html = instance._reportBuilderTemplate.loadSortSelect2Column(Number(e.params.data.id), e.params.data.text, dataType);
                            $("#sort_selected_columns").append(html);
                            instance._reportBuilder.setSelectOption("sortColumns_select");
                            var selcolIndex = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(data.text);
                            instance._reportBuilder.selectedColumns[selcolIndex].SortOrder = "Desc";
                            instance._reportBuilder.selectedColumns[selcolIndex].SortIndex = instance._reportBuilder.SortColumns.length;
                            instance._reportBuilder.SortColumns.push({ DisplayText: data.text, SortOrder: "Desc", SortIndex: instance._reportBuilder.SortColumns.length });
                            var _sort = [];
                            if (instance._reportBuilder.SortColumns.length > 0) {
                                for (var s = 0; s < instance._reportBuilder.SortColumns.length; s++) {
                                    _sort.push({ Name: instance._reportBuilder.SortColumns[s].DisplayText, Order: instance._reportBuilder.SortColumns[s].SortOrder });
                                }
                            }
                            instance._reportBuilder.stringifyed_SortColumns = JSON.stringify(_sort);
                            instance._reportBuilder.load_data(instance._reportBuilder.table);
                            if (instance._reportBuilder.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                                var cindex = instance.getIndexByDisplayText_ChartSelectedColumns(data.text);
                                if (cindex > -1) {
                                    instance.ChartSelectedColumns[cindex].SortOrder = "Desc";
                                    instance.ChartSelectedColumns[cindex].SortIndex = instance._reportBuilder.SortColumns.length;
                                }
                                if (instance._reportBuilder.TenureReport.length != 0) {
                                    Unibase.Platform.Analytics.Reports.Tenure.Instance().CheckedTenure();
                                    instance._chartBuilder.tenureChart('myChart', instance._reportBuilder.reportid);
                                }
                                else {
                                    instance._chartBuilder.chartPreview(instance._chartBuilder.ChartTypeName, instance._chartBuilder.ChartTypeId);
                                }
                            }
                        });
                    }
                    loadDynamicFilterSelect(loadDatalistColumns) {
                        var instance = this;
                        var data;
                        if (loadDatalistColumns) {
                            data = this._reportBuilder.getSelect2DataForDynamicFiltersDatalistColumns();
                        }
                        else {
                            data = this._reportBuilder.getSelectedColumns_Select2_Data();
                        }
                        $("#dynamicFilter_select").html("").unbind().select2({
                            placeholder: 'Select Dynamic Filter',
                            data: data,
                        }).on('select2:select', function (e) {
                            let data = e.params.data;
                            let dataType = Number($("#allDatalistColumns #li_" + parseInt(data.id) + " span.datalist_column").attr('data-column-datatype'));
                            var dfillindex = Unibase.Platform.Analytics.Reports.DynamicFilter.Instance().getIndexByDisplayText_dynamicFilterColumns(data.text);
                            if (dfillindex > -1) {
                                return MessageHelper.Instance().showError("Column - " + data.text + " already exists in DynamicFilters select2.", "div_ReportBuilderErrorMessage");
                            }
                            let rptCol = instance._reportBuilder.selectedColumns.find(x => x.AliasName == data.text);
                            if (rptCol) {
                                if (rptCol.ColumnFormat != "" && rptCol.ColumnFormat != "Default") {
                                    instance._reportBuilder.setSelectOption("dynamicFilter_select");
                                    return MessageHelper.Instance().showError("Unable to add formated column in DynamicFilters", "div_ReportBuilderErrorMessage");
                                }
                            }
                            var html = instance._reportBuilderTemplate.loadDynamicFilterColumn(Number(e.params.data.id), e.params.data.text, dataType);
                            $("#dynamic-list-group-wrapper").append(html);
                            if (dataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime) {
                                if ($('[data-toggle="tooltip"]').length > 0)
                                    $('[data-toggle="tooltip"]').tooltip();
                                var datefill = instance._reportBuilder.dynamicFilters.find(d => d.IsFilterableColumn == data.text) ? true : false;
                                if (!datefill) {
                                    var model = new DynamicFilterModel();
                                    model.IsFilterableColumn = data.text;
                                    model.DataType = dataType;
                                    model.DisplayName = data.text;
                                    model.Index = instance._reportBuilder.dynamicFilters.length;
                                    model.IsDefault = $('.dynamicfilter-defaultdate_' + data.text).is(':checked');
                                    instance._reportBuilder.dynamicFilters.push(model);
                                }
                            }
                            Unibase.Platform.Analytics.Reports.DynamicFilter.Instance().sortDynamicFilter();
                            instance._reportBuilder.setSelectOption("dynamicFilter_select");
                        });
                    }
                    select2DataBinding(Event) {
                        var instance = this;
                        var data = instance.selectedDatalistColumns();
                        if (instance._reportBuilder.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                            instance.coordinate_data(instance.ChartAxis.Horizontal, data);
                            instance.coordinate_data(instance.ChartAxis.Vertical, data);
                            instance.select2TooltipDataBinding();
                            instance.bindChartBaseColumnSelect2();
                        }
                        instance.loadSearchSelect2();
                        instance.loadIdentitySelect2();
                        instance.loadSortColumnsSelect2();
                        instance.loadDynamicFilterSelect(instance._reportBuilder.showDynamicFilters);
                        if (Event == "") {
                            instance.loadCategoriesSelect2();
                            $("#groupby_select").off('select2:select').off('select2:unselect').off('select2:selecting');
                            $("#groupby_select").select2({
                                placeholder: 'Select GroupBy columns',
                                data: data,
                            }).on('select2:select', function (e) {
                                let data = e.params.data;
                                let dataType = Number($("#allDatalistColumns #li_" + e.params.data.id + " span.datalist_column").attr('data-column-datatype'));
                                if (instance._reportBuilder.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                                    let gObj = {
                                        ColumnId: Number(data.id),
                                        ColumnName: data.text,
                                        DisplayText: data.text,
                                        AliasName: data.text,
                                        DataType: dataType,
                                        CoordinateTypeId: instance.ChartAxis.GroupBy,
                                        ColorType: Unibase.Platform.Analytics.Enums.ColorType.row,
                                        divId: "groupby_selected_columns"
                                    };
                                    instance.selected_Coordinate(gObj);
                                    instance.addColumnColors();
                                    instance.loadSortColumnsSelect2();
                                }
                                else {
                                    let dataTypeString = $("#allDatalistColumns #li_" + parseInt(data.id) + " span.datalist_column").attr('data-column-datatype');
                                    let dataType = Number($("#allDatalistColumns #li_" + e.params.data.id + " span.datalist_column").attr('data-column-datatype'));
                                    let Index = instance._reportBuilder.getIndexByColumnName_selectedColumnsArray(data.text);
                                    var sel_Col = instance._reportBuilder.selectedColumns[Index];
                                    if (sel_Col)
                                        var grpCol = sel_Col.GroupBy;
                                    if (!grpCol) {
                                        if (Index != -1) {
                                            instance._reportBuilder.selectedColumns[Index].GroupBy = true;
                                        }
                                        else {
                                            var selCol = new SelectedColumns();
                                            selCol.ColumnId = parseInt(data.id);
                                            selCol.ColumnName = data.text;
                                            selCol.DlColumnName = instance._reportBuilder.getDlColumn_ByColumnId_datalistColumnsArray(parseInt(data.id));
                                            selCol.ColumnIndex = instance._reportBuilder.selectedColumns.length;
                                            selCol.DataType = dataType;
                                            selCol.Isvisible = true;
                                            selCol.GroupBy = true;
                                            selCol.AliasName = data.text;
                                            selCol.DisplayText = data.text;
                                            selCol.GroupByCategory = false;
                                            instance._reportBuilder._selectedColumns(selCol);
                                        }
                                        var html = instance._reportBuilderTemplate.loadSelect2Column(parseInt(data.id), data.text, dataType);
                                        $("#groupby_selected_columns").append(html);
                                        instance._reportBuilder.setSelectOption("groupby_select");
                                        $(".dsl_column_filters").addClass('hidden');
                                        instance._reportBuilder.load_data(instance._reportBuilder.table);
                                    }
                                    else {
                                        $("#groupby_select").select2('close');
                                        alert("Column - " + data.text + " already exists in groupby select2. Please change display text and try again");
                                        return false;
                                    }
                                }
                            }).on('select2:selecting', function (e) {
                                let data = e.params.args.data;
                                var index = -1;
                                index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(data.text);
                                let x_index = instance.getIndexByDisplayText(data.text, instance.ChartAxis.Horizontal);
                                let y_index = instance.getIndexByDisplayText(data.text, instance.ChartAxis.Vertical);
                                let grp_index = instance.getIndexByDisplayText(data.text, instance.ChartAxis.GroupBy);
                                let Select2Type = "";
                                if (x_index != -1) {
                                    Select2Type = instance.ChartAxis.Horizontal;
                                }
                                if (y_index != -1) {
                                    Select2Type = instance.ChartAxis.Vertical;
                                }
                                if (grp_index != -1) {
                                    Select2Type = instance.ChartAxis.GroupBy;
                                }
                            });
                            $("#line_chart_select").off('select2:select').off('select2:unselect').off('select2:selecting');
                            $("#line_chart_select").select2({
                                placeholder: 'Select Line Chart columns',
                                data: data,
                            }).on("select2:select", (e) => {
                                let data = e.params.data;
                                let dataType = Number($("#allDatalistColumns #li_" + e.params.data.id + " span.datalist_column").attr('data-column-datatype'));
                                if (instance._reportBuilder.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                                    let gObj = {
                                        ColumnId: Number(data.id),
                                        ColumnName: data.text,
                                        DisplayText: data.text,
                                        AliasName: data.text,
                                        DataType: dataType,
                                        CoordinateTypeId: instance.ChartAxis.LineChart,
                                        ColorType: Unibase.Platform.Analytics.Enums.ColorType.row,
                                        divId: "line_chart_selected_columns"
                                    };
                                    instance.selected_Coordinate(gObj);
                                    instance.addColumnColors();
                                    instance.loadSortColumnsSelect2();
                                    instance.coordinate_Elements(false, false, false, false, true, false);
                                    instance.ChartTypeId = Unibase.Platform.Analytics.Charts.Enums.ChartType.barWithLine;
                                }
                            });
                            instance.bindChartBaseColumnSelect2();
                        }
                    }
                    coordinate_data(CoordinateType, data) {
                        var instance = this;
                        var divId = "";
                        let tmpRsltData = instance.formatResult;
                        if (CoordinateType == instance.ChartAxis.Vertical) {
                            tmpRsltData = instance.formatResultData;
                        }
                        $("#" + CoordinateType.toLowerCase() + "_select").off('select2:selecting').off('select2:select');
                        $("#" + CoordinateType.toLowerCase() + "_select").select2({
                            placeholder: 'Select ' + CoordinateType + ' columns',
                            data: data,
                            templateResult: tmpRsltData,
                            sorter: data => data.sort((a, b) => a.text.localeCompare(b.text)),
                        }).on('select2:selecting', function (e) {
                            let data = e.params.args.data;
                            var index = -1;
                            index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(data.text);
                            let x_index = instance.getIndexByDisplayText(data.text, instance.ChartAxis.Horizontal);
                            let y_index = instance.getIndexByDisplayText(data.text, instance.ChartAxis.Vertical);
                            let grp_index = instance.getIndexByDisplayText(data.text, instance.ChartAxis.GroupBy);
                            let Select2Type = "";
                            if (x_index != -1) {
                                Select2Type = instance.ChartAxis.Horizontal;
                            }
                            if (y_index != -1) {
                                Select2Type = instance.ChartAxis.Vertical;
                            }
                            if (grp_index != -1) {
                                Select2Type = instance.ChartAxis.GroupBy;
                            }
                            if (Select2Type != "" && instance._reportBuilder.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                                $("#" + Select2Type.toLowerCase() + "_select").select2('close');
                                alert("Column - " + data.text + " already exists in " + Select2Type + " select2. Please change display text and try again");
                                return false;
                            }
                        }).on('select2:select', function (e) {
                            let data = e.params.data;
                            let dataType = Number($("#allDatalistColumns #li_" + e.params.data.id + " span.datalist_column").attr('data-column-datatype'));
                            if (CoordinateType == instance.ChartAxis.Vertical) {
                                divId = "yaxis_selected_columns";
                            }
                            else if (CoordinateType == instance.ChartAxis.Horizontal) {
                                divId = "xaxis_selected_columns";
                            }
                            else {
                                divId = "groupby_selected_columns";
                            }
                            let obj = {
                                ColumnId: Number(data.id),
                                ColumnName: data.text,
                                AliasName: data.text,
                                DisplayText: data.text,
                                DataType: dataType,
                                CoordinateTypeId: CoordinateType,
                                ColorType: Unibase.Platform.Analytics.Enums.ColorType.column,
                                divId: divId
                            };
                            instance.selected_Coordinate(obj);
                            if (instance._reportBuilder.TenureReport.length == 0)
                                instance.chartPreview('bar', Unibase.Platform.Analytics.Charts.Enums.ChartType.bar);
                        });
                    }
                    coordinate_Elements(XAxis, YAxis, GroupBy, ToolTip, LineChart, BaseColumn) {
                        var instance = this;
                        let chartArray = [];
                        if (XAxis == true) {
                            for (var i = 0; i < instance.xaxisColumns.length; i++) {
                                chartArray.push(instance.xaxisColumns[i]);
                            }
                        }
                        if (YAxis == true) {
                            for (var i = 0; i < instance.yaxisColumns.length; i++) {
                                chartArray.push(instance.yaxisColumns[i]);
                            }
                        }
                        if (GroupBy == true) {
                            for (var i = 0; i < instance.groupColumns.length; i++) {
                                chartArray.push(instance.groupColumns[i]);
                            }
                        }
                        if (LineChart) {
                            for (var i = 0; i < instance.lineChartColumns.length; i++) {
                                chartArray.push(instance.lineChartColumns[i]);
                            }
                        }
                        if (BaseColumn) {
                            for (var i = 0; i < instance.chartBaseColumns.length; i++) {
                                let cIdx = chartArray.findIndex(x => x.AliasName == instance.chartBaseColumns[i].AliasName);
                                if (cIdx == -1) {
                                    instance.chartBaseColumns[i].IsBaseColumn = true;
                                    chartArray.push(instance.chartBaseColumns[i]);
                                }
                                else {
                                    chartArray[cIdx].IsBaseColumn = true;
                                }
                            }
                        }
                        if (ToolTip == true) {
                            if (instance.toolTipArray.length > 0) {
                                for (var i = 0; i < instance.toolTipArray.length; i++) {
                                    var tolcol = chartArray.find(x => x.AliasName == instance.toolTipArray[i].AliasName) ? true : false;
                                    if (tolcol != true) {
                                        chartArray.push(instance.toolTipArray[i]);
                                    }
                                }
                            }
                        }
                        return chartArray;
                    }
                    coordinate_DropDown(Select2Id) {
                        var instance = this;
                        $("#" + Select2Id).find(".select2-selection__choice span").removeClass('select2-selection__choice__remove');
                        $("#" + Select2Id).find(".select2-selection__choice span").empty();
                        $("#" + Select2Id).find(".select2-selection__choice span").css('float', 'right');
                        var arry = [];
                        if (Select2Id == instance.ChartAxis.Horizontal) {
                            arry = instance.xaxisColumns;
                        }
                        else if (Select2Id == instance.ChartAxis.Vertical) {
                            arry = instance.yaxisColumns;
                        }
                        else if (Select2Id == instance.ChartAxis.GroupBy) {
                            arry = instance.groupColumns;
                        }
                        else if (Select2Id == instance.ChartAxis.LineChart) {
                            arry = instance.lineChartColumns;
                        }
                        else if (Select2Id == instance.ChartAxis.BaseColumn) {
                            arry = instance.chartBaseColumns;
                        }
                        for (var i = 0; i < arry.length; i++) {
                            var ElementName = arry[i].ColumnName;
                            var ElementId = arry[i].ColumnId;
                            var DisplayText = arry[i].DisplayText;
                            var len = $("#" + Select2Id).find(".select2-selection__rendered").find(".select2-selection__choice").length;
                            for (var l = 0; l <= len; l++) {
                                var m = l + 1;
                                var DisplayText_length = $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']:nth-child(" + m + ")").length;
                                var length = $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + ElementName + "']:nth-child(" + m + ")").length;
                                if (DisplayText_length != 0) {
                                    break;
                                }
                                if (length > 0) {
                                    $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + ElementName + "']:nth-child(" + m + ")").attr("title", DisplayText);
                                    break;
                                }
                            }
                            let html = `<div class="dropdown mb-100"><span class="dropdown-toggle caret" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().clickedSelect2Caret(` + ElementId + `,'` + DisplayText + `','` + Select2Id + `')" data-toggle="dropdown" aria-expanded="false"></span><ul class="dropdown-menu dropdown-menu_` + DisplayText + `" style='position:relative;'><li><a class="dropdown-item font-13 text-primary text-center" href="javascript:;" onclick="" style="cursor:not-allowed"><strong>` + ElementName + `</strong></a></li><div class="dropdown-divider"></div></li><li id="dropdown_Aggregation_` + DisplayText + `"><div class="sub-dropdown-menu show-on-hover"><a class="dropdown-item font-13" href="javascript:;" onclick='' ><span id = "AggregateOperation"> Aggregation </span></a><div class="dropdown-menu open-left-side"></div></div></li><li><div class="sub-dropdown-menu show-on-hover"><a class="dropdown-item font-13" href="javascript:;" onclick=''><span id = "SortTableColumn"> Sort By </span></a><div class="dropdown-menu open-left-side w-10"><a class="dropdown-item font-13 pr-0 pl-0 SortOrder_` + DisplayText + `" id="SortOrder_` + DisplayText + `_Asc" onclick="javascript: Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().changeSortBy_chart(` + ElementId + `,'` + DisplayText + `','` + Select2Id + `','Asc');" href="javascript:;"><span class="pl-20">Asc<i class="dropdown-icon fa fa-check pull-right hidden text-primary mt-1" style="font-size:12px;" id="DropDown_IsAscInSelect2_` + DisplayText + `"></i></span></a><a class="dropdown-item font-13 pr-0 pl-0 SortOrder_` + DisplayText + `" id="SortOrder_` + DisplayText + `_Desc" onclick="javascript: Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().changeSortBy_chart(` + ElementId + `,'` + DisplayText + `','` + Select2Id + `','Desc');" href="javascript:;"><span class="pl-15">Desc<i class="dropdown-icon fa fa-check pull-right hidden text-primary mt-1" style="font-size:12px;" id="DropDown_IsDescInSelect2_` + DisplayText + `"></i></span></a></div></div></li><li><a class="dropdown-item font-13" href="javascript:;" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().showOrHideColumns_chart(` + ElementId + `,'` + DisplayText + `','` + Select2Id + `')"><i class="dropdown-icon fa fa-eye-slash" id="DropDown_Eye_EyeSlash"></i><span id="ShowOrHideColumn">Hide Column</span> </a></li> <li><a class="dropdown-item font-13" href="javascript:;" onchange="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().changeDisplayText_chart('` + DisplayText + `','` + Select2Id + `')"><input type="text" placeholder="Display Text" class="w-100" id="DisplayText_` + DisplayText + `"> </a></li> <li><a class="dropdown-item font-13" href="javascript:;" class="select2-selection__choice__remove" onclick=''><span id="RemoveSelectedColumnInSelect2" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().removeColumn_Select2(` + ElementId + `,'` + DisplayText + `','` + Select2Id + `')"> Remove Column </span></a></li><li><a class="dropdown-item font-13 pr-0" href="javascript:;" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().IsFilterableColumnInSelect2_chart(` + ElementId + `,'` + DisplayText + `','` + Select2Id + `')"><span id="IsFilterableColumnInSelect2">IsFilterable<i class="dropdown-icon fa fa-check pl-5 hidden text-primary" style="font-size:15px" id="DropDown_IsFilterableInSelect2_` + DisplayText + `"></i></span> </a></li></ul></div>`;
                            $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").html(`<span class="" role="presentation" style="float: right;"></span>` + DisplayText);
                            $("#" + Select2Id).find("[title='" + DisplayText + "'] [role='presentation']").append(html);
                            $("#" + Select2Id).find("[title='" + DisplayText + "'] [role='presentation']").addClass("ml-2 mr-2");
                        }
                        $(".select2-selection__choice").addClass("bg-primary");
                    }
                    clickedSelect2Caret(ElementId, DisplayText, Select2Id) {
                        var instance = this;
                        $('#' + Select2Id.toLowerCase() + '_select').select2('close');
                        if ($("#" + Select2Id).find(".dropdown-menu_" + DisplayText).hasClass('show')) {
                            $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").removeClass("bg-success");
                        }
                        $("#" + Select2Id).find(".select2-selection__rendered").find(".select2-selection__choice").removeClass("bg-success");
                        $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").addClass("bg-success");
                        instance.IsclickedSelect2Caret = true;
                        $('#xaxis_select').on('select2:opening', function (e) {
                            instance.select2_Opening(e, ElementId, DisplayText, instance.ChartAxis.Horizontal);
                        });
                        $('#yaxis_select').on('select2:opening', function (e) {
                            instance.select2_Opening(e, ElementId, DisplayText, instance.ChartAxis.Vertical);
                        });
                        $('#groupby_select').on('select2:opening', function (e) {
                            instance.select2_Opening(e, ElementId, DisplayText, instance.ChartAxis.GroupBy);
                        });
                        let html = "";
                        var Aggr = Unibase.Platform.Analytics.Reports.Enums.AggregationType.none;
                        var Sortby = "none";
                        var DisplayText = DisplayText;
                        var Aggregation = instance._reportBuilder.getAggregationsByDataTypes($("#li_" + ElementId).find("#ColDataType").text());
                        for (var i = 0; i < Aggregation.length; i++) {
                            if (i == 0) {
                                Aggr = Aggregation[i].Value;
                            }
                            if (Select2Id == instance.ChartAxis.GroupBy && Aggregation[i].AggrType == "year") {
                                var html2 = `<div class="dropdown-menu open-right-side" style="width:120px">      
                                <a class="dropdown-item font-13 pr-0 pl-0 Aggregation_Year_` + DisplayText + `" id="Aggr_Year_` + DisplayText + `_Prev_1Yr" onclick="javascript: Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().changeAggregationYear_chart(` + ElementId + `, '` + DisplayText + `', '` + Aggregation[i].Value + `',1); " href="javascript: "><i class="dropdown-icon"></i><span> Prev 1 Year <i class="dropdown-icon fa fa-check pull-right hidden text-primary mt-2 mr-0" style="font-size:12px;" id="DropDown_Year_Prev_1Yr_InSelect2_` + DisplayText + `"></i></span></a>
                                <a class="dropdown-item font-13 pr-0 pl-0 Aggregation_Year_` + DisplayText + `" id="Aggr_Year_` + DisplayText + `_Prev_2Yrs" onclick="javascript: Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().changeAggregationYear_chart(` + ElementId + `, '` + DisplayText + `', '` + Aggregation[i].Value + `',2); " href="javascript: "><i class="dropdown-icon"></i><span> Prev 2 Years <i class="dropdown-icon fa fa-check pull-right hidden text-primary mt-2 mr-0" style="font-size:12px;" id="DropDown_Year_Prev_2Yrs_InSelect2_` + DisplayText + `"></i></span></a>
                                <a class="dropdown-item font-13 pr-0 pl-0 Aggregation_Year_` + DisplayText + `" id="Aggr_Year_` + DisplayText + `_Prev_3Yrs" onclick="javascript: Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().changeAggregationYear_chart(` + ElementId + `, '` + DisplayText + `', '` + Aggregation[i].Value + `',3); " href="javascript: "><i class="dropdown-icon"></i><span> Prev 3 Years <i class="dropdown-icon fa fa-check pull-right hidden text-primary mt-2 mr-0" style="font-size:12px;" id="DropDown_Year_Prev_3Yrs_InSelect2_` + DisplayText + `"></i></span></a>
                                <a class="dropdown-item font-13 pr-0 pl-0 Aggregation_Year_` + DisplayText + `" id="Aggr_Year_` + DisplayText + `_Prev_4Yrs" onclick="javascript: Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().changeAggregationYear_chart(` + ElementId + `, '` + DisplayText + `', '` + Aggregation[i].Value + `',4); " href="javascript: "><i class="dropdown-icon"></i><span> Prev 4 Years <i class="dropdown-icon fa fa-check pull-right hidden text-primary mt-2 mr-0" style="font-size:12px;" id="DropDown_Year_Prev_4Yrs_InSelect2_` + DisplayText + `"></i></span></a>
                                </div>`;
                            }
                            html += `<a class="dropdown-item font-13 pr-0 pl-0 Aggregation_` + DisplayText + `" id="Aggr_` + DisplayText + `_` + Aggregation[i].Value + `" onclick="javascript: Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().changeAggregation_chart(` + ElementId + `, '` + DisplayText + `', '` + Select2Id + `',` + Aggregation[i].Value + `); " href="javascript: "><i class="dropdown-icon"></i><span>` + Aggregation[i].AggrType + `<i class="dropdown-icon fa fa-check pull-right hidden text-primary mt-2 mr-0" style="font-size:12px;" id="DropDown_` + Aggregation[i].Value + `_InSelect2_` + DisplayText + `"></i></span></a>`;
                        }
                        $("#" + Select2Id).find('#dropdown_Aggregation_' + DisplayText).find(".dropdown-menu").html(html);
                        if (Select2Id == instance.ChartAxis.GroupBy && Aggregation[i - 1].AggrType == "year") {
                            $("#" + Select2Id).find('#dropdown_Aggregation_' + DisplayText).find("#Aggr_" + DisplayText + "_" + Analytics.Reports.Enums.AggregationType.year).prepend(html2);
                            $("#" + Select2Id).find('#dropdown_Aggregation_' + DisplayText).find("#Aggr_" + DisplayText + "_" + Analytics.Reports.Enums.AggregationType.year).addClass("sub-dropdown-menu show-on-hover").removeAttr("onclick");
                        }
                        if (Select2Id == instance.ChartAxis.Horizontal) {
                            $("#YAxis").css("z-index", "0");
                            $("#GroupBy").css("z-index", "0");
                            $("#XAxis").removeAttr("style");
                            let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Horizontal);
                            Aggr = instance.xaxisColumns[Index].Aggregation;
                            Sortby = instance.xaxisColumns[Index].SortOrder;
                            DisplayText = instance.xaxisColumns[Index].DisplayText;
                            let IsFilterable = instance.xaxisColumns[Index].IsFilterable;
                            instance.DropDownValueSetInSelect2_chart(DisplayText, IsFilterable, Aggr, Sortby);
                        }
                        else if (Select2Id == instance.ChartAxis.Vertical) {
                            $("#GroupBy").css("z-index", "0");
                            $("#XAxis").css("z-index", "0");
                            $("#YAxis").removeAttr("style");
                            let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Vertical);
                            Aggr = instance.yaxisColumns[Index].Aggregation;
                            Sortby = instance.yaxisColumns[Index].SortOrder;
                            DisplayText = instance.yaxisColumns[Index].DisplayText;
                            let IsFilterable = instance.yaxisColumns[Index].IsFilterable;
                            instance.DropDownValueSetInSelect2_chart(DisplayText, IsFilterable, Aggr, Sortby);
                        }
                        else {
                            $("#XAxis, #YAxis, #GroupBy").removeAttr("style");
                            let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.GroupBy);
                            Aggr = instance.groupColumns[Index].Aggregation;
                            Sortby = instance.groupColumns[Index].SortOrder;
                            DisplayText = instance.groupColumns[Index].DisplayText;
                            let IsFilterable = instance.groupColumns[Index].IsFilterable;
                            instance.DropDownValueSetInSelect2_chart(DisplayText, IsFilterable, Aggr, Sortby);
                        }
                        $("#" + Select2Id).find("#DisplayText_" + DisplayText).val(DisplayText);
                        $("#" + Select2Id).find("#DisplayText_" + DisplayText).focus();
                    }
                    select2_Opening(e, ElementId, DisplayText, Select2Id) {
                        var instance = this;
                        for (var i = 0; i < $("#" + Select2Id).find(".dropdown-menu_" + DisplayText).children().length; i++) {
                            if ($("#" + Select2Id).find("[title='" + DisplayText + "']").find(".dropdown-toggle").attr("aria-expanded") == "true") {
                                e.preventDefault();
                            }
                            else {
                                $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").removeClass("bg-success");
                            }
                        }
                        if (instance.IsclickedSelect2Caret == true) {
                            e.preventDefault();
                            instance.IsclickedSelect2Caret = false;
                        }
                        else {
                            $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").removeClass("bg-success");
                        }
                    }
                    DropDownValueSetInSelect2_chart(DisplayText, IsFilterable, Aggr, Sortby) {
                        var instance = this;
                        if (IsFilterable == true)
                            $("#DropDown_IsFilterableInSelect2_" + DisplayText).removeClass('hidden');
                        else
                            $("#DropDown_IsFilterableInSelect2_" + DisplayText).addClass('hidden');
                        if (Aggr == 0)
                            $("#DropDown_" + Aggr + "_InSelect2_" + DisplayText).removeClass('hidden');
                        else
                            $("#DropDown_" + Aggr + "_InSelect2_" + DisplayText).removeClass('hidden');
                        $("#DropDown_IsAscInSelect2_" + DisplayText).addClass('hidden');
                        $("#DropDown_IsDescInSelect2_" + DisplayText).addClass('hidden');
                        if (Sortby == "Asc") {
                            $("#DropDown_IsAscInSelect2_" + DisplayText).removeClass('hidden');
                            $("#DropDown_IsDesc_" + DisplayText).addClass('hidden');
                        }
                        else if (Sortby == "Desc") {
                            $("#DropDown_IsDescInSelect2_" + DisplayText).removeClass('hidden');
                            $("#DropDown_IsAsc_" + DisplayText).addClass('hidden');
                        }
                        else {
                            $("#DropDown_IsAscInSelect2_" + DisplayText).addClass('hidden');
                            $("#DropDown_IsDescInSelect2_" + DisplayText).addClass('hidden');
                        }
                    }
                    showOrHideColumns_chart(ColumnId, DisplayText, Select2Id) {
                        var instance = this;
                        let IsHidden = false;
                        let ColumnName = "";
                        if ($("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").find("#ShowOrHideColumn").text() == "Hide Column") {
                            $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").find("#ShowOrHideColumn").text("Show Column");
                            $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").find("#DropDown_Eye_EyeSlash").removeClass("fa-eye-slash").addClass("fa-eye");
                            IsHidden = true;
                        }
                        else {
                            $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").find("#ShowOrHideColumn").text("Hide Column");
                            $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").find("#DropDown_Eye_EyeSlash").addClass("fa-eye-slash").removeClass("fa-eye");
                            if (DisplayText == "") {
                                DisplayText = DisplayText;
                            }
                            IsHidden = false;
                        }
                        if (Select2Id == instance.ChartAxis.Horizontal) {
                            let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Horizontal);
                            instance.xaxisColumns[Index].IsHidden = IsHidden;
                            ColumnName = instance.xaxisColumns[Index].ColumnName;
                        }
                        else if (Select2Id == instance.ChartAxis.Vertical) {
                            let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Vertical);
                            instance.yaxisColumns[Index].IsHidden = IsHidden;
                            ColumnName = instance.yaxisColumns[Index].ColumnName;
                        }
                        else {
                            let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.GroupBy);
                            instance.groupColumns[Index].IsHidden = IsHidden;
                            ColumnName = instance.groupColumns[Index].ColumnName;
                        }
                        instance._reportBuilder.table.toggleColumn(ColumnName);
                        $(".select2-selection__rendered").find("[title='" + DisplayText + "']").removeClass("bg-success");
                    }
                    changeDisplayText_chart(DisplayText, Select2Id) {
                        var instance = this;
                        let ColId = 0;
                        let ColName = "";
                        let DisplayText_New = $("#" + Select2Id).find("#DisplayText_" + DisplayText).val().toString();
                        var Index_DisplayTextExists = -1;
                        var Index = -1;
                        var arryName = [];
                        if (Select2Id == instance.ChartAxis.Horizontal) {
                            Index_DisplayTextExists = instance.getIndexByDisplayText(DisplayText_New, instance.ChartAxis.Horizontal);
                            Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Horizontal);
                            arryName = instance.xaxisColumns;
                            ColId = instance.xaxisColumns[Index].ColumnId;
                            ColName = instance.xaxisColumns[Index].ColumnName;
                        }
                        else if (Select2Id == instance.ChartAxis.Vertical) {
                            Index_DisplayTextExists = instance.getIndexByDisplayText(DisplayText_New, instance.ChartAxis.Vertical);
                            Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Vertical);
                            arryName = instance.yaxisColumns;
                            ColId = instance.yaxisColumns[Index].ColumnId;
                            ColName = instance.yaxisColumns[Index].ColumnName;
                        }
                        else {
                            Index_DisplayTextExists = instance.getIndexByDisplayText(DisplayText_New, instance.ChartAxis.GroupBy);
                            Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.GroupBy);
                            arryName = instance.groupColumns;
                            ColId = instance.groupColumns[Index].ColumnId;
                            ColName = instance.groupColumns[Index].ColumnName;
                        }
                        if (DisplayText_New != "" && DisplayText_New.indexOf(" ") == -1) {
                            let selCol_Index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(DisplayText_New);
                            if (selCol_Index == -1) {
                                arryName[Index].DisplayText = DisplayText_New;
                                $("#" + Select2Id).find(".select2-selection__rendered").find("[title='" + DisplayText + "']").attr("title", DisplayText_New);
                                instance.coordinate_DropDown(Select2Id);
                            }
                            else {
                                let x_index = instance.getIndexByDisplayText(DisplayText_New, instance.ChartAxis.Horizontal);
                                let y_index = instance.getIndexByDisplayText(DisplayText_New, instance.ChartAxis.Vertical);
                                let grp_index = instance.getIndexByDisplayText(DisplayText_New, instance.ChartAxis.GroupBy);
                                let Select2Id = "";
                                if (x_index != -1) {
                                    Select2Id = instance.ChartAxis.Horizontal;
                                }
                                if (y_index != -1) {
                                    Select2Id = instance.ChartAxis.Vertical;
                                }
                                if (grp_index != -1) {
                                    Select2Id = instance.ChartAxis.GroupBy;
                                }
                                $("#DisplayText_" + DisplayText).val(DisplayText);
                                alert("Column - " + DisplayText_New + " already exists in " + Select2Id + " select2. Please change display text and try again");
                                return false;
                            }
                        }
                        else {
                            $("#DisplayText_" + DisplayText).val(DisplayText);
                            alert("Display text of column - '" + ColName + "' shouldn't be empty and shouldn't contain spaces");
                            return false;
                        }
                        let SelCols_Index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(DisplayText);
                        instance._reportBuilder.selectedColumns[SelCols_Index].DisplayText = DisplayText_New;
                        instance._reportBuilder.load_data(instance._reportBuilder.table);
                        var len = 0;
                        instance.removeColumn_ColorsArray(DisplayText);
                        instance.addColumnColors();
                    }
                    resetSelect2Columns(elementId) {
                        var instance = this;
                        switch (elementId) {
                            case 'sortby_select':
                                instance._reportBuilder.SortColumns = [];
                                instance._reportBuilder.stringifyed_SortColumns = "";
                                $("#sort_selected_columns").html("");
                                instance._reportBuilder.load_data(instance._reportBuilder.table);
                                break;
                            case 'groupby_select':
                                instance._chartBuilder.groupColumns = [];
                                for (var i = 0; i < instance._reportBuilder.selectedColumns.length; i++) {
                                    var s_col = instance._reportBuilder.selectedColumns[i];
                                    if (s_col.GroupBy) {
                                        s_col.GroupBy = false;
                                    }
                                    else {
                                        s_col.Aggregation = Analytics.Reports.Enums.AggregationType.none;
                                    }
                                }
                                $("#groupby_selected_columns").html("");
                                instance._reportBuilder.load_data(instance._reportBuilder.table);
                                break;
                            case 'categories_select':
                                $("#categories_selected_columns").html("");
                                instance._reportBuilder.Categories = [];
                                for (var i = 0; i < instance._reportBuilder.selectedColumns.length; i++) {
                                    var s_col = instance._reportBuilder.selectedColumns[i];
                                    if (s_col.GroupByCategory)
                                        s_col.GroupByCategory = false;
                                }
                                instance._reportBuilder.load_data(instance._reportBuilder.table);
                                break;
                            case 'xaxis_select':
                                instance._chartBuilder.xaxisColumns = [];
                                $("#xaxis_selected_columns").html("");
                                break;
                            case 'yaxis_select':
                                instance._chartBuilder.yaxisColumns = [];
                                $("#yaxis_selected_columns").html("");
                                break;
                            case 'dynamicFilter_select':
                                instance._reportBuilder.dynamicFilters = [];
                                $("#dynamic-list-group-wrapper").html("");
                                instance._reportBuilder.load_data(instance._reportBuilder.table);
                                break;
                        }
                    }
                    removeColumn_ColorsArray(DisplayText) {
                        var instance = this;
                        var ApplColValueColor = instance.appliedColumnValueColor;
                        for (var key in ApplColValueColor) {
                            if (key.includes(DisplayText)) {
                                delete ApplColValueColor[key];
                                ApplColValueColor.length = ApplColValueColor.length - 1;
                            }
                        }
                        var ApplColColor = instance.appliedColumnColor;
                        for (var key in ApplColColor) {
                            if (key.includes(DisplayText)) {
                                delete ApplColColor[key];
                                ApplColColor.length = ApplColColor.length - 1;
                            }
                        }
                    }
                    removeColumn_Select2(ColumnId, aliasName, Select2Id) {
                        var instance = this;
                        instance.removeColumn_ColorsArray(aliasName);
                        if (Select2Id == instance.ChartAxis.GroupBy) {
                            instance._reportBuilder.pivot.PivotRows = [];
                        }
                        let value = $('#' + Select2Id.toLowerCase() + '_select').val();
                        let index = 0;
                        let XAxis_Index = -1, YAxis_Index = -1, GroupBy_Index = -1;
                        for (var i = 0; i < value.length; i++) {
                            if (parseInt(value[i]) == ColumnId) {
                                index = i;
                                break;
                            }
                        }
                        let Sel_Index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(aliasName);
                        let ColName = instance._reportBuilder.selectedColumns[Sel_Index].ColumnName;
                        value.splice(index, 1);
                        $(".select2-selection__rendered").find("[title='" + aliasName + "']").removeClass("bg-success");
                        if (Select2Id == instance.ChartAxis.Horizontal) {
                            XAxis_Index = instance.getIndexByDisplayText(aliasName, instance.ChartAxis.Horizontal);
                            instance.xaxisColumns.splice(XAxis_Index, 1);
                            $('#' + Select2Id.toLowerCase() + '_select').val(value).trigger("change");
                        }
                        else if (Select2Id == instance.ChartAxis.Vertical) {
                            YAxis_Index = instance.getIndexByDisplayText(aliasName, instance.ChartAxis.Vertical);
                            instance.yaxisColumns.splice(YAxis_Index, 1);
                            var len = $("#" + Select2Id.toLowerCase() + "_select").find("option[value='" + ColumnId + "']").length;
                            if (len >= 2) {
                                $("#" + Select2Id.toLowerCase() + "_select").find("option[value='" + ColumnId + "']")[len - 2].remove();
                                $("#" + Select2Id.toLowerCase() + "_select").find("option[value='" + ColumnId + "']")[len - 2].remove();
                            }
                            else {
                                $('#' + Select2Id.toLowerCase() + '_select').val(value).trigger("change");
                            }
                        }
                        else {
                            GroupBy_Index = instance.getIndexByDisplayText(aliasName, "GroupBy");
                            instance.groupColumns.splice(GroupBy_Index, 1);
                            $('#' + Select2Id.toLowerCase() + '_select').val(value).trigger("change");
                        }
                        XAxis_Index = instance.getIndexByDisplayText(aliasName, instance.ChartAxis.Horizontal);
                        YAxis_Index = instance.getIndexByDisplayText(aliasName, instance.ChartAxis.Vertical);
                        GroupBy_Index = instance.getIndexByDisplayText(aliasName, instance.ChartAxis.GroupBy);
                        if (XAxis_Index == -1 && YAxis_Index == -1 && GroupBy_Index == -1) {
                            instance._reportBuilder.selectedColumns.splice(Sel_Index, 1);
                            instance._reportBuilder.table.deleteColumn(aliasName);
                            instance._reportBuilder.load_data(instance._reportBuilder.table);
                        }
                        setTimeout(function () {
                            instance.coordinate_DropDown(Select2Id);
                            if (Select2Id == "YAxis") {
                                $("#" + Select2Id.toLowerCase() + "_select").append('<option value="' + ColumnId + '">' + ColName + '</option>');
                            }
                        }, 100);
                    }
                    changeAggregation_chart(ColumnId, DisplayText, Select2Id, AggrValue) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            if (Select2Id == instance.ChartAxis.Horizontal) {
                                let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Horizontal);
                                instance.xaxisColumns[Index].Aggregation = AggrValue;
                            }
                            else if (Select2Id == instance.ChartAxis.Vertical) {
                                let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Vertical);
                                instance.yaxisColumns[Index].Aggregation = AggrValue;
                            }
                            else {
                                let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.GroupBy);
                                instance.groupColumns[Index].Aggregation = AggrValue;
                            }
                            let sel_Index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(DisplayText);
                            instance._reportBuilder.selectedColumns[sel_Index].Aggregation = AggrValue;
                            $(".select2-selection__rendered").find("[title='" + DisplayText + "']").removeClass("bg-success");
                            yield instance._reportBuilder.load_data(instance._reportBuilder.table);
                            instance.addColumnColors();
                        });
                    }
                    changeAggregationYear_chart(ColumnId, DisplayText, AggrValue, YearComparisonType) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let Index = instance.getIndexByDisplayText(DisplayText, "GroupBy");
                            let ColumnName = instance.groupColumns[Index].ColumnName;
                            instance.groupColumns[Index].YearComparisonType = YearComparisonType;
                            instance.groupColumns[Index].Aggregation = Number(AggrValue);
                            let sel_Index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(DisplayText);
                            instance._reportBuilder.selectedColumns[sel_Index].YearComparisonType = YearComparisonType;
                            instance._reportBuilder.selectedColumns[sel_Index].Aggregation = Number(AggrValue);
                            yield instance._reportBuilder.getDistinctData(ColumnId, ColumnName, Number(AggrValue));
                            $(".select2-selection__rendered").find("[title='" + DisplayText + "']").removeClass("bg-success");
                            yield instance._reportBuilder.load_data(instance._reportBuilder.table);
                            instance.addColumnColors();
                        });
                    }
                    IsFilterableColumnInSelect2_chart(ColumnId, DisplayText, Select2Id) {
                        var instance = this;
                        let Index = 0;
                        if (Select2Id == instance.ChartAxis.Horizontal) {
                            Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Horizontal);
                            let IsFilterable = instance.xaxisColumns[Index].IsFilterable;
                            instance.xaxisColumns[Index].IsFilterable = !IsFilterable;
                        }
                        else if (Select2Id == instance.ChartAxis.Vertical) {
                            Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Vertical);
                            let IsFilterable = instance.yaxisColumns[Index].IsFilterable;
                            instance.yaxisColumns[Index].IsFilterable = !IsFilterable;
                        }
                        else {
                            Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.GroupBy);
                            let IsFilterable = instance.groupColumns[Index].IsFilterable;
                            instance.groupColumns[Index].IsFilterable = !IsFilterable;
                        }
                        Unibase.Platform.Analytics.Components.ReportViewer.Instance().navigationHelper.popup(Index, "", Unibase.Platform.Analytics.Reports.DynamicFilter.Instance(), null, Platform.Helpers.Size.Auto);
                        $(".select2-selection__rendered").find("[title='" + DisplayText + "']").removeClass("bg-success");
                    }
                    changeSortBy_chart(ColumnId, DisplayText, Select2Id, SortByType) {
                        var instance = this;
                        for (var i = 0; i < instance.xaxisColumns.length; i++) {
                            instance.xaxisColumns[i].SortOrder = "none";
                        }
                        for (var i = 0; i < instance.yaxisColumns.length; i++) {
                            instance.yaxisColumns[i].SortOrder = "none";
                        }
                        for (var i = 0; i < instance.groupColumns.length; i++) {
                            instance.groupColumns[i].SortOrder = "none";
                        }
                        if (Select2Id == instance.ChartAxis.Horizontal) {
                            let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Horizontal);
                            instance.xaxisColumns[Index].SortOrder = SortByType;
                        }
                        else if (Select2Id == instance.ChartAxis.Vertical) {
                            let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.Vertical);
                            instance.yaxisColumns[Index].SortOrder = SortByType;
                        }
                        else {
                            let Index = instance.getIndexByDisplayText(DisplayText, instance.ChartAxis.GroupBy);
                            instance.groupColumns[Index].SortOrder = SortByType;
                        }
                        let Sel_Index = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(DisplayText);
                        instance._reportBuilder.selectedColumns[Sel_Index].SortOrder = SortByType;
                        $(".select2-selection__rendered").find("[title='" + DisplayText + "']").removeClass("bg-success");
                        instance._reportBuilder.load_data(instance._reportBuilder.table);
                    }
                    getindexByTooltipArray(ColumnId) {
                        var instance = this;
                        return instance.toolTipArray.findIndex(x => x.ColumnId == ColumnId);
                    }
                    pushPivotData() {
                        var instance = this;
                        var Pivot = instance.groupColumns.filter(g => g.Aggregation == Analytics.Reports.Enums.AggregationType.month || g.Aggregation == Analytics.Reports.Enums.AggregationType.year);
                        if (Pivot.length > 0) {
                            instance._reportBuilder.pivot.ColumnName = "";
                            let Pivot_Agg = instance.yaxisColumns[0];
                            if (instance.yaxisColumns.length > 1) {
                                alert("While Pivot, need to select only one Y-Axis Column");
                                return false;
                            }
                            if (Pivot_Agg.Aggregation == Analytics.Reports.Enums.AggregationType.none) {
                                alert("While Pivot, need to apply aggregation for Y-Axis Column");
                                return false;
                            }
                            instance._reportBuilder.pivot.ColumnName = Pivot[0].ColumnName;
                            instance._reportBuilder.pivot.AggColumnName = Pivot_Agg.ColumnName;
                            instance._reportBuilder.pivot.AggFuncId = Pivot_Agg.Aggregation;
                            instance._reportBuilder.pivot.DateType = Number(Pivot[0].Aggregation);
                        }
                        else {
                            var tenure_len = instance._reportBuilder.TenureReport.length;
                        }
                    }
                    bindChartColumns(chartColumns) {
                        var instance = this;
                        var _x = [], _y = [], _g = [], _b = [];
                        instance.xaxisColumns = [], instance.yaxisColumns = [], instance.groupColumns = [], instance.SelectedValueColorColumns = [], instance.chartBaseColumns = [];
                        for (var i = 0; i < chartColumns.length; i++) {
                            var chartCol = chartColumns[i];
                            let ColId = chartCol.ColumnValue;
                            let ColName = chartCol.Name;
                            let Color = chartCol.Color;
                            const IsNumAbb = chartCol.IsNumAbb;
                            var colorType = Unibase.Platform.Analytics.Enums.ColorType;
                            instance.CoordinateDisplayText = chartCol.AliasName;
                            if (chartCol.IsXaxis == true) {
                                _x.push(chartCol.ColumnValue);
                                if (chartCol.IsFilterable == true) {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).removeClass('hidden');
                                    if (chartCol.IsFilterable) {
                                        instance.isFilterable[ColName] = {
                                            ColumnName: ColName,
                                            IsFilterable: true
                                        };
                                    }
                                }
                                else {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).addClass('hidden');
                                }
                                let xObj = {
                                    ColumnId: chartCol.ColumnValue,
                                    ColumnName: chartCol.Name,
                                    DisplayText: chartCol.AliasName,
                                    AliasName: chartCol.AliasName,
                                    DataType: chartCol.DataType,
                                    CoordinateTypeId: instance.ChartAxis.Horizontal,
                                    ColorType: chartCol.ColorAppliedOn,
                                    divId: "xaxis_selected_columns"
                                };
                                instance.selected_Coordinate(xObj);
                                var index = instance.getIndexByDisplayText(chartCol.AliasName, instance.ChartAxis.Horizontal);
                                if (chartCol.AggregationValue != Analytics.Reports.Enums.AggregationType.none) {
                                    instance.xaxisColumns[index].Aggregation = chartCol.AggregationValue;
                                }
                                if (chartCol.SortBy != "none") {
                                    instance.xaxisColumns[index].SortOrder = chartCol.SortBy;
                                }
                                instance.xaxisColumns[index].IsNumAbb = IsNumAbb;
                                $(`#IsNumberAbbrevation_x`).prop('checked', IsNumAbb);
                            }
                            else if (chartCol.IsYaxis == true) {
                                _y.push(chartCol.ColumnValue);
                                if (chartCol.IsFilterable == true) {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).removeClass('hidden');
                                    if (chartCol.IsFilterable) {
                                        instance.isFilterable[ColName] = {
                                            ColumnName: ColName,
                                            IsFilterable: true
                                        };
                                    }
                                }
                                else {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).addClass('hidden');
                                }
                                let yObj = {
                                    ColumnId: chartCol.ColumnValue,
                                    ColumnName: chartCol.Name,
                                    DisplayText: chartCol.AliasName,
                                    AliasName: chartCol.AliasName,
                                    DataType: chartCol.DataType,
                                    CoordinateTypeId: instance.ChartAxis.Vertical,
                                    ColorType: 0,
                                    divId: "yaxis_selected_columns"
                                };
                                instance.selected_Coordinate(yObj);
                                var index = instance.getIndexByDisplayText(chartCol.AliasName, instance.ChartAxis.Vertical);
                                if (chartCol.AggregationValue != Analytics.Reports.Enums.AggregationType.none) {
                                    instance.yaxisColumns[index].Aggregation = chartCol.AggregationValue;
                                }
                                if (chartCol.SortBy != "none") {
                                    instance.yaxisColumns[index].SortOrder = chartCol.SortBy;
                                }
                                instance.yaxisColumns[index].IsNumAbb = IsNumAbb;
                                $(`#IsNumberAbbrevation_y`).prop('checked', IsNumAbb);
                            }
                            else if (chartCol.IsGroupBy == true) {
                                _g.push(chartCol.ColumnValue);
                                if (chartCol.IsFilterable == true) {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).removeClass('hidden');
                                    if (chartCol.IsFilterable) {
                                        instance.isFilterable[ColName] = {
                                            ColumnName: ColName,
                                            IsFilterable: true
                                        };
                                    }
                                }
                                else {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).addClass('hidden');
                                }
                                let gObj = {
                                    ColumnId: chartCol.ColumnValue,
                                    ColumnName: chartCol.Name,
                                    DataType: chartCol.DataType,
                                    DisplayText: chartCol.AliasName,
                                    AliasName: chartCol.AliasName,
                                    CoordinateTypeId: instance.ChartAxis.GroupBy,
                                    ColorType: chartCol.ColorAppliedOn,
                                    divId: "groupby_selected_columns"
                                };
                                instance.selected_Coordinate(gObj);
                                var index = instance.getIndexByDisplayText(chartCol.AliasName, instance.ChartAxis.GroupBy);
                                if (chartCol.AggregationValue != Analytics.Reports.Enums.AggregationType.none) {
                                    instance.groupColumns[index].Aggregation = chartCol.AggregationValue;
                                }
                                if (chartCol.SortBy != "none") {
                                    instance.groupColumns[index].SortOrder = chartCol.SortBy;
                                }
                            }
                            else if (chartCol.IsLineChart == true) {
                                _g.push(chartCol.ColumnValue);
                                if (chartCol.IsFilterable == true) {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).removeClass('hidden');
                                    if (chartCol.IsFilterable) {
                                        instance.isFilterable[ColName] = {
                                            ColumnName: ColName,
                                            IsFilterable: true
                                        };
                                    }
                                }
                                else {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).addClass('hidden');
                                }
                                let lObj = {
                                    ColumnId: chartCol.ColumnValue,
                                    ColumnName: chartCol.Name,
                                    DataType: chartCol.DataType,
                                    DisplayText: chartCol.AliasName,
                                    AliasName: chartCol.AliasName,
                                    CoordinateTypeId: instance.ChartAxis.LineChart,
                                    ColorType: chartCol.ColorAppliedOn,
                                    divId: "line_chart_selected_columns"
                                };
                                instance.selected_Coordinate(lObj);
                                var index = instance.getIndexByDisplayText(chartCol.AliasName, instance.ChartAxis.LineChart);
                                if (chartCol.AggregationValue != Analytics.Reports.Enums.AggregationType.none) {
                                    instance.groupColumns[index].Aggregation = chartCol.AggregationValue;
                                }
                                if (chartCol.SortBy != "none") {
                                    instance.lineChartColumns[index].SortOrder = chartCol.SortBy;
                                }
                            }
                            if (chartCol.IsChartBaseColumn) {
                                _b.push(chartCol.ColumnValue);
                                if (chartCol.IsFilterable == true) {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).removeClass('hidden');
                                    if (chartCol.IsFilterable) {
                                        instance.isFilterable[ColName] = {
                                            ColumnName: ColName,
                                            IsFilterable: true
                                        };
                                    }
                                }
                                else {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).addClass('hidden');
                                }
                                let lObj = {
                                    ColumnId: chartCol.ColumnValue,
                                    ColumnName: chartCol.Name,
                                    DataType: chartCol.DataType,
                                    DisplayText: chartCol.AliasName,
                                    AliasName: chartCol.AliasName,
                                    CoordinateTypeId: instance.ChartAxis.BaseColumn,
                                    ColorType: chartCol.ColorAppliedOn,
                                    divId: "base_column_selected_columns"
                                };
                                instance.selected_Coordinate(lObj);
                                var index = instance.getIndexByDisplayText(chartCol.AliasName, instance.ChartAxis.BaseColumn);
                                if (chartCol.SortBy && chartCol.SortBy != "none") {
                                    instance.lineChartColumns[index].SortOrder = chartCol.SortBy;
                                }
                                instance.coordinate_DropDown(instance.ChartAxis.ChartBase);
                            }
                            if (chartCol.Color != null) {
                                instance.chartViewer_Colors(chartCol.Color, chartCol.ColumnValue, chartCol.Name);
                            }
                            if (chartCol.IsLineChart == true) {
                                _g.push(chartCol.ColumnValue);
                                if (chartCol.IsFilterable == true) {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).removeClass('hidden');
                                    if (chartCol.IsFilterable) {
                                        instance.isFilterable[ColName] = {
                                            ColumnName: ColName,
                                            IsFilterable: true
                                        };
                                    }
                                }
                                else {
                                    $("#DropDown_IsFilterableInSelect2_" + chartCol.AliasName).addClass('hidden');
                                }
                                let lObj = {
                                    ColumnId: chartCol.ColumnValue,
                                    ColumnName: chartCol.Name,
                                    DataType: chartCol.DataType,
                                    DisplayText: chartCol.AliasName,
                                    AliasName: chartCol.AliasName,
                                    CoordinateTypeId: instance.ChartAxis.LineChart,
                                    ColorType: chartCol.ColorAppliedOn,
                                    divId: "line_chart_selected_columns"
                                };
                                instance.selected_Coordinate(lObj);
                                var index = instance.getIndexByDisplayText(chartCol.AliasName, instance.ChartAxis.LineChart);
                                if (chartCol.AggregationValue != Analytics.Reports.Enums.AggregationType.none) {
                                    instance.groupColumns[index].Aggregation = chartCol.AggregationValue;
                                }
                                if (chartCol.SortBy != "none") {
                                    instance.lineChartColumns[index].SortOrder = chartCol.SortBy;
                                }
                            }
                        }
                        instance.coordinate_DropDown(instance.ChartAxis.Horizontal);
                        instance.coordinate_DropDown(instance.ChartAxis.Vertical);
                        instance.coordinate_DropDown(instance.ChartAxis.GroupBy);
                        instance.CoordinateDisplayText = "";
                    }
                    reportColumns(crtObj, columns) {
                        var instance = this;
                        let isTable = this._reportBuilder.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Table ? true : false;
                        for (var i = 0; i < columns.length; i++) {
                            var col = crtObj.ReportColumns.find(x => x.AliasName == columns[i]["DisplayText"]) ? true : false;
                            let rpCol = instance._reportBuilder.selectedColumns.find(x => x.AliasName == columns[i].AliasName);
                            if (col != true) {
                                var aggr = instance._reportBuilder.selectedColumns.find(x => x.DisplayText == columns[i]["DisplayText"]);
                                var sort = instance._reportBuilder.SortColumns.find(x => x.DisplayText == columns[i]["DisplayText"]);
                                let ccol = new ReportColumn();
                                ccol.ColumnValue = Number(isTable ? columns[i]["ColumnId"] : rpCol.ColumnId);
                                ccol.ReportColumnName = columns[i]["ColumnName"];
                                ccol.AliasName = columns[i]["AliasName"];
                                ccol.DisplayText = columns[i]["DisplayText"];
                                ccol.Isvisible = columns[i]["IsHidden"];
                                ccol.AggrFuncId = (aggr) ? aggr.Aggregation : columns[i]["Aggregation"];
                                ccol.GroupBy = columns[i]["GroupBy"];
                                ccol.SortType = (sort) ? sort.SortOrder : columns[i]["SortOrder"];
                                ccol.YearComparisonType = columns[i]["YearComparisonType"];
                                ccol.DlColumnName = rpCol && rpCol.DlColumnName;
                                ccol.DataListColumnName = rpCol && rpCol.DataListColumnName;
                                crtObj.ReportColumns.push(ccol);
                            }
                        }
                        return crtObj;
                    }
                    chartPreview(ChartTypeName, ChartTypeId) {
                        var instance = this;
                        instance.ChartTypeId = ChartTypeId, instance.ChartTypeName = ChartTypeName;
                        instance.Dataset = [], instance.XaxisData = [];
                        if (instance._reportBuilder.pivot.ColumnName) {
                            instance.chartType('myChart');
                        }
                        else {
                            instance.ChartSelectedColumns = instance._chartBuilder.coordinate_Elements(true, true, true, true, true, true);
                            instance._reportBuilder.load_data(instance._reportBuilder.table);
                            instance.loadSortColumnsSelect2();
                        }
                    }
                    chartData() {
                        var instance = this;
                        var sortColumns = [];
                        var totalColumns = [];
                        instance.fileCacheHelper.loadJsFile("platform/analytics/managers/reportmanager.js", function () {
                            instance.fileCacheHelper.loadJsFile('platform/analytics/enums/charttype.js', function () {
                                instance.fileCacheHelper.loadJsFile("platform/core/infos/status.js", function () {
                                    instance.ChartSelectedColumns = instance._chartBuilder.coordinate_Elements(true, true, true, true, true, true);
                                    for (var i = 0; i < instance._reportBuilder.SortColumns.length; i++) {
                                        var colName = instance._reportBuilder.SortColumns[i].DisplayText;
                                        let chartIdx = instance.ChartSelectedColumns.findIndex(x => x.AliasName == colName);
                                        let reportIdx = instance._reportBuilder.selectedColumns.findIndex(x => x.AliasName == colName);
                                        if (chartIdx == -1 && reportIdx != -1) {
                                            let rpCol = instance._reportBuilder.selectedColumns[reportIdx];
                                            sortColumns.push({
                                                Aggregation: rpCol.Aggregation,
                                                AliasName: rpCol.AliasName,
                                                ChartColumnId: 0,
                                                ColorType: 1,
                                                ColumnId: 0,
                                                ColumnValue: 0,
                                                ColumnName: rpCol.ColumnName,
                                                DataType: rpCol.DataType,
                                                DisplayText: rpCol.DisplayText,
                                                GroupBy: rpCol.GroupBy,
                                                IsBaseColumn: false,
                                                IsFilterable: false,
                                                IsHidden: !rpCol.Isvisible,
                                                IsLineChart: false,
                                                SortOrder: instance._reportBuilder.SortColumns[i].SortOrder,
                                                XAxis: true,
                                                YAxis: false,
                                            });
                                        }
                                    }
                                    let crtObj = new ReportObject();
                                    crtObj.DataListId = instance._reportBuilder.DataListId;
                                    crtObj.TopRecords = Number($("#txt_totalrecords").val());
                                    crtObj.StaticFilter = instance._reportBuilder.queryBuilderString;
                                    crtObj.SortColumns = instance._reportBuilder.stringifyed_SortColumns;
                                    crtObj.FromDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate;
                                    crtObj.ToDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate;
                                    crtObj.TopRecords = instance._reportBuilder.topRecords;
                                    crtObj.ReportTypeId = instance._reportBuilder.reportType;
                                    totalColumns = instance.ChartSelectedColumns.concat(sortColumns);
                                    instance.reportColumns(crtObj, totalColumns);
                                    if (crtObj.ReportColumns.length != 0) {
                                        instance._reportManager.getTableData(crtObj).then(function (response) {
                                            if (response.status == Unibase.Data.Status.Success) {
                                                if (response.result != "") {
                                                    var res = JSON.parse(response.result);
                                                    if (res.Data != "")
                                                        var data = JSON.parse(res.Data);
                                                    if (instance.isColumnRename)
                                                        instance._reportBuilder.load_data(instance._reportBuilder.table);
                                                    else if (instance.yaxisColumns.length != 0)
                                                        instance._reportBuilder.table.replaceData(data);
                                                    instance.ChartData = data;
                                                    instance.chart_dataSet();
                                                }
                                            }
                                            else {
                                                return MessageHelper.Instance().showError(response.message, "div_ReportBuilderErrorMessage");
                                            }
                                        });
                                    }
                                });
                            });
                        });
                    }
                    chartColumns() {
                        var instance = this;
                        instance._reportBuilder.ChartColumns = [];
                        for (var c = 0; c < instance.ChartSelectedColumns.length; c++) {
                            var TableColors = false;
                            let chartSelectedColumn = instance.ChartSelectedColumns[c];
                            if (instance.colorApplyColumn.length > 0)
                                TableColors = instance.colorApplyColumn.find(x => x.ColumnName == chartSelectedColumn.ColumnName) ? true : false;
                            var Columncolor = null;
                            var ColumnValueColors = null;
                            let colors;
                            if ((chartSelectedColumn.IsXAxis != undefined && chartSelectedColumn.IsXAxis != true) || (chartSelectedColumn.XAxis != undefined && chartSelectedColumn.XAxis != true)) {
                                var col = instance.Colors[chartSelectedColumn.DisplayText];
                                if (col != undefined)
                                    colors = col.colors;
                            }
                            else {
                                colors = "";
                            }
                            var tooltip = instance.toolTipArray.find(x => x.AliasName == chartSelectedColumn.AliasName);
                            instance._reportBuilder.ChartColumns.push({
                                Name: chartSelectedColumn.ColumnName || chartSelectedColumn.Name,
                                AliasName: chartSelectedColumn.AliasName,
                                ColumnValue: Number(chartSelectedColumn.ColumnId) || Number(chartSelectedColumn.ColumnValue),
                                DataType: chartSelectedColumn.DataType,
                                AggregationValue: chartSelectedColumn.Aggregation || chartSelectedColumn.AggregationValue,
                                Color: colors,
                                SortBy: chartSelectedColumn.SortOrder,
                                IsToolTip: tooltip ? true : false,
                                IsXaxis: chartSelectedColumn.XAxis || chartSelectedColumn.IsXaxis,
                                IsYaxis: chartSelectedColumn.YAxis || chartSelectedColumn.IsYaxis,
                                IsGroupBy: chartSelectedColumn.GroupBy || chartSelectedColumn.IsGroupBy,
                                IsLineChart: chartSelectedColumn.IsLineChart,
                                IsFilterable: chartSelectedColumn.IsFilterable,
                                ColorAppliedOn: chartSelectedColumn.ColorType || chartSelectedColumn.ColorAppliedOn,
                                IsChartBaseColumn: chartSelectedColumn.IsBaseColumn,
                                IsNumAbb: chartSelectedColumn.IsNumAbb == undefined ? true : chartSelectedColumn.IsNumAbb,
                            });
                        }
                    }
                    colourNameToHex(colour) {
                        var colours = {
                            "aliceblue": "#f0f8ff", "antiquewhite": "#faebd7", "aqua": "#00ffff", "aquamarine": "#7fffd4", "azure": "#f0ffff",
                            "beige": "#f5f5dc", "bisque": "#ffe4c4", "black": "#000000", "blanchedalmond": "#ffebcd", "blue": "#0000ff", "blueviolet": "#8a2be2", "brown": "#a52a2a", "burlywood": "#deb887",
                            "cadetblue": "#5f9ea0", "chartreuse": "#7fff00", "chocolate": "#d2691e", "coral": "#ff7f50", "cornflowerblue": "#6495ed", "cornsilk": "#fff8dc", "crimson": "#dc143c", "cyan": "#00ffff",
                            "darkblue": "#00008b", "darkcyan": "#008b8b", "darkgoldenrod": "#b8860b", "darkgray": "#a9a9a9", "darkgreen": "#006400", "darkkhaki": "#bdb76b", "darkmagenta": "#8b008b", "darkolivegreen": "#556b2f",
                            "darkorange": "#ff8c00", "darkorchid": "#9932cc", "darkred": "#8b0000", "darksalmon": "#e9967a", "darkseagreen": "#8fbc8f", "darkslateblue": "#483d8b", "darkslategray": "#2f4f4f", "darkturquoise": "#00ced1",
                            "darkviolet": "#9400d3", "deeppink": "#ff1493", "deepskyblue": "#00bfff", "dimgray": "#696969", "dodgerblue": "#1e90ff",
                            "firebrick": "#b22222", "floralwhite": "#fffaf0", "forestgreen": "#228b22", "fuchsia": "#ff00ff",
                            "gainsboro": "#dcdcdc", "ghostwhite": "#f8f8ff", "gold": "#ffd700", "goldenrod": "#daa520", "gray": "#808080", "green": "#008000", "greenyellow": "#adff2f",
                            "honeydew": "#f0fff0", "hotpink": "#ff69b4",
                            "indianred ": "#cd5c5c", "indigo": "#4b0082", "ivory": "#fffff0", "khaki": "#f0e68c",
                            "lavender": "#e6e6fa", "lavenderblush": "#fff0f5", "lawngreen": "#7cfc00", "lemonchiffon": "#fffacd", "lightblue": "#add8e6", "lightcoral": "#f08080", "lightcyan": "#e0ffff", "lightgoldenrodyellow": "#fafad2",
                            "lightgrey": "#d3d3d3", "lightgreen": "#90ee90", "lightpink": "#ffb6c1", "lightsalmon": "#ffa07a", "lightseagreen": "#20b2aa", "lightskyblue": "#87cefa", "lightslategray": "#778899", "lightsteelblue": "#b0c4de",
                            "lightyellow": "#ffffe0", "lime": "#00ff00", "limegreen": "#32cd32", "linen": "#faf0e6",
                            "magenta": "#ff00ff", "maroon": "#800000", "mediumaquamarine": "#66cdaa", "mediumblue": "#0000cd", "mediumorchid": "#ba55d3", "mediumpurple": "#9370d8", "mediumseagreen": "#3cb371", "mediumslateblue": "#7b68ee",
                            "mediumspringgreen": "#00fa9a", "mediumturquoise": "#48d1cc", "mediumvioletred": "#c71585", "midnightblue": "#191970", "mintcream": "#f5fffa", "mistyrose": "#ffe4e1", "moccasin": "#ffe4b5",
                            "navajowhite": "#ffdead", "navy": "#000080",
                            "oldlace": "#fdf5e6", "olive": "#808000", "olivedrab": "#6b8e23", "orange": "#ffa500", "orangered": "#ff4500", "orchid": "#da70d6",
                            "palegoldenrod": "#eee8aa", "palegreen": "#98fb98", "paleturquoise": "#afeeee", "palevioletred": "#d87093", "papayawhip": "#ffefd5", "peachpuff": "#ffdab9", "peru": "#cd853f", "pink": "#ffc0cb", "plum": "#dda0dd", "powderblue": "#b0e0e6", "purple": "#800080",
                            "rebeccapurple": "#663399", "red": "#ff0000", "rosybrown": "#bc8f8f", "royalblue": "#4169e1",
                            "saddlebrown": "#8b4513", "salmon": "#fa8072", "sandybrown": "#f4a460", "seagreen": "#2e8b57", "seashell": "#fff5ee", "sienna": "#a0522d", "silver": "#c0c0c0", "skyblue": "#87ceeb", "slateblue": "#6a5acd", "slategray": "#708090", "snow": "#fffafa", "springgreen": "#00ff7f", "steelblue": "#4682b4",
                            "tan": "#d2b48c", "teal": "#008080", "thistle": "#d8bfd8", "tomato": "#ff6347", "turquoise": "#40e0d0",
                            "violet": "#ee82ee",
                            "wheat": "#f5deb3", "white": "#ffffff", "whitesmoke": "#f5f5f5",
                            "yellow": "#ffff00", "yellowgreen": "#9acd32", "sky": "#87cefa", "grey": "#808080", "neon": "#eb0450", "pumpkin": "#ff7518", "sun": "#FDB813", "primary": "#007bff", "dark": "#a9a9a9", "smoke": "#738276", "rose": "#ff007f"
                        };
                        let hexCode = [{ color: "indian red", code: { hex: "#B0171F" }, id: 1 }, { color: "crimson ", code: { hex: "#DC143C " }, id: 2 }, { color: "lightpink ", code: { hex: "#FFB6C1 " }, id: 4 }, { color: "lightpink 1 ", code: { hex: "#FFAEB9 " }, id: 4 }, { color: "lightpink 2 ", code: { hex: "#EEA2AD " }, id: 5 }, { color: "lightpink 3 ", code: { hex: "#CD8C95 " }, id: 6 }, { color: "lightpink 4 ", code: { hex: "#8B5F65 " }, id: 7 }, { color: "pink ", code: { hex: "#FFC0CB " }, id: 8 }, { color: "pink 1", code: { hex: "#FFB5C5 " }, id: 9 }, { color: "pink 2", code: { hex: "#EEA9B8 " }, id: 10 }, { color: "pink 3", code: { hex: "#CD919E " }, id: 11 }, { color: "pink 4", code: { hex: "#8B636C" }, id: 12 }, { color: "palevioletred ", code: { hex: "#DB7093" }, id: 13 }, { color: "palevioletred 1 ", code: { hex: "#FF82AB" }, id: 14 }, { color: "palevioletred 2 ", code: { hex: "#EE799F" }, id: 15 }, { color: "palevioletred 3 ", code: { hex: "#CD6889" }, id: 16 }, { color: "palevioletred 4 ", code: { hex: "#8B475D" }, id: 17 }, { color: "lavenderblush 1 (lavenderblush) ", code: { hex: "#FFF0F5" }, id: 18 }, { color: "lavenderblush 2 ", code: { hex: "#EEE0E5" }, id: 19 }, { color: "lavenderblush 3 ", code: { hex: "#CDC1C5" }, id: 20 }, { color: "lavenderblush 4 ", code: { hex: "#8B8386" }, id: 21 }, { color: "violetred 1 ", code: { hex: "#FF3E96" }, id: 22 }, { color: "violetred 2 ", code: { hex: "#EE3A8C" }, id: 23 }, { color: "violetred 3 ", code: { hex: "#CD3278" }, id: 24 }, { color: "violetred 4 ", code: { hex: "#8B2252" }, id: 25 }, { color: "hotpink ", code: { hex: "#FF69B4" }, id: 26 }, { color: "hotpink 1 ", code: { hex: "#FF6EB4" }, id: 27 }, { color: "hotpink 2 ", code: { hex: "#EE6AA7" }, id: 28 }, { color: "hotpink 3 ", code: { hex: "#CD6090" }, id: 29 }, { color: "hotpink 4 ", code: { hex: "#8B3A62" }, id: 30 }, { color: "raspberry ", code: { hex: "#872657" }, id: 31 }, { color: "deeppink 1 (deeppink) ", code: { hex: "#FF1493" }, id: 32 }, { color: "deeppink 2 ", code: { hex: "#EE1289" }, id: 33 }, { color: "deeppink 3 ", code: { hex: "#CD1076" }, id: 34 }, { color: "deeppink 4 ", code: { hex: "#8B0A50" }, id: 35 }, { color: "maroon 1 ", code: { hex: "#FF34B3" }, id: 36 }, { color: "maroon 2 ", code: { hex: "#EE30A7" }, id: 37 }, { color: "maroon 3 ", code: { hex: "#CD2990" }, id: 38 }, { color: "mediumvioletred", code: { hex: "#C71585" }, id: 39 }, { color: "violetred ", code: { hex: "#D02090" }, id: 40 }, { color: "orchid ", code: { hex: "#DA70D6" }, id: 41 }, { color: "orchid 1 ", code: { hex: "#FF83FA" }, id: 42 }, { color: "orchid 2 ", code: { hex: "#EE7AE9" }, id: 43 }, { color: "orchid 3 ", code: { hex: "#CD69C9" }, id: 44 }, { color: "orchid 4 ", code: { hex: "#8B4789" }, id: 45 }, { color: "thistle ", code: { hex: "#D8BFD8" }, id: 46 }, { color: "thistle 1 ", code: { hex: "#FFE1FF" }, id: 47 }, { color: "thistle 2 ", code: { hex: "#EED2EE" }, id: 48 }, { color: "thistle 3 ", code: { hex: "#CDB5CD" }, id: 49 }, { color: "thistle 4 ", code: { hex: "#8B7B8B" }, id: 50 }, { color: "plum 1 ", code: { hex: "#FFBBFF" }, id: 51 }, { color: "plum 2 ", code: { hex: "#EEAEEE" }, id: 52 }, { color: "plum 3 ", code: { hex: "#CD96CD" }, id: 53 }, { color: "plum 4 ", code: { hex: "#8B668B" }, id: 54 }, { color: "plum ", code: { hex: "#DDA0DD" }, id: 55 }, { color: "violet ", code: { hex: "#EE82EE" }, id: 56 }, { color: "magenta (fuchsia*) ", code: { hex: "#FF00FF" }, id: 57 }, { color: "magenta 2 ", code: { hex: "#EE00EE" }, id: 58 }, { color: "magenta 3 ", code: { hex: "#CD00CD" }, id: 59 }, { color: "magenta 4 (darkmagenta) ", code: { hex: "#8B008B" }, id: 60 }, { color: "purple* ", code: { hex: "#800080" }, id: 61 }, { color: "mediumorchid ", code: { hex: "#BA55D3" }, id: 62 }, { color: "mediumorchid 1 ", code: { hex: "#E066FF" }, id: 63 }, { color: "mediumorchid 2 ", code: { hex: "#D15FEE" }, id: 64 }, { color: "mediumorchid 3 ", code: { hex: "#B452CD" }, id: 65 }, { color: "mediumorchid 4 ", code: { hex: "#7A378B" }, id: 66 }, { color: "darkviolet ", code: { hex: "#9400D3" }, id: 67 }, { color: "darkorchid ", code: { hex: "#9932CC" }, id: 68 }, { color: "darkorchid 1 ", code: { hex: "#BF3EFF" }, id: 69 }, { color: "darkorchid 2 ", code: { hex: "#B23AEE" }, id: 70 }, { color: "darkorchid 3 ", code: { hex: "#9A32CD" }, id: 71 }, { color: "darkorchid 4 ", code: { hex: "#68228B" }, id: 72 }, { color: "indigo ", code: { hex: "#4B0082" }, id: 73 }, { color: "blueviolet ", code: { hex: "#8A2BE2" }, id: 74 }, { color: "purple 1 ", code: { hex: "#9B30FF" }, id: 75 }, { color: "purple 2 ", code: { hex: "#912CEE" }, id: 76 }, { color: "purple 3 ", code: { hex: "#7D26CD" }, id: 77 }, { color: "purple 4 ", code: { hex: "#551A8B" }, id: 78 }, { color: "mediumpurple ", code: { hex: "#9370DB" }, id: 79 }, { color: "mediumpurple 1 ", code: { hex: "#AB82FF" }, id: 80 }, { color: "mediumpurple 2 ", code: { hex: "#9F79EE" }, id: 81 }, { color: "mediumpurple 3 ", code: { hex: "#8968CD" }, id: 82 }, { color: "mediumpurple 4 ", code: { hex: "#5D478B" }, id: 83 }, { color: "darkslateblue ", code: { hex: "#483D8B" }, id: 84 }, { color: "lightslateblue ", code: { hex: "#8470FF" }, id: 85 }, { color: "mediumslateblue ", code: { hex: "#7B68EE" }, id: 86 }, { color: "slateblue ", code: { hex: "#6A5ACD" }, id: 87 }, { color: "slateblue 1 ", code: { hex: "#836FFF" }, id: 88 }, { color: "slateblue 2 ", code: { hex: "#7A67EE" }, id: 89 }, { color: "slateblue 3 ", code: { hex: "#6959CD" }, id: 90 }, { color: "slateblue 4 ", code: { hex: "#473C8B" }, id: 91 }, { color: "ghostwhite ", code: { hex: "#F8F8FF" }, id: 92 }, { color: "lavender ", code: { hex: "#E6E6FA" }, id: 93 }, { color: "blue* ", code: { hex: "#0000FF" }, id: 94 }, { color: "blue 2 ", code: { hex: "#0000EE" }, id: 95 }, { color: "blue 3 (mediumblue) ", code: { hex: "#0000CD" }, id: 96 }, { color: "blue 4 (darkblue) ", code: { hex: "#00008B" }, id: 97 }, { color: "navy* ", code: { hex: "#000080" }, id: 98 }, { color: "midnightblue ", code: { hex: "#191970" }, id: 99 }, { color: "cobalt ", code: { hex: "#3D59AB" }, id: 100 }, { color: "royalblue ", code: { hex: "#4169E1" }, id: 101 }, { color: "royalblue 1 ", code: { hex: "#4876FF" }, id: 102 }, { color: "royalblue 2 ", code: { hex: "#436EEE" }, id: 103 }, { color: "royalblue 3 ", code: { hex: "#3A5FCD" }, id: 104 }, { color: "royalblue 4 ", code: { hex: "#27408B" }, id: 105 }, { color: "cornflowerblue ", code: { hex: "#6495ED" }, id: 106 }, { color: "lightsteelblue ", code: { hex: "#B0C4DE" }, id: 107 }, { color: "lightsteelblue 1 ", code: { hex: "#CAE1FF" }, id: 108 }, { color: "lightsteelblue 2 ", code: { hex: "#BCD2EE" }, id: 109 }, { color: "lightsteelblue 3 ", code: { hex: "#A2B5CD" }, id: 110 }, { color: "lightsteelblue 4 ", code: { hex: "#6E7B8B" }, id: 111 }, { color: "lightslategray ", code: { hex: "#778899" }, id: 112 }, { color: "slategray ", code: { hex: "#708090" }, id: 113 }, { color: "slategray 1 ", code: { hex: "#C6E2FF" }, id: 114 }, { color: "slategray 2 ", code: { hex: "#B9D3EE" }, id: 115 }, { color: "slategray 3 ", code: { hex: "#9FB6CD" }, id: 116 }, { color: "slategray 4 ", code: { hex: "#6C7B8B" }, id: 117 }, { color: "dodgerblue 1 (dodgerblue)", code: { hex: "#1E90FF" }, id: 118 }, { color: "dodgerblue 2", code: { hex: "#1C86EE" }, id: 119 }, { color: "dodgerblue 3", code: { hex: "#1874CD" }, id: 120 }, { color: "dodgerblue 4", code: { hex: "#104E8B" }, id: 121 }, { color: "aliceblue", code: { hex: "#F0F8FF" }, id: 122 }, { color: "steelblue", code: { hex: "#4682B4" }, id: 123 }, { color: "steelblue 1", code: { hex: "#63B8FF" }, id: 124 }, { color: "steelblue 2", code: { hex: "#5CACEE" }, id: 125 }, { color: "steelblue 3", code: { hex: "#4F94CD" }, id: 126 }, { color: "steelblue 4", code: { hex: "#36648B" }, id: 127 }, { color: "lightskyblue", code: { hex: "#87CEFA" }, id: 128 }, { color: "lightskyblue 1", code: { hex: "#B0E2FF" }, id: 129 }, { color: "lightskyblue 2", code: { hex: "#A4D3EE" }, id: 130 }, { color: "lightskyblue 3", code: { hex: "#8DB6CD" }, id: 131 }, { color: "lightskyblue 4", code: { hex: "#607B8B" }, id: 132 }, { color: "skyblue 1", code: { hex: "#87CEFF" }, id: 133 }, { color: "skyblue 2", code: { hex: "#7EC0EE" }, id: 134 }, { color: "skyblue 3", code: { hex: "#6CA6CD" }, id: 135 }, { color: "skyblue 4", code: { hex: "#4A708B" }, id: 136 }, { color: "skyblue", code: { hex: "#87CEEB" }, id: 137 }, { color: "deepskyblue 1 (deepskyblue)", code: { hex: "#00BFFF" }, id: 138 }, { color: "deepskyblue 2", code: { hex: "#00B2EE" }, id: 139 }, { color: "deepskyblue 3", code: { hex: "#009ACD" }, id: 140 }, { color: "deepskyblue 4", code: { hex: "#00688B" }, id: 141 }, { color: "peacock", code: { hex: "#33A1C9" }, id: 142 }, { color: "lightblue", code: { hex: "#ADD8E6" }, id: 143 }, { color: "lightblue 1", code: { hex: "#BFEFFF" }, id: 144 }, { color: "lightblue 2", code: { hex: "#B2DFEE" }, id: 145 }, { color: "lightblue 3", code: { hex: "#9AC0CD" }, id: 146 }, { color: "lightblue 4", code: { hex: "#68838B" }, id: 147 }, { color: "powderblue", code: { hex: "#B0E0E6" }, id: 148 }, { color: "cadetblue 1", code: { hex: "#98F5FF" }, id: 149 }, { color: "cadetblue 2", code: { hex: "#8EE5EE" }, id: 150 }, { color: "cadetblue 3", code: { hex: "#7AC5CD" }, id: 151 }, { color: "cadetblue 4", code: { hex: "#53868B" }, id: 152 }, { color: "turquoise 1", code: { hex: "#00F5FF" }, id: 153 }, { color: "turquoise 2", code: { hex: "#00E5EE" }, id: 154 }, { color: "turquoise 3", code: { hex: "#00C5CD" }, id: 155 }, { color: "turquoise 4", code: { hex: "#00868B" }, id: 156 }, { color: "cadetblue", code: { hex: "#5F9EA0" }, id: 157 }, { color: "darkturquoise", code: { hex: "#00CED1" }, id: 158 }, { color: "azure 1 (azure)", code: { hex: "#F0FFFF" }, id: 159 }, { color: "azure 2", code: { hex: "#E0EEEE" }, id: 160 }, { color: "azure 3", code: { hex: "#C1CDCD" }, id: 161 }, { color: "azure 4", code: { hex: "#838B8B" }, id: 162 }, { color: "lightcyan 1 (lightcyan)", code: { hex: "#E0FFFF" }, id: 163 }, { color: "lightcyan 2", code: { hex: "#D1EEEE" }, id: 164 }, { color: "lightcyan 3", code: { hex: "#B4CDCD" }, id: 165 }, { color: "lightcyan 4", code: { hex: "#7A8B8B" }, id: 166 }, { color: "paleturquoise 1", code: { hex: "#BBFFFF" }, id: 167 }, { color: "paleturquoise 2 (paleturquoise)", code: { hex: "#AEEEEE" }, id: 168 }, { color: "paleturquoise 3", code: { hex: "#96CDCD" }, id: 169 }, { color: "paleturquoise 4", code: { hex: "#668B8B" }, id: 170 }, { color: "darkslategray", code: { hex: "#2F4F4F" }, id: 171 }, { color: "darkslategray 1", code: { hex: "#97FFFF" }, id: 172 }, { color: "darkslategray 2", code: { hex: "#8DEEEE" }, id: 173 }, { color: "darkslategray 3", code: { hex: "#79CDCD" }, id: 174 }, { color: "darkslategray 4", code: { hex: "#528B8B" }, id: 175 }, { color: "cyan / aqua*", code: { hex: "#00FFFF" }, id: 176 }, { color: "cyan 2", code: { hex: "#00EEEE" }, id: 177 }, { color: "cyan 3", code: { hex: "#00CDCD" }, id: 178 }, { color: "cyan 4 (darkcyan)", code: { hex: "#008B8B" }, id: 179 }, { color: "teal*", code: { hex: "#008080" }, id: 180 }, { color: "mediumturquoise", code: { hex: "#48D1CC" }, id: 181 }, { color: "lightseagreen", code: { hex: "#20B2AA" }, id: 182 }, { color: "manganeseblue", code: { hex: "#03A89E" }, id: 183 }, { color: "turquoise", code: { hex: "#40E0D0" }, id: 184 }, { color: "coldgrey", code: { hex: "#808A87" }, id: 185 }, { color: "turquoiseblue", code: { hex: "#00C78C" }, id: 186 }, { color: "aquamarine 1 (aquamarine)", code: { hex: "#7FFFD4" }, id: 187 }, { color: "aquamarine 2", code: { hex: "#76EEC6" }, id: 188 }, { color: "aquamarine 3 (mediumaquamarine)", code: { hex: "#66CDAA" }, id: 189 }, { color: "aquamarine 4", code: { hex: "#458B74" }, id: 190 }, { color: "mediumspringgreen", code: { hex: "#00FA9A" }, id: 191 }, { color: "mintcream", code: { hex: "#F5FFFA" }, id: 192 }, { color: "springgreen", code: { hex: "#00FF7F" }, id: 193 }, { color: "springgreen 1", code: { hex: "#00EE76" }, id: 194 }, { color: "springgreen 2", code: { hex: "#00CD66" }, id: 195 }, { color: "springgreen 3", code: { hex: "#008B45" }, id: 196 }, { color: "mediumseagreen", code: { hex: "#3CB371" }, id: 197 }, { color: "seagreen 1", code: { hex: "#54FF9F" }, id: 198 }, { color: "seagreen 2", code: { hex: "#4EEE94" }, id: 199 }, { color: "seagreen 3", code: { hex: "#43CD80" }, id: 200 }, { color: "seagreen 4 (seagreen)", code: { hex: "#2E8B57" }, id: 201 }, { color: "emeraldgreen", code: { hex: "#00C957" }, id: 202 }, { color: "mint", code: { hex: "#BDFCC9" }, id: 203 }, { color: "cobaltgreen", code: { hex: "#3D9140" }, id: 204 }, { color: "honeydew 1 (honeydew)", code: { hex: "#F0FFF0" }, id: 205 }, { color: "honeydew 2", code: { hex: "#E0EEE0" }, id: 206 }, { color: "honeydew 3", code: { hex: "#C1CDC1" }, id: 207 }, { color: "honeydew 4", code: { hex: "#838B83" }, id: 208 }, { color: "darkseagreen", code: { hex: "#8FBC8F" }, id: 209 }, { color: "darkseagreen 1", code: { hex: "#C1FFC1" }, id: 210 }, { color: "darkseagreen 2", code: { hex: "#B4EEB4" }, id: 211 }, { color: "darkseagreen 3", code: { hex: "#9BCD9B" }, id: 212 }, { color: "darkseagreen 4", code: { hex: "#698B69" }, id: 213 }, { color: "palegreen", code: { hex: "#98FB98" }, id: 214 }, { color: "palegreen 1", code: { hex: "#9AFF9A" }, id: 215 }, { color: "palegreen 2 (lightgreen)", code: { hex: "#90EE90" }, id: 216 }, { color: "palegreen 3", code: { hex: "#7CCD7C" }, id: 217 }, { color: "palegreen 4", code: { hex: "#548B54" }, id: 218 }, { color: "limegreen", code: { hex: "#32CD32" }, id: 219 }, { color: "forestgreen", code: { hex: "#228B22" }, id: 220 }, { color: "green 1 (lime*)", code: { hex: "#00FF00" }, id: 221 }, { color: "green 2", code: { hex: "#00EE00" }, id: 222 }, { color: "green 3", code: { hex: "#00CD00" }, id: 223 }, { color: "green 4", code: { hex: "#008B00" }, id: 224 }, { color: "green*", code: { hex: "#008000" }, id: 225 }, { color: "darkgreen", code: { hex: "#006400" }, id: 226 }, { color: "sapgreen", code: { hex: "#308014" }, id: 227 }, { color: "lawngreen", code: { hex: "#7CFC00" }, id: 228 }, { color: "chartreuse 1 (chartreuse)", code: { hex: "#7FFF00" }, id: 229 }, { color: "chartreuse 2", code: { hex: "#76EE00" }, id: 230 }, { color: "chartreuse 3", code: { hex: "#66CD00" }, id: 231 }, { color: "chartreuse 4", code: { hex: "#458B00" }, id: 232 }, { color: "greenyellow", code: { hex: "#ADFF2F" }, id: 233 }, { color: "darkolivegreen 1", code: { hex: "#CAFF70" }, id: 234 }, { color: "darkolivegreen 2", code: { hex: "#BCEE68" }, id: 235 }, { color: "darkolivegreen 3", code: { hex: "#A2CD5A" }, id: 236 }, { color: "darkolivegreen 4", code: { hex: "#6E8B3D" }, id: 237 }, { color: "darkolivegreen", code: { hex: "#556B2F" }, id: 238 }, { color: "olivedrab", code: { hex: "#6B8E23" }, id: 239 }, { color: "olivedrab 1", code: { hex: "#C0FF3E" }, id: 240 }, { color: "olivedrab 2", code: { hex: "#B3EE3A" }, id: 241 }, { color: "olivedrab 3 (yellowgreen)", code: { hex: "#9ACD32" }, id: 242 }, { color: "olivedrab 4", code: { hex: "#698B22" }, id: 243 }, { color: "ivory 1 (ivory)", code: { hex: "#FFFFF0" }, id: 244 }, { color: "ivory 2", code: { hex: "#EEEEE0" }, id: 245 }, { color: "ivory 3", code: { hex: "#CDCDC1" }, id: 246 }, { color: "ivory 4", code: { hex: "#8B8B83" }, id: 247 }, { color: "beige", code: { hex: "#F5F5DC" }, id: 248 }, { color: "lightyellow 1 (lightyellow)", code: { hex: "#FFFFE0" }, id: 249 }, { color: "lightyellow 2", code: { hex: "#EEEED1" }, id: 250 }, { color: "lightyellow 3", code: { hex: "#CDCDB4" }, id: 251 }, { color: "lightyellow 4", code: { hex: "#8B8B7A" }, id: 252 }, { color: "lightgoldenrodyellow", code: { hex: "#FAFAD2" }, id: 253 }, { color: "yellow 1 (yellow*)", code: { hex: "#FFFF00" }, id: 254 }, { color: "yellow 2", code: { hex: "#EEEE00" }, id: 255 }, { color: "yellow 3", code: { hex: "#CDCD00" }, id: 256 }, { color: "yellow 4", code: { hex: "#8B8B00" }, id: 257 }, { color: "warmgrey", code: { hex: "#808069" }, id: 258 }, { color: "olive*", code: { hex: "#808000" }, id: 259 }, { color: "darkkhaki", code: { hex: "#BDB76B" }, id: 260 }, { color: "khaki 1", code: { hex: "#FFF68F" }, id: 261 }, { color: "khaki 2", code: { hex: "#EEE685" }, id: 262 }, { color: "khaki 3", code: { hex: "#CDC673" }, id: 263 }, { color: "khaki 4", code: { hex: "#8B864E" }, id: 264 }, { color: "khaki", code: { hex: "#F0E68C" }, id: 265 }, { color: "palegoldenrod", code: { hex: "#EEE8AA" }, id: 266 }, { color: "lemonchiffon 1 (lemonchiffon)", code: { hex: "#FFFACD" }, id: 267 }, { color: "lemonchiffon 2", code: { hex: "#EEE9BF" }, id: 268 }, { color: "lemonchiffon 3", code: { hex: "#CDC9A5" }, id: 269 }, { color: "lemonchiffon 4", code: { hex: "#8B8970" }, id: 270 }, { color: "lightgoldenrod 1", code: { hex: "#FFEC8B" }, id: 271 }, { color: "lightgoldenrod 2", code: { hex: "#EEDC82" }, id: 272 }, { color: "lightgoldenrod 3", code: { hex: "#CDBE70" }, id: 273 }, { color: "lightgoldenrod 4", code: { hex: "#8B814C" }, id: 274 }, { color: "banana", code: { hex: "#E3CF57" }, id: 275 }, { color: "gold 1 (gold)", code: { hex: "#FFD700" }, id: 276 }, { color: "gold 2", code: { hex: "#EEC900" }, id: 277 }, { color: "gold 3", code: { hex: "#CDAD00" }, id: 278 }, { color: "gold 4", code: { hex: "#8B7500" }, id: 279 }, { color: "cornsilk 1 (cornsilk)", code: { hex: "#FFF8DC" }, id: 280 }, { color: "cornsilk 2", code: { hex: "#EEE8CD" }, id: 281 }, { color: "cornsilk 3", code: { hex: "#CDC8B1" }, id: 282 }, { color: "cornsilk 4", code: { hex: "#8B8878" }, id: 283 }, { color: "goldenrod", code: { hex: "#DAA520" }, id: 284 }, { color: "goldenrod 1", code: { hex: "#FFC125" }, id: 285 }, { color: "goldenrod 2", code: { hex: "#EEB422" }, id: 286 }, { color: "goldenrod 3", code: { hex: "#CD9B1D" }, id: 287 }, { color: "goldenrod 4", code: { hex: "#8B6914" }, id: 288 }, { color: "darkgoldenrod", code: { hex: "#B8860B" }, id: 289 }, { color: "darkgoldenrod 1", code: { hex: "#FFB90F" }, id: 290 }, { color: "darkgoldenrod 2", code: { hex: "#EEAD0E" }, id: 291 }, { color: "darkgoldenrod 3", code: { hex: "#CD950C" }, id: 292 }, { color: "darkgoldenrod 4", code: { hex: "#8B6508" }, id: 293 }, { color: "orange 1 (orange)", code: { hex: "#FFA500" }, id: 294 }, { color: "orange 2", code: { hex: "#EE9A00" }, id: 295 }, { color: "orange 3", code: { hex: "#CD8500" }, id: 296 }, { color: "orange 4", code: { hex: "#8B5A00" }, id: 297 }, { color: "floralwhite", code: { hex: "#FFFAF0" }, id: 298 }, { color: "oldlace", code: { hex: "#FDF5E6" }, id: 299 }, { color: "wheat", code: { hex: "#F5DEB3" }, id: 300 }, { color: "wheat 1", code: { hex: "#FFE7BA" }, id: 301 }, { color: "wheat 2", code: { hex: "#EED8AE" }, id: 302 }, { color: "wheat 3", code: { hex: "#CDBA96" }, id: 303 }, { color: "wheat 4", code: { hex: "#8B7E66" }, id: 304 }, { color: "moccasin", code: { hex: "#FFE4B5" }, id: 305 }, { color: "papayawhip", code: { hex: "#FFEFD5" }, id: 306 }, { color: "blanchedalmond", code: { hex: "#FFEBCD" }, id: 307 }, { color: "navajowhite 1 (navajowhite)", code: { hex: "#FFDEAD" }, id: 308 }, { color: "navajowhite 2", code: { hex: "#EECFA1" }, id: 309 }, { color: "navajowhite 3", code: { hex: "#CDB38B" }, id: 310 }, { color: "navajowhite 4", code: { hex: "#8B795E" }, id: 311 }, { color: "eggshell", code: { hex: "#FCE6C9" }, id: 312 }, { color: "tan", code: { hex: "#D2B48C" }, id: 313 }, { color: "brick", code: { hex: "#9C661F" }, id: 314 }, { color: "cadmiumyellow", code: { hex: "#FF9912" }, id: 315 }, { color: "antiquewhite", code: { hex: "#FAEBD7" }, id: 316 }, { color: "antiquewhite 1", code: { hex: "#FFEFDB" }, id: 317 }, { color: "antiquewhite 2", code: { hex: "#EEDFCC" }, id: 318 }, { color: "antiquewhite 3", code: { hex: "#CDC0B0" }, id: 319 }, { color: "antiquewhite 4", code: { hex: "#8B8378" }, id: 320 }, { color: "burlywood", code: { hex: "#DEB887" }, id: 321 }, { color: "burlywood 1", code: { hex: "#FFD39B" }, id: 322 }, { color: "burlywood 2", code: { hex: "#EEC591" }, id: 323 }, { color: "burlywood 3", code: { hex: "#CDAA7D" }, id: 324 }, { color: "burlywood 4", code: { hex: "#8B7355" }, id: 325 }, { color: "bisque 1 (bisque)", code: { hex: "#FFE4C4" }, id: 326 }, { color: "bisque 2", code: { hex: "#EED5B7" }, id: 327 }, { color: "bisque 3", code: { hex: "#CDB79E" }, id: 328 }, { color: "bisque 4", code: { hex: "#8B7D6B" }, id: 329 }, { color: "melon", code: { hex: "#E3A869" }, id: 330 }, { color: "carrot", code: { hex: "#ED9121" }, id: 331 }, { color: "darkorange", code: { hex: "#FF8C00" }, id: 332 }, { color: "darkorange 1", code: { hex: "#FF7F00" }, id: 333 }, { color: "darkorange 2", code: { hex: "#EE7600" }, id: 334 }, { color: "darkorange 3", code: { hex: "#CD6600" }, id: 335 }, { color: "darkorange 4", code: { hex: "#8B4500" }, id: 336 }, { color: "orange", code: { hex: "#FF8000" }, id: 337 }, { color: "tan 1", code: { hex: "#FFA54F" }, id: 338 }, { color: "tan 2", code: { hex: "#EE9A49" }, id: 339 }, { color: "tan 3 (peru)", code: { hex: "#CD853F" }, id: 340 }, { color: "tan 4", code: { hex: "#8B5A2B" }, id: 341 }, { color: "linen", code: { hex: "#FAF0E6" }, id: 342 }, { color: "peachpuff 1 (peachpuff)", code: { hex: "#FFDAB9" }, id: 343 }, { color: "peachpuff 2", code: { hex: "#EECBAD" }, id: 344 }, { color: "peachpuff 3", code: { hex: "#CDAF95" }, id: 345 }, { color: "peachpuff 4", code: { hex: "#8B7765" }, id: 346 }, { color: "seashell 1 (seashell)", code: { hex: "#FFF5EE" }, id: 347 }, { color: "seashell 2", code: { hex: "#EEE5DE" }, id: 348 }, { color: "seashell 3", code: { hex: "#CDC5BF" }, id: 349 }, { color: "seashell 4", code: { hex: "#8B8682" }, id: 350 }, { color: "sandybrown", code: { hex: "#F4A460" }, id: 351 }, { color: "rawsienna", code: { hex: "#C76114" }, id: 352 }, { color: "chocolate", code: { hex: "#D2691E" }, id: 353 }, { color: "chocolate 1", code: { hex: "#FF7F24" }, id: 354 }, { color: "chocolate 2", code: { hex: "#EE7621" }, id: 355 }, { color: "chocolate 3", code: { hex: "#CD661D" }, id: 356 }, { color: "chocolate 4 (saddlebrown)", code: { hex: "#8B4513" }, id: 357 }, { color: "ivoryblack", code: { hex: "#292421" }, id: 358 }, { color: "flesh", code: { hex: "#FF7D40" }, id: 359 }, { color: "cadmiumorange", code: { hex: "#FF6103" }, id: 360 }, { color: "burntsienna", code: { hex: "#8A360F" }, id: 361 }, { color: "sienna", code: { hex: "#A0522D" }, id: 362 }, { color: "sienna 1", code: { hex: "#FF8247" }, id: 363 }, { color: "sienna 2", code: { hex: "#EE7942" }, id: 364 }, { color: "sienna 3", code: { hex: "#CD6839" }, id: 365 }, { color: "sienna 4", code: { hex: "#8B4726" }, id: 366 }, { color: "lightsalmon 1 (lightsalmon)", code: { hex: "#FFA07A" }, id: 367 }, { color: "lightsalmon 2", code: { hex: "#EE9572" }, id: 368 }, { color: "lightsalmon 3", code: { hex: "#CD8162" }, id: 369 }, { color: "lightsalmon 4", code: { hex: "#8B5742" }, id: 370 }, { color: "coral", code: { hex: "#FF7F50" }, id: 371 }, { color: "orangered 1 (orangered)", code: { hex: "#FF4500" }, id: 372 }, { color: "orangered 2", code: { hex: "#EE4000" }, id: 373 }, { color: "orangered 3", code: { hex: "#CD3700" }, id: 374 }, { color: "orangered 4", code: { hex: "#8B2500" }, id: 375 }, { color: "sepia", code: { hex: "#5E2612" }, id: 376 }, { color: "darksalmon", code: { hex: "#E9967A" }, id: 377 }, { color: "salmon 1", code: { hex: "#FF8C69" }, id: 378 }, { color: "salmon 2", code: { hex: "#EE8262" }, id: 379 }, { color: "salmon 3", code: { hex: "#CD7054" }, id: 380 }, { color: "salmon 4", code: { hex: "#8B4C39" }, id: 381 }, { color: "coral 1", code: { hex: "#FF7256" }, id: 382 }, { color: "coral 2", code: { hex: "#EE6A50" }, id: 383 }, { color: "coral 3", code: { hex: "#CD5B45" }, id: 384 }, { color: "coral 4", code: { hex: "#8B3E2F" }, id: 385 }, { color: "burntumber", code: { hex: "#8A3324" }, id: 386 }, { color: "tomato 1 (tomato)", code: { hex: "#FF6347" }, id: 387 }, { color: "tomato 2", code: { hex: "#EE5C42" }, id: 388 }, { color: "tomato 3", code: { hex: "#CD4F39" }, id: 389 }, { color: "tomato 4", code: { hex: "#8B3626" }, id: 390 }, { color: "salmon", code: { hex: "#FA8072" }, id: 391 }, { color: "mistyrose 1 (mistyrose)", code: { hex: "#FFE4E1" }, id: 392 }, { color: "mistyrose 2", code: { hex: "#EED5D2" }, id: 393 }, { color: "mistyrose 3", code: { hex: "#CDB7B5" }, id: 394 }, { color: "mistyrose 4", code: { hex: "#8B7D7B" }, id: 395 }, { color: "snow 1 (snow)", code: { hex: "#FFFAFA" }, id: 396 }, { color: "snow 2", code: { hex: "#EEE9E9" }, id: 397 }, { color: "snow 3", code: { hex: "#CDC9C9" }, id: 398 }, { color: "snow 4", code: { hex: "#8B8989" }, id: 399 }, { color: "rosybrown", code: { hex: "#BC8F8F" }, id: 400 }, { color: "rosybrown 1", code: { hex: "#FFC1C1" }, id: 401 }, { color: "rosybrown 2", code: { hex: "#EEB4B4" }, id: 402 }, { color: "rosybrown 3", code: { hex: "#CD9B9B" }, id: 403 }, { color: "rosybrown 4", code: { hex: "#8B6969" }, id: 404 }, { color: "lightcoral", code: { hex: "#F08080" }, id: 405 }, { color: "indianred", code: { hex: "#CD5C5C" }, id: 406 }, { color: "indianred 1", code: { hex: "#FF6A6A" }, id: 407 }, { color: "indianred 2", code: { hex: "#EE6363" }, id: 408 }, { color: "indianred 4", code: { hex: "#8B3A3A" }, id: 409 }, { color: "indianred 3", code: { hex: "#CD5555" }, id: 410 }, { color: "brown", code: { hex: "#A52A2A" }, id: 411 }, { color: "brown 1", code: { hex: "#FF4040" }, id: 412 }, { color: "brown 2", code: { hex: "#EE3B3B" }, id: 413 }, { color: "brown 3", code: { hex: "#CD3333" }, id: 414 }, { color: "brown 4", code: { hex: "#8B2323" }, id: 415 }, { color: "firebrick", code: { hex: "#B22222" }, id: 416 }, { color: "firebrick 1", code: { hex: "#FF3030" }, id: 417 }, { color: "firebrick 2", code: { hex: "#EE2C2C" }, id: 418 }, { color: "firebrick 3", code: { hex: "#CD2626" }, id: 419 }, { color: "firebrick 4", code: { hex: "#8B1A1A" }, id: 420 }, { color: "red 1 (red*)", code: { hex: "#FF0000" }, id: 421 }, { color: "red 2", code: { hex: "#EE0000" }, id: 422 }, { color: "red 3", code: { hex: "#CD0000" }, id: 423 }, { color: "red 4 (darkred)", code: { hex: "#8B0000" }, id: 424 }, { color: "maroon*", code: { hex: "#800000" }, id: 425 }, { color: "sgi beet", code: { hex: "#8E388E" }, id: 426 }, { color: "sgi slateblue", code: { hex: "#7171C6" }, id: 427 }, { color: "sgi lightblue", code: { hex: "#7D9EC0" }, id: 428 }, { color: "sgi teal", code: { hex: "#388E8E" }, id: 429 }, { color: "sgi chartreuse", code: { hex: "#71C671" }, id: 430 }, { color: "sgi olivedrab", code: { hex: "#8E8E38" }, id: 431 }, { color: "sgi brightgray", code: { hex: "#C5C1AA" }, id: 432 }, { color: "sgi salmon", code: { hex: "#C67171" }, id: 433 }, { color: "sgi darkgray", code: { hex: "#555555" }, id: 434 }, { color: "sgi gray 12", code: { hex: "#1E1E1E" }, id: 435 }, { color: "sgi gray 16", code: { hex: "#282828" }, id: 436 }, { color: "sgi gray 32", code: { hex: "#515151" }, id: 437 }, { color: "sgi gray 36", code: { hex: "#5B5B5B" }, id: 438 }, { color: "sgi gray 52", code: { hex: "#848484" }, id: 439 }, { color: "sgi gray 56", code: { hex: "#8E8E8E" }, id: 440 }, { color: "sgi lightgray", code: { hex: "#AAAAAA" }, id: 441 }, { color: "sgi gray 72", code: { hex: "#B7B7B7" }, id: 442 }, { color: "sgi gray 76", code: { hex: "#C1C1C1" }, id: 443 }, { color: "sgi gray 92", code: { hex: "#EAEAEA" }, id: 444 }, { color: "sgi gray 96", code: { hex: "#F4F4F4" }, id: 445 }, { color: "white*", code: { hex: "#FFFFFF" }, id: 446 }, { color: "white smoke (gray 96)", code: { hex: "#F5F5F5" }, id: 447 }, { color: "gainsboro", code: { hex: "#DCDCDC" }, id: 448 }, { color: "lightgrey", code: { hex: "#D3D3D3" }, id: 449 }, { color: "silver*", code: { hex: "#C0C0C0" }, id: 450 }, { color: "darkgray", code: { hex: "#A9A9A9" }, id: 451 }, { color: "gray*", code: { hex: "#808080" }, id: 452 }, { color: "dimgray (gray 42)", code: { hex: "#696969" }, id: 453 }, { color: "black*", code: { hex: "#000000" }, id: 454 }, { color: "gray 99", code: { hex: "#FCFCFC" }, id: 455 }, { color: "gray 98", code: { hex: "#FAFAFA" }, id: 456 }, { color: "gray 97", code: { hex: "#F7F7F7" }, id: 457 }, { color: "white smoke (gray 96)", code: { hex: "#F5F5F5" }, id: 458 }, { color: "gray 95", code: { hex: "#F2F2F2" }, id: 459 }, { color: "gray 94", code: { hex: "#F0F0F0" }, id: 460 }, { color: "gray 93", code: { hex: "#EDEDED" }, id: 461 }, { color: "gray 92", code: { hex: "#EBEBEB" }, id: 462 }, { color: "gray 91", code: { hex: "#E8E8E8" }, id: 463 }, { color: "gray 90", code: { hex: "#E5E5E5" }, id: 464 }, { color: "gray 89", code: { hex: "#E3E3E3" }, id: 465 }, { color: "gray 88", code: { hex: "#E0E0E0" }, id: 466 }, { color: "gray 87", code: { hex: "#DEDEDE" }, id: 467 }, { color: "gray 86", code: { hex: "#DBDBDB" }, id: 468 }, { color: "gray 85", code: { hex: "#D9D9D9" }, id: 469 }, { color: "gray 84", code: { hex: "#D6D6D6" }, id: 470 }, { color: "gray 83", code: { hex: "#D4D4D4" }, id: 471 }, { color: "gray 82", code: { hex: "#D1D1D1" }, id: 472 }, { color: "gray 81", code: { hex: "#CFCFCF" }, id: 473 }, { color: "gray 80", code: { hex: "#CCCCCC" }, id: 474 }, { color: "gray 79", code: { hex: "#C9C9C9" }, id: 475 }, { color: "gray 78", code: { hex: "#C7C7C7" }, id: 476 }, { color: "gray 77", code: { hex: "#C4C4C4" }, id: 477 }, { color: "gray 76", code: { hex: "#C2C2C2" }, id: 478 }, { color: "gray 75", code: { hex: "#BFBFBF" }, id: 479 }, { color: "gray 74", code: { hex: "#BDBDBD" }, id: 480 }, { color: "gray 73", code: { hex: "#BABABA" }, id: 481 }, { color: "gray 72", code: { hex: "#B8B8B8" }, id: 482 }, { color: "gray 71", code: { hex: "#B5B5B5" }, id: 483 }, { color: "gray 70", code: { hex: "#B3B3B3" }, id: 484 }, { color: "gray 69", code: { hex: "#B0B0B0" }, id: 485 }, { color: "gray 68", code: { hex: "#ADADAD" }, id: 486 }, { color: "gray 67", code: { hex: "#ABABAB" }, id: 487 }, { color: "gray 66", code: { hex: "#A8A8A8" }, id: 488 }, { color: "gray 65", code: { hex: "#A6A6A6" }, id: 489 }, { color: "gray 64", code: { hex: "#A3A3A3" }, id: 490 }, { color: "gray 63", code: { hex: "#A1A1A1" }, id: 491 }, { color: "gray 62", code: { hex: "#9E9E9E" }, id: 492 }, { color: "gray 61", code: { hex: "#9C9C9C" }, id: 493 }, { color: "gray 60", code: { hex: "#999999" }, id: 494 }, { color: "gray 59", code: { hex: "#969696" }, id: 495 }, { color: "gray 58", code: { hex: "#949494" }, id: 496 }, { color: "gray 57", code: { hex: "#919191" }, id: 497 }, { color: "gray 56", code: { hex: "#8F8F8F" }, id: 498 }, { color: "gray 55", code: { hex: "#8C8C8C" }, id: 499 }, { color: "gray 54", code: { hex: "#8A8A8A" }, id: 500 }, { color: "gray 53", code: { hex: "#878787" }, id: 501 }, { color: "gray 52", code: { hex: "#858585" }, id: 502 }, { color: "gray 51", code: { hex: "#828282" }, id: 503 }, { color: "gray 50", code: { hex: "#7F7F7F" }, id: 504 }, { color: "gray 49", code: { hex: "#7D7D7D" }, id: 505 }, { color: "gray 48", code: { hex: "#7A7A7A" }, id: 506 }, { color: "gray 47", code: { hex: "#787878" }, id: 507 }, { color: "gray 46", code: { hex: "#757575" }, id: 508 }, { color: "gray 45", code: { hex: "#737373" }, id: 509 }, { color: "gray 44", code: { hex: "#707070" }, id: 510 }, { color: "gray 43", code: { hex: "#6E6E6E" }, id: 511 }, { color: "gray 42", code: { hex: "#6B6B6B" }, id: 512 }, { color: "dimgray (gray 42)", code: { hex: "#696969" }, id: 513 }, { color: "gray 40", code: { hex: "#666666" }, id: 514 }, { color: "gray 39", code: { hex: "#636363" }, id: 515 }, { color: "gray 38", code: { hex: "#616161" }, id: 516 }, { color: "gray 37", code: { hex: "#5E5E5E" }, id: 517 }, { color: "gray 36", code: { hex: "#5C5C5C" }, id: 518 }, { color: "gray 35", code: { hex: "#595959" }, id: 519 }, { color: "gray 34", code: { hex: "#575757" }, id: 520 }, { color: "gray 33", code: { hex: "#545454" }, id: 521 }, { color: "gray 32", code: { hex: "#525252" }, id: 522 }, { color: "gray 31", code: { hex: "#4F4F4F" }, id: 523 }, { color: "gray 30", code: { hex: "#4D4D4D" }, id: 524 }, { color: "gray 29", code: { hex: "#4A4A4A" }, id: 525 }, { color: "gray 28", code: { hex: "#474747" }, id: 526 }, { color: "gray 27", code: { hex: "#454545" }, id: 527 }, { color: "gray 26", code: { hex: "#424242" }, id: 528 }, { color: "gray 25", code: { hex: "#404040" }, id: 529 }, { color: "gray 24", code: { hex: "#3D3D3D" }, id: 530 }, { color: "gray 23", code: { hex: "#3B3B3B" }, id: 531 }, { color: "gray 22", code: { hex: "#383838" }, id: 532 }, { color: "gray 21", code: { hex: "#363636" }, id: 533 }, { color: "gray 20", code: { hex: "#333333" }, id: 534 }, { color: "gray 19", code: { hex: "#303030" }, id: 535 }, { color: "gray 18", code: { hex: "#2E2E2E" }, id: 536 }, { color: "gray 17", code: { hex: "#2B2B2B" }, id: 537 }, { color: "gray 16", code: { hex: "#292929" }, id: 538 }, { color: "gray 15", code: { hex: "#262626" }, id: 539 }, { color: "gray 14", code: { hex: "#242424" }, id: 540 }, { color: "gray 13", code: { hex: "#212121" }, id: 541 }, { color: "gray 12", code: { hex: "#1F1F1F" }, id: 542 }, { color: "gray 11", code: { hex: "#1C1C1C" }, id: 543 }, { color: "gray 10", code: { hex: "#1A1A1A" }, id: 544 }, { color: "gray 9", code: { hex: "#171717" }, id: 545 }, { color: "gray 8", code: { hex: "#141414" }, id: 546 }, { color: "gray 7", code: { hex: "#121212" }, id: 547 }, { color: "gray 6", code: { hex: "#0F0F0F" }, id: 548 }, { color: "gray 5", code: { hex: "#0D0D0D" }, id: 549 }, { color: "gray 4", code: { hex: "#0A0A0A" }, id: 550 }, { color: "gray 3", code: { hex: "#080808" }, id: 551 }, { color: "gray 2", code: { hex: "#050505" }, id: 552 }, { color: "gray 1", code: { hex: "#030303" }, id: 553 }];
                        let clr = hexCode.find(x => x.color.toLowerCase().trim() == colour.toLowerCase().trim());
                        let clr2 = hexCode.find(x => x.color.toLowerCase().trim().indexOf(colour) > 0);
                        if (typeof colours[colour.toLowerCase()]) {
                            return colours[colour.toLowerCase()];
                        }
                        else if (clr) {
                            return clr.code.hex;
                        }
                        else if (clr2) {
                            return clr2.code.hex;
                        }
                        else {
                            return false;
                        }
                    }
                    select2TooltipDataBinding() {
                        var instance = this;
                        var data = instance.selectedDatalistColumns();
                        $("#tooltip_select").off('select2:select').off('select2:unselect').off('select2:selecting');
                        $("#tooltip_select").select2({
                            placeholder: 'Select ToolTip columns',
                            data: data,
                        }).on('select2:select', function (e) {
                            let data = e.params.data;
                            let dataType = Number($("#allDatalistColumns #li_" + e.params.data.id + " span.datalist_column").attr('data-column-datatype'));
                            var sIndex = instance._reportBuilder.getIndexByAliasName_selectedColumnsArray(data.text);
                            if (sIndex == -1) {
                                var selCol = new SelectedColumns();
                                selCol.ColumnId = Number(data.id);
                                selCol.ColumnName = data.text;
                                selCol.DisplayText = data.text;
                                selCol.AliasName = data.text;
                                selCol.DataType = dataType;
                                selCol.Isvisible = true;
                                instance._reportBuilder._selectedColumns(selCol);
                            }
                            var tIndex = instance.getIndexByDisplayText_tooltipColumnsArray(data.text);
                            if (tIndex == -1) {
                                instance.toolTipArray.push({ ColumnId: Number(data.id), ColumnName: data.text, DisplayText: data.text, AliasName: data.text });
                            }
                            instance.ChartSelectedColumns = instance.coordinate_Elements(true, true, true, true, true, true);
                            instance.chartData();
                            var html = instance._reportBuilderTemplate.loadToolTipColumn(Number(data.id), data.text, dataType, data.text);
                            $("#tab_tooltip #tooltip_selected_columns").append(html);
                            instance._reportBuilder.setSelectOption("tooltip_select");
                        });
                    }
                    bindChartBaseColumnSelect2() {
                        var data = this.selectedDatalistColumns();
                        $("#base_column_select").off('select2:select').off('select2:unselect').off('select2:selecting');
                        $("#base_column_select").select2({
                            placeholder: 'Select Base Column',
                            data: data,
                        }).on('select2:select', (e) => {
                            let data = e.params.data;
                            let dataType = Number($("#allDatalistColumns #li_" + e.params.data.id + " span.datalist_column").attr('data-column-datatype'));
                            var sIndex = this.getIndexByAliasName_ChartSelectedColumns(data.text);
                            if (sIndex == -1) {
                                var selCol = new SelectedColumns();
                                selCol.ColumnId = Number(data.id);
                                selCol.ColumnName = data.text;
                                selCol.DisplayText = data.text;
                                selCol.AliasName = data.text;
                                selCol.DataType = dataType;
                                selCol.Isvisible = true;
                                this._reportBuilder._selectedColumns(selCol);
                            }
                            var tIndex = this.getIndexByDisplayText_BaseColumnsArray(data.text);
                            if (tIndex == -1) {
                                this.chartBaseColumns.push({ ColumnId: Number(data.id), ColumnName: data.text, DisplayText: data.text, AliasName: data.text });
                            }
                            this.ChartSelectedColumns = this.coordinate_Elements(true, true, true, true, true, true);
                            this.chartData();
                            var html = this._reportBuilderTemplate.loadSelect2Column(Number(data.id), data.text, dataType);
                            $("#base_column #base_column_selected_columns").append(html);
                            this._reportBuilder.setSelectOption("base_column_select");
                        });
                    }
                    loadToolTipRightNav() {
                        var instance = this;
                        let html = `<div class="bg-white card"> <div class="card-header"><span>Tool Tip</span><button class="btn btn-icon btn-icon-circle btn-icon-style-3 ChartToolTipForm" id="Chart_ToolTip"><i class="fa fa-comment"></i></button></div><div class="card-body pl-2 pr-2 rightnav_body"> <ul id="ultooltips"> </ul> </div> </div>`;
                        $("#bl-nav-right-tooltip").html(html);
                        instance.loadSelectedColumnsInToolTip_RightNav();
                    }
                    loadSelectedColumnsInToolTip_RightNav() {
                        var instance = this;
                        let html = "";
                        for (var i = 0; i < instance._reportBuilder.datalistColumnsResponseData.length; i++) {
                            var datalistcolumn = instance._reportBuilder.datalistColumnsResponseData[i];
                            let checked = "";
                            let disabled = "disabled";
                            let Index = instance.getindexByTooltipArray(datalistcolumn.ColumnId);
                            let displayText = datalistcolumn.ColumnName;
                            if (Index != -1) {
                                displayText = instance.toolTipArray[Index].DisplayText;
                                checked = "checked";
                                disabled = "";
                            }
                            html += `<li class="list-group-item pl-2 pr-2" id="li_tooltip_` + datalistcolumn.ColumnId + `"><div class="btn-group pull-right" style="margin-top:-8px" id="divtooltip_` + datalistcolumn.ColumnId + `"><a class="btn pl-1 pr-1 ` + disabled + `" id="btnEditName" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().showTooltipEditMode(` + datalistcolumn.ColumnId + `)"><span><i class="fa fa-pencil"></i></span></a><span class="btn pl-1 pr-1"><input type="checkbox" class="chktooltips" ` + checked + ` onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().toolTipCheckBox(` + datalistcolumn.ColumnId + `,'` + datalistcolumn.ColumnName + `')" id="tooltip_checkbox"></span></div><div id="divcolumnname_` + datalistcolumn.ColumnId + `" class="col-sm-9 pl-1 pr-1 input-icons"><span id="tooltipcolumnname"> ` + displayText + ` </span> <input id="tooltipcolumnname_displaytext" class="hidden col-sm-12 form-control" value="` + displayText + `"> <span id="closebutton_tooltip" onclick="Unibase.Platform.Analytics.Charts.ChartBuilder.Instance().closeTooltipEditMode(` + datalistcolumn.ColumnId + `,'` + datalistcolumn.ColumnName + `')" class="fa fa-close font-15 mr-10 field-icon hidden"></span> </div></li>`;
                        }
                        $("#ultooltips").html(html);
                    }
                    removeSelectedToolTip(AliasName) {
                        var instance = this;
                        $("#tooltip_selected_columns #dsl_tool_column_" + AliasName).remove();
                        var tIndex = instance.getIndexByDisplayText_tooltipColumnsArray(AliasName);
                        var cIdx = instance.getIndexByAliasName_ChartSelectedColumns(AliasName);
                        if (tIndex > -1)
                            instance.toolTipArray.splice(tIndex, 1);
                        if (cIdx > -1)
                            instance.ChartSelectedColumns[cIdx].IsToolTip = false;
                    }
                    toolTipEdit(AliasName) {
                        var instance = this;
                        var tIndex = instance.getIndexByDisplayText_tooltipColumnsArray(AliasName);
                        var sIndex = instance._reportBuilder.getIndexByColumnName_selectedColumnsArray(AliasName);
                        var toolTipName = $("#dsl_tool_column_" + AliasName + " #txttooltipedit").val();
                        if (tIndex > -1 && sIndex > -1) {
                            instance.toolTipArray[tIndex].DisplayText = toolTipName;
                            instance._reportBuilder.selectedColumns[sIndex].DisplayText = toolTipName;
                            instance.isColumnRename = true;
                        }
                        instance.chartData();
                    }
                    loadCategoriesSelect2() {
                        var instance = this;
                        var data;
                        $("#categories_select").off('select2:select').off('select2:unselect').empty();
                        data = instance._reportBuilder.getSelectedColumns_Select2_Data();
                        $("#categories_select").select2({
                            placeholder: 'Select categories columns',
                            data: data,
                        }).on('select2:select', function (e) {
                            let data = e.params.data;
                            let dataType = Number($("#allDatalistColumns #li_" + e.params.data.id + " span.datalist_column").attr('data-column-datatype'));
                            let Index = instance._reportBuilder.getIndexByColumnName_selectedColumnsArray(data.text);
                            if (Index != -1) {
                                var sel_col = instance._reportBuilder.selectedColumns[Index];
                                if (sel_col)
                                    var catCol = sel_col.GroupByCategory;
                                if (!catCol) {
                                    if (Index != -1) {
                                        instance._reportBuilder.selectedColumns[Index].GroupByCategory = true;
                                    }
                                    else {
                                        var selCol = new SelectedColumns();
                                        selCol.ColumnId = parseInt(data.id);
                                        selCol.ColumnName = data.text;
                                        selCol.ColumnIndex = instance._reportBuilder.selectedColumns.length;
                                        selCol.DataType = dataType;
                                        selCol.Isvisible = true;
                                        selCol.GroupBy = false;
                                        selCol.AliasName = data.text;
                                        selCol.DisplayText = data.text;
                                        selCol.GroupByCategory = true;
                                        instance._reportBuilder._selectedColumns(selCol);
                                    }
                                    instance._reportBuilder.Categories = $('#categories_select').select2('data');
                                    var html = instance._reportBuilderTemplate.loadSelect2Column(Number(e.params.data.id), e.params.data.text, dataType);
                                    $("#categories_selected_columns").append(html);
                                    instance._reportBuilder.setSelectOption("categories_select");
                                    $(".dsl_column_filters").addClass('hidden');
                                    instance._reportBuilder.stringifyed_SortColumns = instance._reportBuilder.getSortColumnsStringify();
                                    instance._reportBuilder.load_data(instance._reportBuilder.table);
                                }
                                else {
                                    instance._reportBuilder.setSelectOption("categories_select");
                                    $("#categories_select").select2('close').val("");
                                    alert("Column - " + data.text + " already exists in categories select2. Please change display text and try again");
                                    return false;
                                }
                            }
                        });
                    }
                    sortTooltipColumnsEvent() {
                        var tooltipContainer = $("#tooltip_selected_columns");
                        if (!tooltipContainer)
                            return;
                        $("#tooltip_selected_columns").sortable({
                            connectWith: "#tooltip_selected_columns",
                            cursor: 'move',
                            update: (event, ui) => {
                                var tooltipColumnElements = $(event.target).children();
                                tooltipColumnElements.each((index, ele) => {
                                    let aliasName = ele.id.replace("dsl_tool_column_", "");
                                    let colIdx = this.toolTipArray.findIndex(x => x.AliasName == aliasName);
                                    if (colIdx > -1) {
                                        this.changeIndexOfElementsInArray(this.toolTipArray, colIdx, index);
                                    }
                                });
                            }
                        });
                    }
                    changeIndexOfElementsInArray(arr, fromIndex, toIndex) {
                        let element = arr[fromIndex];
                        arr.splice(fromIndex, 1);
                        arr.splice(toIndex, 0, element);
                    }
                    updateshowTooltipTitleProp(showTooltip) {
                        $("#showtooltipheader_checkbox").prop("checked", showTooltip);
                    }
                    updateIsDataLabelProp(isDataLabel) {
                        $("#isdatalabel").prop("checked", isDataLabel);
                    }
                    isNumberAbbreviation(axis) {
                        const instance = this;
                        if (axis) {
                            const axisProperty = axis === 'x' ? 'IsXaxis' : 'IsYaxis';
                            const isChecked = $(`#IsNumberAbbrevation_${axis}`).prop("checked");
                            for (const column of instance._chartBuilder.ChartSelectedColumns) {
                                if (column[axisProperty]) {
                                    column.IsNumAbb = isChecked;
                                }
                            }
                        }
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new ChartBuilder();
                        }
                        return this.instance;
                    }
                }
                Charts.ChartBuilder = ChartBuilder;
            })(Charts = Analytics.Charts || (Analytics.Charts = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Charts;
            (function (Charts) {
                class ChartViewer extends Analytics.Components._Chart {
                    constructor() {
                        super();
                        this.dynamicParameters = [];
                        this.reportManager = Analytics.Managers.ReportManager.Instance();
                        this.Filter = [];
                    }
                    jsFiles() {
                        return ["libs/chartjs/chart.min.js"];
                    }
                    cssFiles() {
                        return [
                            'libs/tabulator-tables/css/bootstrap/tabulator_bootstrap4.min.css'
                        ];
                    }
                    html(id, containerid) {
                        const instance = this;
                        var reportid = id;
                        let hidden = 'd-none';
                        if (containerid.includes("div_kpireport_") || containerid.includes("_previewreport_")) {
                            hidden = '';
                        }
                        let isRestrictHidden = '';
                        if (Unibase.Platform.Membership.Infos.Identity.currentUser.isRestrictedUser) {
                            isRestrictHidden = 'd-none';
                        }
                        let html = `<div class="card mb-0" id="chartViewerWrap_${containerid}"><div class="card-header h-50p pa-10 d-flex justify-content-between align-items-center p-relative viewer-header ViewerHeader_${containerid}"><div class="chart-header-left d-flex align-items-center text-truncate"><a href="javascript:void(0);" id="reportCloseBtn_${containerid}" class="report-close-btn btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-10 text-dark d-none" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().closeReportPopup('${containerid}');" data-tooltip="true" title="Close"><span class="btn-icon-wrap"><i data-icon="l"></i></span></a><strong class="ChartName_${containerid} hidden">Chart</strong><span id="ReportTitle_${containerid}" class="font-weight-600 biz-highlight-bg-color text-truncate">Title</span><strong id = "Reportid_${containerid}" class="pl-15 Reportid__dynamicfilter hidden"> Title </strong><strong id = "Reportid_${containerid}" class="pl-15 Reportid__commonfilter hidden"> Title </strong>
                          ${instance.currentUser.isAdmin ? `<a class="dp-toggle-icon btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-20p h-20p flex-shrink-0 d-none ${!isRestrictHidden ? 'd-xl-block' : ''}" href="javascript:;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="ViewerTypes_${containerid}" class="ViewerTypes_${containerid}"><span class="btn-icon-wrap"><i class="fa fa-caret-down" aria-hidden="true"></i></span></a>
                        <div class="dropdown-menu dropdown-menu-left ViewerTypes_dropdown" id="dp_${containerid}_viewertypes"><a class="dropdown-item ddbtn_Edit" href = "javascript:;" title = "Edit" id = "edit_" onclick = "Unibase.Platform.Analytics.Components.ReportViewer.Instance().EditReport(${reportid},0,0,0,'${containerid}');">Edit</a>
                            <a href="javascript:;" class="dropdown-item" id="DuplicateTable_${containerid}" onclick = "Unibase.Platform.Analytics.Components.ReportViewer.Instance().EditReport(${reportid},1,0,0,'${containerid}')";>Duplicate</a>
                            </div>` : ''}<span class="dropdown pull-right mr-30 sp_widget_create_${containerid}" style = "position:static"></span></div>
                            <div class="card-header-right d-flex align-items-center"><a class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-1 chart-maximize-btn" href="javascript:;" id="chartMaximizeBtn_${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().report_ViewAll(${reportid}, 0, 'fullscreen_${containerid}','${containerid}');" data-tooltip="true" title="Maximize Chart"><span class="btn-icon-wrap"><i class="las la-expand font-18"></i></span></a><a class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-1 chart-minimize-btn d-none" href="javascript:;" id="chartMinimizeBtn_${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().closeReportPopup('${containerid}');" data-tooltip="true" title="Minimize Chart"><span class="btn-icon-wrap"><i class="las la-compress font-18"></i></span></a><a class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-1 d-none link-report-icon" id="linkreport${containerid}" href="javascript:;"><span class="btn-icon-wrap"><i class="las la-table font-18"></i></span></a><div class="filter-dp-wrapper biz-dropdown ${isRestrictHidden} d-none" id="filterDpWrap_${containerid}">
                            <a href="javascript:;" class="filter-icon btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p" id="filter-icon${containerid}"
                            onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadDynamicFilters(${reportid},'${containerid}','.BindData_${containerid}')" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-tooltip="true" title="Dynamic Filters"><span class="btn-icon-wrap"><i class="las la-filter font-18"></i></span></a>
                            <div class="dropdown-menu biz-custom-dropdown biz-filter-dropdown"
                                id="biz-filter-dropdown${containerid}" onclick="event.stopPropagation();">
                                <div class="filter-dropdown-body biz-custom-scrollbar" id="filter-dropdown-body${containerid}">
                                    <div id="dynamic-filters${containerid}" class="dynamic-filters-list row mx-0"></div>
                                </div>
                                <div class="filter-dropdown-footer d-none" id="filter-dropdown-footer${containerid}"><a
                                        href="javascript:;" class="btn btn-outline-danger btn-sm Filterbuttons"
                                        id="btn_ClearFilter${containerid}"
                                        onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().clearDynamicFilters(${reportid},'${containerid}')">Clear</a>
                                    <div class="actions-btn-group"><a href="javascript:;"
                                            class="btn btn-outline-primary btn-sm create-filter-btn saveViewAs${containerid}"
                                            onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(${reportid})">Create</a>
                                        <div class="btn-group apply-btn-group toggle-btn ml-15"><a href="javascript:;"
                                                class="btn btn-outline-primary btn-sm Filterbuttons"
                                                id="ApplyGlobalFilter${containerid}"
                                                onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance()._applyfilter(${reportid},'${containerid}')">Apply</a><a
                                                href="javascript:;"
                                                class="btn btn-outline-primary btn-sm save-filter-btn saveViewAs${containerid} d-none"
                                                id="saveViewAs${containerid}"
                                                onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(${reportid})">Save</a><button
                                                type="button" class="btn btn-primary btn-sm dropdown-toggle"
                                                id="applyToggleBtn${containerid}"></button></div>
                                    </div>
                                </div>
                                <div class="filter-dropdown-errmessage text-center d-none"
                                    id="filter-dropdown-errmessage${containerid}">
                                    <p class="text-danger">No Filters Found!</p><a href="javascript:;"
                                        class="btn btn-outline-primary btn-sm mt-10 create-filter-btn saveViewAs${containerid}"
                                        onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(${reportid})">Create
                                        Filter</a>
                                </div>
                                </div>
                            </div>
                            </div></div>
                            <div class="card-body ChartViewer_${containerid} pa-20"><section class="modal-body pa-0 card_section" id="chartSection_${containerid}"><div class="d-none w-100" id="noChartDataMsg_${containerid}"></div><div class="p-relative" id="ChartCanvasDiv${containerid}"><canvas id="${containerid}-chart-canvas" class="chart-canvas"></canvas></div></section></div>
                            </div>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const instance = this;
                            this.reportManager = Analytics.Managers.ReportManager.Instance();
                            this._reportBuilder = Analytics.Reports.ReportBuilder.Instance();
                            this._reportBuilder.pivot = new PivotColumns();
                            var reportid = id;
                            containerid = containerid;
                            $("#Reportid_" + containerid).empty();
                            $('.Reportid__dynamicfilter').text("");
                            $("#Reportid_" + containerid).text(reportid);
                            $(`#applyToggleBtn${containerid}`).click(() => {
                                $(`#ApplyGlobalFilter${containerid}`).toggleClass('d-none');
                                $(`#saveViewAs${containerid}`).toggleClass('d-none');
                            });
                            if (containerid.indexOf("dashboardportletwidget") > 0) {
                                let widgetheight = $("#" + containerid).siblings('#hf_portletwidgetheight').val();
                                if (widgetheight == 'undefined' || widgetheight == null || widgetheight == '0px') {
                                    widgetheight = '240px';
                                }
                                $(".ChartViewer_" + containerid).find(".card_section").css({ "height": widgetheight, "overflow": "hidden" });
                                $(".ChartViewer_" + containerid).find("#ChartCanvasDiv" + containerid).addClass('h-100 w-100');
                            }
                            if ($(`#${containerid}`).hasClass('_bizgaze_popup_container') || $(`#${containerid}`).hasClass('_bizgaze_detail_container')) {
                                $(`#chartViewerWrap_${containerid}`).addClass('chart-viewer-card');
                                $(`#chartMaximizeBtn_${containerid}`).addClass('d-none');
                                $(`#reportCloseBtn_${containerid},#filterDpWrap_${containerid}`).removeClass('d-none');
                                $(`#chartSection_${containerid}`).css('height', '100%');
                                if (containerid.includes('div_dashboardportletwidget')) {
                                    $(`#chartMinimizeBtn_${containerid}`).removeClass('d-none');
                                }
                                if (Unibase.Themes.Compact.Components.Index.Instance().tabMode) {
                                    $(`#ChartCanvasDiv${containerid}`).addClass('h-100 w-100');
                                }
                                else {
                                    $(`#chartSection_${containerid}`).addClass('d-flex flex-column justify-content-center');
                                    $(`#ChartCanvasDiv${containerid}`).removeClass('h-100').addClass('h-50 w-100');
                                }
                            }
                            instance.xaxisColumns = [], instance.yaxisColumns = [], instance.groupColumns = [];
                            instance.loadData(containerid, reportid);
                        });
                    }
                    loadData(containerid, reporId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            instance.ChartDivId = containerid + "-chart-canvas";
                            instance.chartContainerId = containerid;
                            let rv_instance;
                            if (Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.length > 0) {
                                let reportviewerInstance = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.find(x => x.childcontainerid == containerid);
                                if (reportviewerInstance != undefined)
                                    rv_instance = reportviewerInstance.instance;
                                else
                                    rv_instance = instance;
                            }
                            else {
                                rv_instance = instance;
                            }
                            Unibase.Platform.Helpers.NavigationHelper.Instance().hideLoading();
                            let reportInfo = rv_instance.reportResponse.result.ReportInfo;
                            instance._reportBuilder.reportid = reporId;
                            instance._reportBuilder.DataListId = reportInfo.DataListId;
                            instance.IsChartBuilder = false;
                            instance.displayLegend = reportInfo.IsLegend;
                            instance.isDataLabel = reportInfo.IsDataLabel;
                            instance.isTooltipHeader = reportInfo.IsTooltipHeader;
                            instance.tickLabelLength = reportInfo.TickLabelLength;
                            instance.loadSelectedLegend(reportInfo.LegendTypeId, false);
                            if (containerid.indexOf("dashboardportletwidget") > 0) {
                                if (containerid.includes('fullscreen')) {
                                    $("#ReportTitle_" + containerid).text(reportInfo.ReportName);
                                }
                                else {
                                    $("#ReportTitle_" + containerid).text(instance.WidgetName);
                                }
                            }
                            else {
                                $("#ReportTitle_" + containerid).text(reportInfo.ReportName);
                            }
                            var reportColumns = reportInfo.ReportColumns;
                            instance._reportBuilder.TenureReport = [], instance._reportBuilder.pivot.ColumnName = "";
                            var tenure;
                            var pivot;
                            if (reportColumns.length != 0) {
                                tenure = reportColumns.find(x => x.IsTenureApplied == true);
                                pivot = reportColumns.find(x => x.IsPivotColumn == true);
                            }
                            if (tenure) {
                                instance._reportBuilder.TenureReport[tenure.DisplayText] = {
                                    TimeInterval: tenure.TimeInterval,
                                };
                                var Values_len = instance._reportBuilder.TenureReport.length;
                                instance._reportBuilder.TenureReport.length = Values_len + 1;
                                instance._reportBuilder.tenureTimeIntervalCol = tenure.DisplayText;
                                return instance.tenureChart(instance.ChartDivId, reporId);
                            }
                            if (reportInfo.ChartColumns.length != 0 && instance._reportBuilder.TenureReport.length == 0) {
                                instance.ChartTypeId = reportInfo.ChartTypeId;
                                var chartcolumns = reportInfo.ChartColumns;
                                instance.loadchart(rv_instance.reportData, chartcolumns, reportColumns, pivot);
                            }
                            instance.colorAppliedOn = reportInfo.ColorAppliedTypeId;
                            if (!reportInfo.LegendTitleTypeId)
                                instance.legendTitleTypeId = Unibase.Platform.Analytics.Enums.LegendTitleType.Data;
                            else if (reportInfo.LegendTitleTypeId)
                                instance.legendTitleTypeId = reportInfo.LegendTitleTypeId;
                            if (reportInfo.ChartBaseValue)
                                instance.chartBaseValue = reportInfo.ChartBaseValue;
                            const indexInstance = Unibase.Themes.Compact.Components.Index.Instance();
                            if (reportInfo.PaletteId !== 0 || indexInstance.currentTheme.paletteId) {
                                let paletteId = reportInfo.PaletteId;
                                if (!paletteId) {
                                    instance.paletteColors.push(...indexInstance.themePalette);
                                }
                                else {
                                    instance.getpaletteColors(paletteId, false);
                                }
                            }
                            instance.chart_dataSet();
                            if (reportInfo.LinkReportId != 0)
                                $(`#linkreport${containerid}`).removeClass("d-none");
                            $(`#linkreport${containerid}`).click(function () {
                                let widgetId = Number($(this).closest(".dashboardwidget-addeditem").find("#hf_widgetId").val());
                                var filters = Unibase.Platform.Analytics.Components._CommonFilter.Instance().appliedFilters;
                                let dynamicFil = [];
                                if (filters && filters.length) {
                                    var fil = filters.find(x => x.WidgetId == widgetId);
                                    if (fil && fil.AutocompleteFilter && fil.AutocompleteFilter.length) {
                                        dynamicFil = fil.AutocompleteFilter;
                                    }
                                }
                                (reportInfo.LinkReportId == reportInfo.ReportId) && (reportInfo.LinkReportId = 0);
                                instance.linkReport(reportInfo.LinkReportId, dynamicFil, "div_linkreport" + containerid.substr(containerid.lastIndexOf("_")) + "_viewall");
                            });
                        });
                    }
                    loadchart(chartdata, chartcolumns, reportColumns, pivot) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            var data = chartdata;
                            instance.ChartData = data;
                            const containerid = instance.chartContainerId;
                            var chartCols = [];
                            if (reportColumns != null && reportColumns.length != 0) {
                                reportColumns.map(function (element) {
                                    var cCol = chartcolumns.find(c => c.AliasName == element.AliasName);
                                    if (cCol) {
                                        chartCols.push(cCol);
                                    }
                                });
                            }
                            else {
                                chartCols = chartcolumns;
                            }
                            if (data.length > 0) {
                                for (var i = 0; i < chartCols.length; i++) {
                                    let chartCol = chartCols[i];
                                    let ColumnValue = chartCol.ColumnValue;
                                    let Field = chartCol.Name;
                                    let AliasName = chartCol.AliasName;
                                    let DataType = chartCol.DataType;
                                    let Name = AliasName != null ? AliasName : Field;
                                    let IsNumAbb = chartCol.IsNumAbb;
                                    if (chartCol.IsXaxis == true) {
                                        let xObj = {
                                            ColumnId: ColumnValue,
                                            ColumnName: Name,
                                            DisplayText: AliasName,
                                            AliasName: AliasName,
                                            DataType: DataType,
                                            ColorType: chartCol.ColorAppliedOn,
                                            CoordinateTypeId: instance.ChartAxis.Horizontal,
                                            divId: "",
                                            IsNumAbb: IsNumAbb
                                        };
                                        instance.selected_Coordinate(xObj);
                                    }
                                    else if (chartCol.IsYaxis == true && chartCol.IsGroupBy != true) {
                                        let yObj = {
                                            ColumnId: ColumnValue,
                                            ColumnName: Name,
                                            DisplayText: AliasName,
                                            AliasName: AliasName,
                                            DataType: DataType,
                                            ColorType: chartCol.ColorAppliedOn,
                                            CoordinateTypeId: instance.ChartAxis.Vertical,
                                            divId: "",
                                            IsNumAbb: IsNumAbb
                                        };
                                        instance.selected_Coordinate(yObj);
                                    }
                                    else if (chartCol.IsGroupBy == true) {
                                        if (chartCol.Color != null) {
                                            instance.chartViewer_Colors(chartCol.Color, ColumnValue, Name);
                                        }
                                        let gObj = {
                                            ColumnId: ColumnValue,
                                            ColumnName: Name,
                                            DisplayText: AliasName,
                                            AliasName: AliasName,
                                            DataType: DataType,
                                            ColorType: chartCol.ColorAppliedOn,
                                            CoordinateTypeId: instance.ChartAxis.GroupBy,
                                            divId: ""
                                        };
                                        instance.selected_Coordinate(gObj);
                                        if (pivot) {
                                            yield instance._reportBuilder.getDistinctData(ColumnValue, Name, chartCol.AggregationValue);
                                        }
                                    }
                                    else if (chartCol.IsLineChart == true) {
                                        let lObj = {
                                            ColumnId: ColumnValue,
                                            ColumnName: Name,
                                            DisplayText: AliasName,
                                            AliasName: AliasName,
                                            DataType: DataType,
                                            ColorType: chartCol.ColorAppliedOn,
                                            CoordinateTypeId: instance.ChartAxis.LineChart,
                                            divId: ""
                                        };
                                        instance.selected_Coordinate(lObj);
                                    }
                                    if (chartCol.IsChartBaseColumn == true) {
                                        let lObj = {
                                            ColumnId: ColumnValue,
                                            ColumnName: Name,
                                            DisplayText: AliasName,
                                            AliasName: AliasName,
                                            DataType: DataType,
                                            ColorType: chartCol.ColorAppliedOn,
                                            CoordinateTypeId: instance.ChartAxis.BaseColumn,
                                            divId: ""
                                        };
                                        instance.selected_Coordinate(lObj);
                                    }
                                }
                            }
                            else {
                                $(`#ChartCanvasDiv${containerid}`).addClass('d-none');
                                $(`#chartSection_${containerid}`).removeClass('d-flex');
                                $(`#noChartDataMsg_${containerid}`).html('<div class="alert alert-primary border-0 font-14 mb-0 rounded-0 text-center w-100">No data available</div>').removeClass('d-none');
                            }
                            this.prepareAndBindToolTipColumns(chartCols);
                        });
                    }
                    static Instance() {
                        this._instance = new ChartViewer();
                        return this._instance;
                    }
                }
                Charts.ChartViewer = ChartViewer;
            })(Charts = Analytics.Charts || (Analytics.Charts = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class _ReportViewer extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.Page = 1;
                        this.PageSize = 20;
                        this.commonFilterContainerId = "";
                        this.ispivottable = false;
                        this.ReportId = 0;
                        this.InstalledAppId = 0;
                        this.RecordId = 0;
                        this.CalendarMonthChanged = false;
                        this.isWidget = false;
                        this.IsPortletWidget = false;
                        this.ListSearchTerm = "";
                        this.isEnableCount = false;
                        this.isApplyFilter = false;
                        this.inputParameters = [];
                        this.dateFilters = [];
                        this.filterId = 0;
                        this.dynamicFilters = [];
                        this.cascadingFilters = [];
                        this.getdynamicfilters = [];
                        this.getdetailFilters = [];
                        this.reportData = "";
                        this.reportDatalength = 0;
                        this.PortletWidgetId = 0;
                        this.DetailParameters = [];
                        this.isShowAll = false;
                        this.sortColumn = "";
                        this.isReportPopup = false;
                        this.reportColumns = [];
                        this.groupBy_Category = [];
                        this.isPdf = false;
                        this.pivotTypeId = 0;
                        this.enablePivotTableConfig = false;
                        this.pivotTableRowCols = [];
                        this.pivotTableColumnCols = [];
                        this.pivotTableAggCol = "";
                        this.pivotTableAgg = "";
                        this.js = "";
                        this.pinDynamicFilters = false;
                        this.isLinkReport = false;
                        this.linkReportFilterObj = { InputParameters: [], DateFilters: [], DynamicFilters: [] };
                        this.tblGroupedCols = [];
                        this.isListRefresh = false;
                        this.totalRecords = 0;
                        this.tableDynamicFilters = [];
                        this.fromDate = "";
                        this.toDate = "";
                        this.isSubReport = false;
                        this.desktopMode = Unibase.Themes.Compact.Components.Index.Instance().desktopMode;
                        this.tabMode = Unibase.Themes.Compact.Components.Index.Instance().tabMode;
                        this.layoutIndex = Unibase.Themes.Compact.Components.Index.Instance().layoutIndex;
                        this.reportManager = Analytics.Managers.ReportManager.Instance();
                        this.viewerManager = Analytics.Managers.ViewerManager.Instance();
                        this.appmanager = Platform.Apps.Managers.AppManager.Instance();
                        this.filtermanager = Platform.Filters.Managers.FilterManager.Instance();
                        this.ReportId = 0;
                    }
                    _jsFiles() {
                        return ["bundle/_reportviewer.min.js"];
                    }
                    _cssFiles() {
                        return [];
                    }
                    _html(id, containerid) {
                        var instance = this;
                        let height = '', style = '', islist = '';
                        if (Unibase.Themes.Providers.DetailHelper.installedAppId == 0) {
                            if ($('.' + containerid).siblings('#hf_portletwidgetheight').length != 0) {
                                let reportwidgetheight = $('.' + containerid).siblings('#hf_portletwidgetheight').val().toString().replace(/px/, '');
                                let _height = Number(reportwidgetheight) + 48;
                                if (reportwidgetheight == '0') {
                                    height = '';
                                }
                                else {
                                    height = "biz-custom-scrollbar";
                                    style = "style='overflow-y:auto; height:" + _height + "px'";
                                }
                            }
                        }
                        var reportid = id, padding_left = 'pl-0 pr-1', detailsPage = '', scrollMargin = 'mx-20', width = $(window).width(), mx_mobile = '', card_header_left_width = '', cardHeaderPY = 'py-1';
                        if (containerid.indexOf("div_portletwidget") > -1) {
                            this.isWidget = true;
                            if (width <= 576) {
                                cardHeaderPY = "py-0";
                            }
                        }
                        var reportid = id;
                        if (containerid.indexOf("div_portletwidget") > -1) {
                            this.isWidget = true;
                        }
                        if (Unibase.Themes.Providers.DetailHelper.installedAppId != 0) {
                            scrollMargin = '';
                            if (width <= 576) {
                                mx_mobile = 'mx-1';
                                padding_left = '', detailsPage = 'px-0';
                            }
                            else {
                                mx_mobile = 'mx-0';
                                padding_left = 'pl-sm-15', detailsPage = 'px-1';
                            }
                        }
                        else {
                            if (width <= 576) {
                                scrollMargin = 'mx-2';
                                mx_mobile = 'mx-1';
                            }
                            else {
                                mx_mobile = 'mx-20';
                            }
                        }
                        if ($(`#${containerid}`).hasClass('_bizgaze_popup_container')) {
                            scrollMargin = 'mx-10';
                            mx_mobile = 'mx-10';
                            padding_left = 'pl-0 pr-1';
                        }
                        if (!containerid.includes('div_dashboardportletwidget') || containerid.includes('div_portletwidget') || containerid.includes('fullscreen')) {
                            card_header_left_width = 'w-60';
                        }
                        if (screen.width <= 576 || isMobileApp()) {
                            if (containerid.includes('div_dashboardportletwidget') || containerid.includes('div_portletwidget') || containerid.includes('fullscreen')) {
                                card_header_left_width = 'w-100';
                            }
                        }
                        let isExpandHidden = 'd-none';
                        if (containerid.includes('div_dashboardportletwidget')) {
                            isExpandHidden = '';
                        }
                        let isRestrictHidden = '';
                        if (Unibase.Platform.Membership.Infos.Identity.currentUser.isRestrictedUser) {
                            isRestrictHidden = 'd-none';
                        }
                        if (Unibase.Themes.Providers.DetailHelper.installedAppId !== 0) {
                            $(".portletwidget-item").find(".card-header-top").find(".card-header-left").addClass("w-70").removeClass("w-60");
                        }
                        if (Unibase.Themes.Compact.Components.Nav.Instance().isList) {
                            islist = 'invisible';
                        }
                        var newHtml = `<div class="card mb-0 ` + islist + ` border-0 BindData_` + containerid + ` findcontainer h-100 list" >
<div class="card-header ${cardHeaderPY} px-0 ${scrollMargin} search-bar-main-wrapper line-loader-container p-relative border-0 viewer-header" id="ViewerHeader_` + containerid + `">
<div class="card-header-top ` + detailsPage + ` d-flex align-items-center justify-content-between line-loader-container p-relative">
<div class="line-loader"></div>
<div id="div_ErrorMessage" class="form-error-message ml-0"></div>
<div class="card-header-left  ${card_header_left_width} ">
<ul class="d-flex list-inline align-items-center w-100">
<li><a href="javascript:void(0);" id="reportCloseBtn_${containerid}" class="report-close-btn btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-10 text-dark d-none" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().closeReportPopup('${containerid}');" data-tooltip="true" title="Close"><span class="btn-icon-wrap"><i data-icon="l"></i></span></a></li>
<li class="d-flex align-items-center nav-link ` + padding_left + ` report-title-dp-wrapper biz-dropdown " id="viewsDropdown_${containerid}"><span class="d-flex align-items-center biz-highlight-bg-color widget-font text-truncate" id="WidgetTitleLink_` + containerid + `" data-toggle="" data-target="" aria-expanded="true">
<span id="ReportTitle_` + containerid + `" class="biz-highlight-bg-color text-nowrap text-truncate biz-font" role="button" tabindex="0" data-placement="bottom" data-toggle="popover" data-trigger="focus"  data-content="" data-template='<div class="popover biz-highlight-color rounded" role="tooltip"><div class="arrow reporttitlepopover"></div><div class="popover-body biz-primary-text-color font-weight-600"></div></div>'>Loading...</span>
<span id="Reportid_` + containerid + `" class="Reportid__dynamicfilter hidden"></span>
<span id="Reportid_` + containerid + `" class="Reportid__commonfilter  hidden">Loading...</span></span>
<a class="views-dropdown-toggle dp-toggle-icon btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover flex-shrink-0 ${isRestrictHidden} widget_loader_${containerid}" href="javascript:;" id="viewsDpToggle_` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().getReportCategories(${reportid},'${containerid}',false,false)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="btn-icon-wrap"><i class="fa fa-caret-down font-16"></i></span></a>
<div class="biz-highlight-bg-color main-search-loader search-clear-icon ml-2 hidden report-views-loader" id="reportViewsLoader_${containerid}"></div>
<div class="dropdown-menu biz-custom-dropdown biz-views-dropdown" id="reportViewsDropdown_` + containerid + `"><div id="dpErrMessage_${containerid}"></div><div class="custom-dropdown-body biz-custom-scrollbar views-dropdown-body"><ul class="sub-dropdown-menu show-on-hover subdrop_Tempalate_` + containerid + `"><li class="li-report-item"><a class="dropdown-item report-title-link text-truncate font-weight-bold px-0 px-sm-10 mb-5" href="javascript:;"></a><ul class="report-views-list mx-0 row w-100"><li class="report-view-item col-lg-4 col-md-6 px-0 px-sm-10 mb-5" id="Table_View_${reportid}_${containerid}"><a href="javascript:;" class="dropdown-item d-flex align-items-center" id="DefaultTable_${reportid}_${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().defaultTable(${reportid},'${containerid}');"><span class="ml-1 text-truncate">Table View</span></a></li></ul></li></ul><ul class="report-views-list" id="reportViewsList_` + containerid + `"></ul></div><div class="views-dropdown-footer mt-10 d-none ${instance.currentUser.isAdmin ? 'd-xl-block' : ''}" id="viewerDpFooter_${containerid}"><div class="row mx-0"><div class="col-lg-4"><a href="javascript:;" class="btn btn-outline-primary btn-sm" id="EditTable_` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().EditReport(` + reportid + `,0, {{appinstalledappid}},0,'${containerid}')";><span class="btn-text">Edit Report</span><span class="icon-label ml-1"><i class="las la-pen"></i></span></a></div><div class="col-lg-4"><a href="javascript:;" class="btn btn-outline-primary btn-sm" id="DuplicateTable_` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().DuplicateReport(` + reportid + `,'${containerid}')";><span class="btn-text">Duplicate</span><span class="icon-label ml-1"><i class="las la-copy"></i></span></a></div><div class="col-lg-4"><a href="javascript:;" class="btn btn-outline-primary btn-sm" id="reportPermissions_` + containerid + `" onclick ="Unibase.Platform.Analytics.Components.ReportViewer.Instance().reportPermissions(` + reportid + `)"><span class="btn-text">Permissions</span><span class="icon-label ml-1"><i class="las la-lock"></i></span></a></div></div></div><div class="dp-viewer-options d-none d-xl-flex align-items-center" id="dpViewerOptionsDiv_${containerid}"><span id="closeOptionsSpan_${containerid}"><a href="javascript:;" class="edit-views-link editViewsLink_${containerid} biz-highlight-text-color mr-10 hidden" data-mode="edit" data-tooltip="true" title="Close Views Settings">Close</a><a href="javascript:;" class="view-all-link ViewAllViews_${containerid} biz-highlight-text-color mr-10 hidden" data-viewall="false" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().getAllViewers(` + reportid + `,'` + containerid + `')" data-tooltip="true" title="Hide All Views">Hide</a></span><a href="javascript:;" class="dp-viewer-options-btn btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p text-dark-100 mr-1" id="dpViewerOptions_${containerid}" data-tooltip="true" title="Viewer Settings"><span class="btn-icon-wrap"><i class="las la-ellipsis-h font-23"></i></span></a></div>
    </div>
    <div class="dropdown-menu dp-viewer-options-menu pa-5" id="dpViewerOptionsMenu_${containerid}">
    <div class="sub-dropdown-menu show-on-hover Viewer_Type">
    <a href="javascript:;" class="dropdown-toggle dropdown-item no-caret">New<i class="fa fa-angle-right pull-right mt-5" aria-hidden="true"></i></a>
    <div class="dropdown-menu open-left-side">
    <a class="dropdown-item" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadViewerSettings(` + reportid + `,0,null, 'Unibase.Platform.Analytics.Components.TemplateViewerSettings.Instance()' , null, 'Helpers.Size.Auto');;" href="javascript:;">
    <span>New Template</span>
    </a>
    <a class="dropdown-item" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadViewerSettings(` + reportid + `,0,null, 'Unibase.Platform.Analytics.Components.CardViewerSettings.Instance()' , null, Unibase.Platform.Helpers.Size.Auto);" href="javascript:;">
    <span>New Card</span>
    </a>
    <a class="dropdown-item" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadViewerSettings(` + reportid + `,0,null, 'Unibase.Platform.Analytics.Components.CalendarViewerSettings.Instance()' , null, Unibase.Platform.Helpers.Size.Auto);" href="javascript:;">
    <span>New Calendar</span>
    </a>
    <a class="dropdown-item" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadViewerSettings(` + reportid + `,0,null, 'Unibase.Platform.Analytics.Components.MapViewerSettings.Instance()' , null, Unibase.Platform.Helpers.Size.Auto);" href="javascript:;">
    <span>New Map</span>
    </a>
    </div>
    </div>
    <div class="d-none d-xl-block">
    <a href="javascript:;" class="dropdown-item view-all-link ViewAllViews_${containerid} hidden" data-viewall="true" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().getAllViewers(` + reportid + `,'` + containerid + `')">View All</a>
    <a href="javascript:;" class="dropdown-item edit-views-link editViewsLink_${containerid}" data-mode="list">Edit Views</a>
    </div>
    <a href="javascript:;" class="dropdown-item d-xl-none" id="reportPermissions_` + containerid + `" onclick ="Unibase.Platform.Analytics.Components.ReportViewer.Instance().reportPermissions(` + reportid + `)">Permissions</a>
  </div>
</li>
<li class="d-block d-md-none d-inline-flex align-items-center pagintion-count">
<span id="Viewer_pagintion_count` + containerid + `" class="biz-highlight-bg-color biz-count-font text-nowrap"><a href="javascript:;" class="rpt-Count` + containerid + ` biz-highlight-bg-color" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().getCount(` + reportid + `,` + this.InstalledAppId + `,'` + containerid + `');">(Get count)</a></span></li>
<li class="detailpage_count"></li>
</ul>
</div>
<div class="card-search-bar w-md-50 w-lg-75" id="cardSearchBar${containerid}">
<div class="search-wrapper biz-dropdown" id="searchWrapper${containerid}">
<input class="form-control txt_global_search" id="ListSearch" type="text" placeholder = "Search" autocomplete="off"/>
<i class="fa fa-search search-left-icon biz-highlight-bg-color"></i>
<a href="javascript:;" class="unpin-dynamic-filters-icon filter-icon btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover h-30p w-30p d-none" data-tooltip="true" title="Unpin Filters" id="unPinDynamicFiltersIcon_${containerid}" onClick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().unPinDynamicFiltersHandler('${containerid}')"><span class="btn-icon-wrap"><i class="las la-thumbtack font-22"></i></span></a>
<a href="javascript:;" class="filter-icon btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover h-30p w-30p" id="filter-icon` + containerid + `"  onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadDynamicFilters(${reportid},'${containerid}','.BindData_${containerid}')" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-tooltip="true" title="Dynamic Filters"><span class="btn-icon-wrap"><i class="font-22 las la-filter"></i><span class="applied-filter-count" id="appliedFilterCount_${containerid}"></span></span></a><div class="biz-highlight-bg-color main-search-loader search-clear-icon hidden"></div><a href="javascript:;" class="search-clear-icon biz-highlight-bg-color d-none" id="search-clear-icon` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().clearSearchFilter(${reportid},'${containerid}')"><i class="zmdi zmdi-close"></i></a><div class="dropdown-menu biz-custom-dropdown biz-filter-dropdown" id="biz-filter-dropdown${containerid}" onclick="event.stopPropagation();"><div class="dynamic-filter-content-wrap position-relative" id="dynamicFilterContentWrap_${containerid}"><div class="filter-dropdown-body biz-custom-scrollbar" id="filter-dropdown-body` + containerid + `"><div id="dynamic-filters` + containerid + `" class="dynamic-filters-list row mx-0"></div></div><div class="filter-dropdown-footer d-none" id="filter-dropdown-footer` + containerid + `"><a href="javascript:;" class="btn btn-outline-danger btn-sm Filterbuttons" id="btn_ClearFilter` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().clearDynamicFilters(${reportid},'${containerid}')"><span class="btn-text mr-5">Clear</span><span class="icon-label"><i class="las la-filter"></i></span></a>
<div class="actions-btn-group"><a href="javascript:;" class="btn btn-outline-primary btn-sm create-filter-btn saveViewAs` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(${reportid})">Create</a><div class="btn-group apply-btn-group toggle-btn ml-15"><a href="javascript:;" class="btn btn-outline-primary btn-sm Filterbuttons" id="ApplyGlobalFilter` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance()._applyfilter(${reportid},'${containerid}')">Apply</a><a href="javascript:;" class="btn btn-outline-primary btn-sm save-filter-btn saveViewAs${containerid} d-none" id="saveViewAs${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(` + reportid + `)">Save</a><a href="javascript:;" class="btn btn-primary btn-sm dropdown-toggle" id="applyToggleBtn${containerid}"></a></div></div></div><div class="filter-dropdown-errmessage text-center d-none" id="filter-dropdown-errmessage` + containerid + `"><p class="text-danger">No Filters Found!</p><a href="javascript:;" class="btn btn-outline-primary btn-sm mt-10 create-filter-btn saveViewAs${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(${reportid})">Create Filter</a></div><a href="javascript:;" class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover h-30p w-30p shadow dynamic-filter-pin" id="dynamicFilterPin_${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().pinDynamicFiltersHandler(${reportid},'${containerid}');" data-tooltip="true" title="Pin Filters"><span class="btn-icon-wrap"><i class="las la-thumbtack font-18"></i></span></a></div></div></div>
<span class="search-icon-wrapper">
<a href="javascript:;" class="search_close_icon d-none" id="search_close_icon` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().closeIconClickclearall('${reportid}', '${containerid}')"><i class="las la-times text-danger"></i></a></span>
</div>
<div class="card-header-right w-50 d-flex align-items-center">
<a href="javascript:;" class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-1 report-refresh-btn" id="reportRefreshBtn_${containerid}" data-tooltip="true" title="Refresh" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().refreshReportData(` + reportid + `,'` + containerid + `',null, null)"><span class="btn-icon-wrap"><i class="fa fa-refresh"></i></span></a>
${instance.getViewAllHtml(containerid, 'desktop', reportid)}
<div class="d-flex header-middle-hide">
<a class="biz-highlight-bg-color d-md-none report-search-icon dashboardAppsearch" id="search_icon` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().searchIconClick('${containerid}')"><i class="fa fa-search biz-icon-size" aria-hidden="true"></i></a>
<div class="create-place d-flex"></div>
</div>
<span class="CheckPlusIcon sp_widget_create_` + containerid + `"></span>
<a class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p report-maximize-btn ${isExpandHidden}" href="javascript:;" id="reportMaximizeBtn_${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().report_ViewAll(${reportid}, 0, 'fullscreen_${containerid}','${containerid}');" data-tooltip="true" title="Maximize Report"><span class="btn-icon-wrap"><i class="las la-expand font-18"></i></span></a>
<a class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p report-minimize-btn d-none" href="javascript:;" id="reportMinimizeBtn_${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().closeReportPopup('${containerid}');" data-tooltip="true" title="Minimize Report"><span class="btn-icon-wrap"><i class="las la-compress font-18"></i></span></a>
<div class="groupby-cat-dp d-none" id="groupByCatDp_${containerid}"><a class="btn btn-primary btn-sm groupby-cat-btn ml-10" href="javascript:;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="groupByCatLnk_${containerid}" data-tooltip="true" title="Select Groupby Columns">
   <span class="btn-icon"><i class="las la-stream"></i></span><span class="btn-text ml-1">Groupby</span>
</a>
<div class="dropdown-menu groupby-cat-dp-menu biz-custom-dropdown" id="groupByCatDpMenu_${containerid}" onclick="event.stopPropagation();"><div class="groupby-cat-dp-body custom-dropdown-body"><span>Select Groupby Columns</span><select id="groupByCatSelect_${containerid}" class="form-control groupby-cat-select"></select></div><div class="groupby-cat-dp-footer mt-15 d-flex align-items-center justify-content-between"><a href="javascript:;" class="btn btn-outline-danger btn-sm groupby-cat-clear-btn" id="groupByCatClearBtn_${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().clearGroupByCategory('${containerid}')">Clear</a><a href="javascript:;" class="btn btn-outline-primary btn-sm groupby-cat-apply-btn" id="groupByCatApplyBtn_${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().applyGroupByCategory('${containerid}')">Apply</a></div></div>
</div>
<div class="dropdown report-options-dp my-auto">
<a class="nav-link no-caret btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p reportview-remove-none ml-1 ${isRestrictHidden}" href="javascript:;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="ViewerTypes_` + containerid + `" data-tooltip="true" title="More">
    <span class="btn-icon-wrap"><i class="fa fa-ellipsis-v ellipsis-hover-1" aria-hidden="true"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-right ViewerTypes_dropdown" id="dp_${containerid}_viewertypes">
    <div class="sub-dropdown-menu show-on-hover d-none" id="downloadDp_${containerid}" onclick="event.stopPropagation()"><a href="javascript:;" class="dropdown-toggle dropdown-item no-caret d-flex justify-content-between align-items-center">Download <i class="fa fa-angle-right"></i></a>
    <div class="dropdown-menu open-left-side" id="downloadDpMenu_${containerid}"><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().downloadGroupedData(` + reportid + `,'` + containerid + `','',1,null)">XLSX</a><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().downloadGroupedData(` + reportid + `,'` + containerid + `','',2,null)">PDF</a></div></div>
    <a href="javascript:;" class="dropdown-item" id="DownloadReport_${containerid}">Download</a>
    <a href="javascript:;" class="dropdown-item d-none" id="DownloadPdf_${containerid}">PDF</a>
    <a href="javascript:;" class="dropdown-item" id="editFilterOption${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().addEditIcons_Filters('${containerid}',${reportid});">${instance.currentUser.isAdmin ? 'Edit Filter' : 'Set Default Filter'}</a>
    <div class="div_appconfigurations"></div>
    </div>
</div>
</div>
</div>
<div class="justify-content-between align-items-center biz-header-center d-none">
<div class="d-flex align-items-center pagintion-count">
<span id="Viewer_pagintion_count_mobile` + containerid + `" class="biz-highlight-bg-color biz-count-font text-nowrap">
<a href="javascript:;" class="rpt-Count` + containerid + ` biz-highlight-bg-color" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().getCount(` + reportid + `,` + this.InstalledAppId + `,'` + containerid + `');">(Get count)</a></span></div>
<div class="d-flex">
<a class="biz-highlight-bg-color d-md-none biz-Appsearch dashboardAppsearch" id="search_icon${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().searchIconClick('${containerid}')"><i class="fa fa-search biz-icon-size" aria-hidden="true"></i></a>
<div class="create-place d-flex"></div>
</div>
</div>
<div class="card-header-filters d-none" id="card-header-filters${containerid}">
	<div class="report-filters-list biz-report-filters biz-custom-scrollbar" id="filters-list${containerid}"></div>
    <a href="javascript:;" class="filter-left-icon filter-nav-icon hidden" onclick="Unibase.Themes.Compact.Components.Nav.Instance().changeFilterScroll(this,'${containerid}')" data-operation="-"><i class="fa fa-chevron-left"></i></a>
	<a href="javascript:;" class="filter-right-icon filter-nav-icon hidden" onclick="Unibase.Themes.Compact.Components.Nav.Instance().changeFilterScroll(this,'${containerid}')" data-operation="+"><i class="fa fa-chevron-right"></i></a>
</div>
<div class="biz-pinned-dynamic-filters d-none" id="bizPinnedDynamicFilters_${containerid}"><div id="bizPinnedDynamicFiltersBody_${containerid}" class="pa-10"></div></div>
</div>
<div class="card-body pa-0 ${mx_mobile} border-removed border-white-removed show templateviewer-tableview ${height}" ${style} id="Viewer_${containerid}" data-iscollapseapplied="false"> </div>
</div>`;
                        return newHtml;
                    }
                    getViewAllHtml(containerid, device, reportid) {
                        if (this.desktopMode && device == 'desktop')
                            return `<a id="lnkViewAll_` + containerid + `" class="nav-link biz-highlight-text-color font-weight-500 text-underline hidden" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadReportViewAll(${reportid},'${containerid}');">View all</a>`;
                        if (!this.desktopMode && device == 'mobile')
                            return `<div class="link-viewall-btn-wrap text-center"><a href="javascript:;" class="btn btn-primary btn-sm link-viewall-btn my-10 hidden" id="lnkViewAll_` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadReportViewAll(${reportid},'${containerid}');">View All</a></div>`;
                        return '';
                    }
                    loadReport(reportid, reportwidgetdata, containerid, callback) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            instance.ContainerId = containerid;
                            typeof (reportid) == "object" && (reportid = reportid.Data.ReportId);
                            if (containerid.indexOf("div_portletwidget") > -1 || containerid.indexOf("div_dashboardportletwidget") > -1 && containerid.indexOf("fullscreen_div_dashboardportletwidget") == -1) {
                                instance.isWidget = true;
                            }
                            if ((containerid.includes('div_dashboardportletwidget') || containerid.includes('div_portletwidget')) && !instance.navigationHelper.isReportPopup(containerid)) {
                                $(`#editFilterOption${containerid}`).addClass('d-none');
                            }
                            if (containerid.indexOf("div_kpireport_") > -1) {
                                $(`#reportCloseBtn_${containerid}`).removeClass("d-none");
                            }
                            $(".biz-Appsearch").click(function () {
                                let ContainerId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                                $('#cardSearchBar' + ContainerId).addClass("mt-40");
                            });
                            $(`#reportViewsDropdown_${containerid}`).click(function (e) {
                                e.stopPropagation();
                                $(`#dpViewerOptionsMenu_${containerid},#dpViewerOptions_${containerid}`).removeClass('show');
                            });
                            $(`#dpViewerOptionsMenu_${containerid}`).click(function (e) {
                                e.stopPropagation();
                                $(`#dpViewerOptionsMenu_${containerid},#dpViewerOptions_${containerid}`).removeClass('show');
                            });
                            $(`#dpViewerOptions_${containerid}`).click(function (e) {
                                e.stopPropagation();
                                $(`#dpViewerOptions_${containerid},#dpViewerOptionsMenu_${containerid}`).toggleClass('show');
                            });
                            $(`#viewsDropdown_${containerid}`).on('hide.bs.dropdown', function () {
                                $(`.dp-viewer-options-menu,#dpViewerOptions_${containerid}`).removeClass('show');
                            });
                            $(`#searchWrapper${containerid}`).on('show.bs.dropdown', function () {
                                $(`#biz-filter-dropdown${containerid}`).detach().appendTo(`#cardSearchBar${containerid}`);
                                $(`#filter-icon${containerid} .las`).removeClass('la-filter').addClass('la-times');
                            });
                            $(`#searchWrapper${containerid}`).on('hide.bs.dropdown', function () {
                                $(`#biz-filter-dropdown${containerid}`).detach().appendTo(`#searchWrapper${containerid}`);
                                $(`#filter-icon${containerid} .las`).removeClass('la-times').addClass('la-filter');
                            });
                            $(`#applyToggleBtn${containerid}`).click(function () {
                                $(`#ApplyGlobalFilter${containerid}`).toggleClass('d-none');
                                $(`#saveViewAs${containerid}`).toggleClass('d-none');
                            });
                            $(`.editViewsLink_${containerid}`).click(function () {
                                if ($(this).attr('data-mode') == 'list') {
                                    instance.getReportCategories(reportid, containerid, true, true);
                                    $(`.ViewAllViews_${containerid}`).addClass('hidden');
                                }
                                else {
                                    instance.getReportCategories(reportid, containerid, false, false);
                                }
                            });
                            $(`#ReportTitle_${containerid}`).click(function () {
                                let element = this;
                                if (element.offsetWidth < element.scrollWidth) {
                                    $(this).popover('toggle');
                                }
                            });
                            var IsAdmin = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().isAdmin;
                            if (!IsAdmin) {
                                $(`#dpViewerOptionsDiv_${containerid},#dpViewerOptionsMenu_${containerid},.saveViewAs${containerid}`).remove();
                                $(`#applyToggleBtn${containerid}`).addClass('d-none').parent().removeClass('toggle-btn');
                            }
                            if (!instance.isWidget) {
                                yield instance.loadFilters(reportid, containerid);
                            }
                            instance.loadAppConfigurations(instance.InstalledAppId, containerid);
                            if (reportwidgetdata == 0)
                                reportwidgetdata = instance.reportWidgetData;
                            yield instance.getPortletWidgetData(reportid, containerid, reportwidgetdata, callback);
                            if (this.isWidget) {
                                if (containerid.includes('_viewall') || containerid.includes("fullscreen")) {
                                    $(`#ViewerHeader_${containerid}`).find('.card-search-bar,.groupby-cat-btn,.report-refresh-btn').removeClass('d-none');
                                }
                                else {
                                    $(`#ViewerHeader_${containerid}`).find('.card-search-bar,.groupby-cat-btn,.report-search-icon,.report-refresh-btn').addClass('d-none');
                                }
                                $(`#Viewer_pagintion_count${containerid}`).addClass('d-none');
                                $(`#Viewer_pagintion_count_mobile${containerid}`).addClass('d-none');
                            }
                            if (containerid.indexOf("kpireport") > -1)
                                $("#reportCloseBtn_" + containerid).removeClass("d-none");
                            $("#DownloadReport_" + containerid).unbind().click(function () {
                                let rv_instance = instance.getReportViewerInstance(containerid);
                                if (rv_instance != undefined)
                                    instance.download(reportid, rv_instance.filterId, rv_instance.dynamicFilters, rv_instance.inputParameters, rv_instance.dateFilters, rv_instance.ViewerSettings.defaultViewerId);
                            });
                            $("#DownloadPdf_" + containerid).unbind().click(function () {
                                let rv_instance = instance.getReportViewerInstance(containerid);
                                if (rv_instance != undefined) {
                                    instance.isPdf = true;
                                    instance.download(reportid, rv_instance.filterId, rv_instance.dynamicFilters, rv_instance.inputParameters, rv_instance.dateFilters, rv_instance.ViewerSettings.defaultViewerId);
                                }
                            });
                            $(`#groupByCatDp_${containerid}`).on('show.bs.dropdown', function () {
                                let rv_instance = instance.getReportViewerInstance(containerid);
                                if (rv_instance != undefined) {
                                    $(`#groupByCatSelect_${containerid}`).val(rv_instance.groupBy_Category).change();
                                }
                            });
                        });
                    }
                    setDynamicFilterDpBodyHeight(containerid) {
                        const parentEl = $(`#biz-filter-dropdown${containerid}`);
                        if (parentEl.hasClass('show') && parentEl.parents('.dashboardwidget-item').length == 0) {
                            let deductHeight = 35;
                            deductHeight += parentEl.offset().top;
                            deductHeight += parentEl.find('.filter-dropdown-footer').outerHeight(true);
                            parentEl.find('.filter-dropdown-body').css('max-height', `${window.innerHeight - deductHeight}px`).attr('data-deductheight', deductHeight);
                        }
                    }
                    closeReportPopup(containerid) {
                        var index = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.findIndex(function (o) {
                            return (o.childcontainerid === containerid);
                        });
                        if (index > -1)
                            Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.splice(index, 1);
                        this.removeSelectedDatesOnReportPreviewClose(containerid);
                        $('#' + containerid).modal('hide');
                        $('#' + containerid).remove();
                    }
                    removeSelectedDatesOnReportPreviewClose(containerid) {
                        containerid.includes("_") && (containerid = containerid.slice(1));
                        let split = (containerid).split("_");
                        if (split[1] && Number(split[1])) {
                            let report_id = Number(split[1]);
                            let filterPanel = Unibase.Platform.Analytics.Components.FilterPanel.Instance();
                            let selected_date = filterPanel.selectedDates.find(x => x.Id == report_id);
                            if (selected_date) {
                                let idx = filterPanel.selectedDates.indexOf(selected_date);
                                if (idx != -1) {
                                    filterPanel.selectedDates.splice(idx, 1);
                                }
                            }
                        }
                    }
                    searchIconClick(containerid) {
                        $(`#search_icon${containerid}`).addClass('d-none');
                        $(`#search_close_icon${containerid}`).removeClass('d-none');
                        $(`#ViewerHeader_${containerid} .card-search-bar`).addClass('search-visible');
                        $(`#ViewerHeader_${containerid} input.txt_global_search`).addClass('d-block').focus();
                    }
                    closeIconClickclearall(reportid, containerid) {
                        $(".card-search-bar").removeClass("mt-40");
                        $(`#search_close_icon${containerid}`).addClass('d-none');
                        $(`#search_icon${containerid}`).removeClass('d-none');
                        $(`#ViewerHeader_${containerid} .card-search-bar`).removeClass('search-visible');
                        Unibase.Platform.Analytics.Components.ReportViewer.Instance().clearSearchFilter(`${reportid}`, `${containerid}`);
                    }
                    showHideViewsSettings(containerid, modetype) {
                        if (modetype) {
                            $("#reportViewsDropdown_" + containerid).find(".edit-view-icon,.delete-template-icon,.permission-icon,.export-template-icon").removeClass('hidden');
                            $(`#dpViewerOptionsMenu_${containerid}`).find(`.editViewsLink_${containerid}`).addClass('hidden');
                            $(`#closeOptionsSpan_${containerid}`).find(`.editViewsLink_${containerid}`).removeClass('hidden');
                        }
                        else {
                            $("#reportViewsDropdown_" + containerid).find(".edit-view-icon,.delete-template-icon,.permission-icon").addClass('hidden');
                            $(`#dpViewerOptionsMenu_${containerid}`).find(`.editViewsLink_${containerid}`).removeClass('hidden');
                            $(`#closeOptionsSpan_${containerid}`).find(`.editViewsLink_${containerid}`).addClass('hidden');
                        }
                    }
                    loadGroupByCategorySelect2(containerid) {
                        const instance = this;
                        let data = [];
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        if (rv_instance != undefined) {
                            rv_instance.reportColumns.forEach(function (obj) {
                                data.push({ id: obj.ReportColumnId, text: obj.ReportColumnName });
                            });
                            $(`#groupByCatSelect_${containerid}`).select2({
                                placeholder: "Select Columns",
                                multiple: true,
                                data: data
                            });
                        }
                    }
                    applyGroupByCategory(containerid) {
                        const instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        if (rv_instance && rv_instance.PageSize)
                            instance.PageSize = rv_instance.PageSize;
                        $(`#groupByCatDp_${containerid}`).dropdown('toggle');
                        rv_instance.groupBy_Category = [];
                        let { allSortColumns } = this.getStringfySortColsAlongWithGrpByCols(containerid, rv_instance);
                        if (!allSortColumns.length) {
                            MessageHelper.Instance().showError("Please select a group by column to apply group by", "div_ErrorMessage", containerid);
                        }
                        this.getReportData(rv_instance.ReportId, containerid, rv_instance.reportWidgetData, null);
                    }
                    clearGroupByCategory(containerid) {
                        const instance = this;
                        const rv_instance = instance.getReportViewerInstance(containerid);
                        if (rv_instance.groupBy_Category.length) {
                            rv_instance.groupBy_Category = [];
                            rv_instance.table.setGroupBy([]);
                            $(`#groupByCatSelect_${containerid}`).val('').trigger('change');
                        }
                        if ($(`#groupByCatDpMenu_${containerid}`).hasClass('show')) {
                            $(`#groupByCatDp_${containerid}`).dropdown('toggle');
                        }
                    }
                    toggleGroupByAndShowAllBtn(containerid, isTable) {
                        if (isTable) {
                            $(`#groupByCatDp_${containerid}`).addClass('d-xl-block');
                        }
                        else {
                            $(`#groupByCatDp_${containerid}`).removeClass('d-xl-block');
                        }
                    }
                    getPortletWidgetData(reportid, containerid, reportwidgetdata, callback) {
                        var instance = Unibase.Platform.Analytics.Components.ReportViewer.Instance();
                        let rv_ins = instance.getReportViewerInstance(containerid);
                        $("#calendarViewer_" + containerid).addClass('hidden');
                        this.bindExistingPropsOfViewerInstance(containerid);
                        if (containerid.indexOf("div_portletwidget") > -1 || containerid.indexOf("div_kpireport") > -1) {
                            let portletwidgetid = containerid.split("_")[2];
                            instance.parentContainerId = containerid.split("__")[1];
                            instance.PortletWidgetId = portletwidgetid;
                            Unibase.Platform.Portlets.Managers.PortletManager.Instance().getPortletWidget(portletwidgetid).then(function (resp) {
                                return __awaiter(this, void 0, void 0, function* () {
                                    if (resp.result != null) {
                                        let filter = Unibase.Themes.Providers.DashboardHelper.Instance().replaceWidgetParameterValues(resp.result.Parameter, resp.result.InstalledAppId);
                                        let rv_ins = instance.getReportViewerInstance(containerid);
                                        rv_ins.isWidget = true;
                                        instance.inputParameters = filter;
                                        rv_ins.inputParameters = filter;
                                        rv_ins.getdetailFilters[reportid] = {
                                            Reportid: reportid,
                                            Filter: filter
                                        };
                                        if (containerid.indexOf("viewall") > -1) {
                                            instance.PageSize = 20;
                                            instance.IsPortletWidget = false;
                                        }
                                        else {
                                            if (containerid.indexOf("div_kpireport") == -1) {
                                                $('#' + containerid).find('.txt_global_search').hide();
                                                $('#' + containerid).find('.search_icon').addClass("hidden");
                                                instance.IsPortletWidget = true;
                                                instance.PageSize = 5;
                                            }
                                        }
                                        instance.reportWidgetData = (reportwidgetdata != undefined) ? reportwidgetdata : 0;
                                        yield instance.getReportData(reportid, containerid, reportwidgetdata, callback);
                                    }
                                });
                            });
                        }
                        else {
                            instance.reportWidgetData = (reportwidgetdata != undefined) ? reportwidgetdata : 0;
                            var checkcontainerid = containerid;
                            var checkcontainer = checkcontainerid.includes('div_dashboardportletwidget') && !checkcontainerid.includes('userdesignedreportviewer') && !checkcontainerid.includes('_viewall') && !checkcontainerid.includes('fullscreen_');
                            if (checkcontainer == true) {
                                instance.PageSize = 5;
                                rv_ins.isWidget = true;
                            }
                            instance.getReportData(reportid, containerid, reportwidgetdata, null);
                        }
                    }
                    getReportData(reportid, containerid, reportwidgetdata, callback) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            Unibase.Platform.Helpers.NavigationHelper.Instance().showContainerLoading(containerid);
                            let rv_instance = instance.getReportViewerInstance(containerid);
                            if (rv_instance.isReportPopup) {
                                if (containerid.includes('div_dashboardportletwidget') != true && containerid.includes('div_portletwidget') != true || containerid.includes('userdesignedreportviewer_div') == true) {
                                    if (!rv_instance.isWidget) {
                                        yield instance.loadFilters(reportid, containerid);
                                    }
                                }
                            }
                            let listsearch = rv_instance.ListSearchTerm;
                            if (listsearch != '') {
                                $("#" + containerid).find("#ListSearch").val(listsearch);
                                $(`#search-clear-icon${containerid}`).removeClass('d-none').addClass('d-flex');
                            }
                            let { fromDate, toDate } = this.checkForReportDatePicker(reportid, containerid);
                            if (rv_instance.fromDate && rv_instance.toDate) {
                                fromDate = rv_instance.fromDate;
                                toDate = rv_instance.toDate;
                            }
                            if (rv_instance.inputParameters && rv_instance.inputParameters.length == 0 && instance.inputParameters.length > 0)
                                rv_instance.inputParameters = instance.inputParameters;
                            let { stringifiedSortColumns, selectedGroupByText, allSortColumns } = this.getStringfySortColsAlongWithGrpByCols(containerid, rv_instance);
                            let reportObj = {
                                ReportId: reportid,
                                page: instance.Page,
                                pageSize: instance.PageSize,
                                Filter: rv_instance.dynamicFilters,
                                FilterId: (rv_instance.filterId) ? Number(rv_instance.filterId) : instance.filterId,
                                InputParameters: rv_instance.inputParameters,
                                SearchTerm: listsearch ? listsearch.toString() : null,
                                DateFilter: rv_instance.dateFilters,
                                DisplayModeTypeId: this.getDisplayModeTypeId(),
                                FromDate: fromDate,
                                ToDate: toDate,
                                viewerTypeId: rv_instance && rv_instance.ViewerSettings && rv_instance.ViewerSettings.selectedViewerTypeId,
                                IsPortletWidget: instance.IsPortletWidget,
                                IsShowAll: rv_instance.isShowAll,
                                SortColumn: stringifiedSortColumns,
                                viewerId: rv_instance && rv_instance.ViewerSettings && rv_instance.ViewerSettings.selectedViewerId,
                            };
                            yield this.reportManager.getReportInfo(reportObj).then(function (reportresponse) {
                                return __awaiter(this, void 0, void 0, function* () {
                                    Unibase.Platform.Helpers.NavigationHelper.Instance().hideContainerLoading(containerid);
                                    if (reportresponse.status == Unibase.Data.Status.Success) {
                                        if (reportresponse.result != null) {
                                            rv_instance.reportResponse = reportresponse;
                                            if (reportresponse.result.ReportJsonData.Result.Data == "")
                                                rv_instance.reportData = [];
                                            else
                                                rv_instance.reportData = JSON.parse(reportresponse.result.ReportJsonData.Result.Data);
                                            rv_instance.reportDatalength = rv_instance.reportData.length;
                                            let reportInfo = reportresponse.result.ReportInfo;
                                            rv_instance.reportColumns = reportInfo.ReportColumns;
                                            rv_instance.ReportId = reportInfo.ReportId;
                                            rv_instance.pivotTypeId = reportresponse.result.ReportInfo.PivotTypeId;
                                            rv_instance.enablePivotTableConfig = reportresponse.result.ReportInfo.EnablePivotTableConfig;
                                            rv_instance.js = reportInfo.Js;
                                            rv_instance.pinDynamicFilters = reportInfo.PinDynamicFilters;
                                            rv_instance.isDataLabel = reportInfo.IsDataLabel;
                                            rv_instance.showTooltipHeader = reportInfo.ShowTooltipHeader;
                                            rv_instance.tickLabelLength = reportInfo.TickLabelLength;
                                            rv_instance.virtualDom = rv_instance.js ? false : true;
                                            instance.loadGroupByCategorySelect2(containerid);
                                            if (!reportInfo.IsEnableCount) {
                                                if (reportresponse.result.ReportJsonData.Result.Data != "") {
                                                    $(".rpt-Count" + containerid).removeClass("hidden");
                                                }
                                            }
                                            else {
                                                $(".rpt-Count" + containerid).addClass("hidden");
                                            }
                                            if (reportInfo.SortColumns && !rv_instance.sortColumn) {
                                                rv_instance.sortColumn = JSON.parse(reportInfo.SortColumns);
                                            }
                                            instance.tblGroupedColumns(containerid, selectedGroupByText, allSortColumns);
                                            let isInstance = false;
                                            let reportViewerInstance = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance;
                                            if (reportViewerInstance.length > 0)
                                                isInstance = reportViewerInstance.find(rv => rv.childcontainerid == containerid) ? true : false;
                                            if (instance.parentContainerId == undefined) {
                                                instance.parentContainerId = $("._bizgaze_detail_container:visible").attr("id");
                                                instance.parentContainerId && instance.parentContainerId.startsWith("_") && (instance.parentContainerId = instance.parentContainerId.slice(1));
                                            }
                                            if (!isInstance) {
                                                reportViewerInstance.push({
                                                    instance: instance,
                                                    childcontainerid: containerid,
                                                    parentcontainerid: "_" + instance.parentContainerId
                                                });
                                            }
                                            if (reportInfo.ReportTypeId == Unibase.Platform.Analytics.Reports.Enums.ReportType.Table) {
                                                instance.ReportId = reportid;
                                                let name = reportInfo.DisplayName || reportInfo.ReportName;
                                                if (reportwidgetdata != null && reportwidgetdata != 0 && containerid.indexOf("_previewreport_") == -1) {
                                                    $("#ReportTitle_" + containerid).text(reportwidgetdata.Data.WidgetName);
                                                }
                                                else {
                                                    $("#ReportTitle_" + containerid).text(name).attr('data-content', reportInfo.ReportName).addClass("font-weight-700");
                                                    if (window.innerWidth < 575) {
                                                        let titleVal = $(`#ReportTitle_${containerid}`).width();
                                                        let fullheaderVal = $(`#ViewerHeader_${containerid}`).width();
                                                        let calPer = Math.floor(titleVal * (100 / fullheaderVal));
                                                        if (calPer > 30) {
                                                            const viewerHeaderEl = $(`#ViewerHeader_${containerid}`);
                                                            viewerHeaderEl.find(".header-middle-hide").addClass("d-none").removeClass("d-flex");
                                                            viewerHeaderEl.find(".biz-header-center").removeClass("d-none").addClass("d-flex");
                                                            viewerHeaderEl.find(".biz-count-font a").removeClass("hidden");
                                                            viewerHeaderEl.find(".pagintion-count").addClass("d-none").removeClass("d-block d-md-none d-inline-flex");
                                                            viewerHeaderEl.find(".card-header-left").removeClass("w-60").addClass("w-85");
                                                            viewerHeaderEl.find(".report-title-dp-wrapper").addClass("w-100");
                                                        }
                                                    }
                                                }
                                                $("#Reportid_" + containerid).empty();
                                                $('.Reportid__dynamicfilter').text("");
                                                $("#Reportid_" + containerid).text(reportInfo.ReportId);
                                                if (!instance.isWidget) {
                                                    $(".filter_ReportName-li").attr("data-filtername", "All " + name);
                                                    $('.filters-dropdown-div-top-layou button.filterName').text("All " + name);
                                                }
                                                if (instance.InstalledAppId != 0) {
                                                    reportid = Number($('.Reportid__dynamicfilter').text());
                                                }
                                                else {
                                                    reportid = reportid;
                                                }
                                                if (instance.filterId != 0) {
                                                    $(".liFilter_" + instance.filterId).addClass("active-item");
                                                    $(".liFilter_0").removeClass("active-item");
                                                }
                                                instance.loadDefaultViewer(reportid, containerid, reportInfo);
                                                if (reportInfo.PinDynamicFilters) {
                                                    instance.pinDynamicFiltersHandler(reportid, containerid);
                                                }
                                            }
                                            else {
                                                var _chartviewer = Unibase.Platform.Analytics.Charts.ChartViewer.Instance();
                                                _chartviewer.Filter = instance.dynamicFilters;
                                                if (reportwidgetdata != 0 && reportwidgetdata != null)
                                                    _chartviewer.WidgetName = reportwidgetdata.Data.WidgetName;
                                                instance.navigationHelper.loadSection(reportid, containerid, _chartviewer, null, callback);
                                            }
                                            if (rv_instance.tblGroupedCols.length > 0) {
                                                $("#downloadDp_" + containerid).removeClass("d-none");
                                                $("#DownloadReport_" + containerid).addClass("d-none");
                                            }
                                        }
                                        else {
                                            rv_instance.isListRefresh = false;
                                            MessageHelper.Instance().showError(reportresponse.message, "div_ErrorMessage", containerid);
                                            return false;
                                        }
                                    }
                                    else {
                                        rv_instance.isListRefresh = false;
                                        MessageHelper.Instance().showError(reportresponse.message, "div_ErrorMessage", containerid);
                                        return false;
                                    }
                                });
                            });
                        });
                    }
                    tblGroupedColumns(containerid, selectedGroupBycols, allSortColumns) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        rv_instance.tblGroupedCols = [];
                        if (allSortColumns.length) {
                            rv_instance.tblGroupedCols = selectedGroupBycols;
                            rv_instance.table.setGroupBy(selectedGroupBycols);
                        }
                        var rptCols = rv_instance.reportColumns;
                        if (rptCols && rptCols.length > 0) {
                            rptCols = rptCols.filter(x => x.GroupByCategory == true);
                            rptCols.forEach(function (rc) {
                                if (rv_instance.tblGroupedCols && rv_instance.tblGroupedCols.length > 0) {
                                    let isGrpCol = rv_instance.tblGroupedCols.find(tgc => tgc == rc.ReportColumnName) ? true : false;
                                    if (!isGrpCol) {
                                        rv_instance.tblGroupedCols.push(rc.ReportColumnName);
                                        rv_instance.groupBy_Category.push(rc.ReportColumnId);
                                    }
                                }
                                else {
                                    rv_instance.tblGroupedCols.push(rc.ReportColumnName);
                                    rv_instance.groupBy_Category.push(rc.ReportColumnId);
                                }
                            });
                        }
                    }
                    showAllData(reportid, installedappid, containerid) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        if (!rv_instance.isShowAll) {
                            rv_instance.Page = 0;
                            instance.PageSize = 500;
                            rv_instance.PageSize = 500;
                            rv_instance.isShowAll = true;
                            instance.getReportData(reportid, containerid, rv_instance.reportWidgetData, null);
                        }
                        else {
                            $(`#loadMoreListBtn_${containerid}`).trigger('click');
                        }
                    }
                    getCount(reportid, installedappid, containerid) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        let { fromDate, toDate } = instance.checkForReportDatePicker(reportid, containerid);
                        if (rv_instance.fromDate && rv_instance.toDate) {
                            fromDate = rv_instance.fromDate;
                            toDate = rv_instance.toDate;
                        }
                        let isdynamicfilters = instance.isIdentityFilter(rv_instance.dynamicFilters);
                        let listsearch = $("#" + containerid).find("#ListSearch").val();
                        rv_instance.isEnableCount = true;
                        var rptObj = {
                            ReportId: reportid,
                            CountOnly: true,
                            Page: rv_instance.Page,
                            PageSize: rv_instance.PageSize,
                            Filter: rv_instance.dynamicFilters,
                            FilterId: (rv_instance.filterId) ? Number(rv_instance.filterId) : 0,
                            InputParameters: rv_instance.inputParameters,
                            SearchTerm: listsearch ? listsearch.toString() : null,
                            DateFilter: rv_instance.dateFilters,
                            DisplayModeTypeId: this.getDisplayModeTypeId(),
                            viewerTypeId: rv_instance && rv_instance.ViewerSettings && rv_instance.ViewerSettings.selectedViewerTypeId,
                            viewerId: rv_instance && rv_instance.ViewerSettings && rv_instance.ViewerSettings.selectedViewerId,
                            FromDate: fromDate,
                            ToDate: toDate,
                            IsDynamicFilterApplied: isdynamicfilters
                        };
                        instance.reportManager.getReportViewerData(rptObj).then((response) => {
                            if (response.status == Unibase.Data.Status.Success && response.result != null) {
                                instance.bindCountDetails(containerid, response);
                            }
                            else
                                return MessageHelper.Instance().showError("Something went worng on getting count", "div_ErrorMessage");
                        });
                    }
                    getReportViewerInstance(containerid) {
                        var instance = this;
                        let rv_instance;
                        if (Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.length > 0) {
                            let reportviewerInstance = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.find(x => x.childcontainerid == containerid);
                            if (reportviewerInstance != undefined)
                                rv_instance = reportviewerInstance.instance;
                            else
                                rv_instance = instance;
                        }
                        else {
                            rv_instance = instance;
                        }
                        return rv_instance;
                    }
                    load_appconfigurations(config, templatetext, portletwidgetid) {
                        var instance = this;
                        let settingurltype = config.SettingUrlType;
                        var appconfigurationid = config.AppConfigurationId;
                        var settingUrl = config.SettingUrl;
                        var jsfunction = config.JsFunction;
                        var formid = config.FormId;
                        let editformid;
                        var formpkname = config.FormPrimaryColumn;
                        if (config.Icon == "fa fa-plus")
                            editformid = 0;
                        else if (formpkname != "" && formpkname != null && templatetext == undefined) {
                            formpkname = formpkname.toString().toLowerCase();
                            editformid = Unibase.Themes.Providers.DetailHelper.recordId;
                        }
                        else {
                            if (templatetext != undefined && templatetext != "") {
                                var htmlObject = $(templatetext);
                                editformid = htmlObject.find("#hf_widgetitem_Id").val();
                            }
                            else
                                editformid = 0;
                        }
                        var onclick = "";
                        if (settingurltype == 2) {
                            onclick = "this.fileCacheHelper.loadJsFile('" + config.SettingUrl + "', function ()             {var html = Unibase.Apps.Components.Stages.Instance().init();NavigationHelper.Instance().loadPopupHtml(html, Helpers.Size.DockLeft, function(containerid) {" + config.JsFunction + " ;});});";
                        }
                        else if (settingurltype == 1) {
                            if (templatetext.indexOf('hf_widgetid_recordId') > 0) {
                                editformid = Unibase.Themes.Providers.DetailHelper.recordId;
                            }
                            onclick = 'Unibase.Platform.Helpers.NavigationHelper.Instance().loadForm(' + formid + ', ' + editformid + ',' + appconfigurationid + ',' + portletwidgetid + ' )';
                        }
                        else if (settingurltype == 3) {
                            let variablename = "Widget_" + config.SettingUrl.split(",")[0].split(".")[0].trim();
                            let methodname = config.SettingUrl.split(".js,")[1];
                            Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile('widgets/' + config.SettingUrl.split(",")[0], null);
                            var onclickurl = "Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile('widgets/" + config.SettingUrl.split(",")[0] + "', function () { " + variablename + "." + methodname + " });";
                            onclick = onclickurl;
                        }
                        else if (settingurltype == 5) {
                            onclick = "Unibase.Platform.Analytics.Viewers.TemplateViewer.Instance().dynamicDelete(" + editformid + "," + appconfigurationid + ")";
                        }
                        return onclick;
                    }
                    _reportWidgetData(reportid, portletWidgetId, containerid, reportwidgetdata) {
                        var instance = this;
                        var iconhtml = "";
                        if (reportwidgetdata != null) {
                            if (reportwidgetdata.AppConfigurations != null && reportwidgetdata.Data.ReportId == reportid) {
                                var ungroued = [];
                                var widgetcreate = reportwidgetdata.AppConfigurations.WidgetGrouped.filter(function (o) { return o.AppConfigType === 3; });
                                if (widgetcreate.length > 0) {
                                    var onlickurl_grouped = "";
                                    for (var i = 0; i < widgetcreate.length; i++) {
                                        var jsfunction = widgetcreate[i].JsFunction;
                                        onlickurl_grouped = instance.load_appconfigurations(widgetcreate[i], "", portletWidgetId);
                                        if (widgetcreate[i].Icon == "null" || widgetcreate[i].Icon == "" && widgetcreate[i].SettingUrlType == 3) {
                                            iconhtml += '<span><a href="javascript:;" class="nav-link biz-highlight-bg-color"  id="LinkButton" data-tooltip="true" title="' + widgetcreate[i].SettingName + '" onclick="' + onlickurl_grouped + '">' + HtmlHelper.getHelper().decode(widgetcreate[i].SettingDesignHtml) + '</a></span>';
                                        }
                                        else {
                                            iconhtml += '<span><a href="javascript:;" class="nav-link biz-highlight-bg-color"  id="LinkButton" data-tooltip="true" title="' + widgetcreate[i].SettingName + '" onclick="' + onlickurl_grouped + '"><i class="' + widgetcreate[i].Icon + '"></i></a></span>';
                                        }
                                    }
                                    $(".sp_widget_create_" + containerid + "").addClass('d-flex flex-row align-items-center').append(iconhtml);
                                }
                                var widgetcreateUnGrouped = reportwidgetdata.AppConfigurations.WidgetUnGrouped.filter(function (o) { return o.AppConfigType === 3; });
                                if (widgetcreateUnGrouped.length > 0) {
                                    var onlickurl_Ungrouped = "", iconhtml_ungrouped = "";
                                    let threeDotsHtml = '<div class="mx-2 my-auto"><a href="javascript:void(0);" id="dropdownMenuButton_' + containerid + '" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-ellipsis-v"></i></a><div class="dropdown-menu drop-Button_' + containerid + '" aria-labelledby="dropdownMenuButton_"' + containerid + '></div></div>';
                                    $('#dropdownMenuButton_' + containerid).parent().remove();
                                    $(".sp_widget_create_" + containerid + "").parent().append(threeDotsHtml);
                                    for (var i = 0; i < widgetcreateUnGrouped.length; i++) {
                                        var jsfunction = widgetcreateUnGrouped[i].JsFunction;
                                        onlickurl_Ungrouped = instance.load_appconfigurations(widgetcreateUnGrouped[i], "", portletWidgetId);
                                        if (widgetcreateUnGrouped[i].Icon == "null" || widgetcreateUnGrouped[i].Icon == "" && widgetcreate[i].SettingUrlType == 3) {
                                            iconhtml_ungrouped += '<a href="javascript:;" class="nav-link biz-highlight-bg-color"  id="LinkButton" data-tooltip="true" title="' + widgetcreateUnGrouped[i].SettingName + '" onclick="' + onlickurl_Ungrouped + '">' + HtmlHelper.getHelper().decode(widgetcreateUnGrouped[i].SettingDesignHtml) + '</a>';
                                        }
                                        else {
                                            iconhtml_ungrouped += '<a href="javascript:;" class="nav-link biz-highlight-bg-color d-flex flex-row align-items-center"  id="LinkButton" data-tooltip="true" title="' + widgetcreateUnGrouped[i].SettingName + '" onclick="' + onlickurl_Ungrouped + '"><span> ' + widgetcreateUnGrouped[i].SettingName + '</span><i class="font-14 ml-auto ' + widgetcreateUnGrouped[i].Icon + '"></i></a>';
                                        }
                                    }
                                    $('.drop-Button_' + containerid).empty().append(iconhtml_ungrouped);
                                }
                            }
                        }
                    }
                    loadCurrentReportViews(reportid, reportresponse, containerid, viewall, iseditmode) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        instance.viewerManager.getReportViewerTypes(reportid).then(function (viewerresponse) {
                            if (viewerresponse.result != null) {
                                rv_instance.viewerResponse = viewerresponse;
                                instance.getViewers(viewerresponse, reportresponse, reportid, null, containerid, viewall, iseditmode);
                            }
                        });
                    }
                    defaultTable(reportid, containerid) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        rv_instance.ViewerSettings.selectedViewerId = 0;
                        rv_instance.ViewerSettings.selectedViewerTypeId = Unibase.Platform.Analytics.Reports.Enums.ViewerType.Table;
                        var viewertype = rv_instance.ViewerSettings.viewertypes.filter(function (o) { return o.ViewerTypeId === Unibase.Platform.Analytics.Reports.Enums.ViewerType.Table; });
                        var classname = viewertype[0].Classname;
                        var viewerComponent = new Unibase.Platform.Analytics.Viewers[classname]();
                        var ireportviewer = viewerComponent;
                        ireportviewer.loadView(rv_instance.reportResponse, reportid, 0, instance.Page, rv_instance.PageSize, containerid, rv_instance.ViewerSettings, null, rv_instance.reportWidgetData);
                        $(".setAsDefault").removeClass("hidden");
                        $('#viewsDpToggle_' + containerid).dropdown('toggle');
                    }
                    reportSearch(reportid, containerid, reportwidgetdata) {
                        var instance = this;
                        var textbox = $("#" + containerid).find("#ListSearch");
                        $(textbox).unbind("input");
                        var delay = 1500;
                        var timer;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        $(textbox).on('input', function () {
                            $("#search-clear-icon" + containerid).addClass('d-none').removeClass('d-flex');
                            $("#cardSearchBar" + containerid).find('.main-search-loader').removeClass('hidden');
                            window.clearTimeout(timer);
                            timer = window.setTimeout(function () {
                                instance.ListSearchTerm = $(textbox).val().toString();
                                rv_instance && (rv_instance.ListSearchTerm = instance.ListSearchTerm);
                                if (!containerid.includes("div_portletwidget")) {
                                    Unibase.Platform.Helpers.NavigationHelper.ListSearchTerm = $(textbox).val().toString();
                                }
                                let listsearch = instance.ListSearchTerm;
                                if (listsearch.length == 0) {
                                    $("#search-clear-icon" + containerid).addClass('d-none').removeClass('d-flex');
                                    ;
                                    $("#ViewerHeader_" + containerid).find(".txt_global_search").removeClass('contain-value');
                                    $('.main-search-loader').addClass('hidden');
                                }
                                else {
                                    $("#search-clear-icon" + containerid).removeClass('d-none').addClass('d-flex');
                                    ;
                                    $("#ViewerHeader_" + containerid).find(".txt_global_search").addClass('contain-value');
                                    $('.main-search-loader').addClass('hidden');
                                }
                                $("#" + containerid).find("#ListSearch").val(listsearch);
                                let { fromDate, toDate } = instance.checkForReportDatePicker(reportid, containerid);
                                if (rv_instance.fromDate && rv_instance.toDate) {
                                    fromDate = rv_instance.fromDate;
                                    toDate = rv_instance.toDate;
                                }
                                let { stringifiedSortColumns } = instance.getStringfySortColsAlongWithGrpByCols(containerid, rv_instance);
                                let reportObj = {
                                    ReportId: reportid,
                                    page: instance.Page,
                                    pageSize: instance.PageSize,
                                    IsEnableCount: rv_instance.isEnableCount,
                                    Filter: instance.dynamicFilters.length ? instance.dynamicFilters : rv_instance.dynamicFilters,
                                    FilterId: (instance.filterId) ? Number(instance.filterId) : rv_instance.filterId,
                                    InputParameters: rv_instance.inputParameters,
                                    DateFilter: instance.dateFilters,
                                    SearchTerm: listsearch ? listsearch.toString() : null,
                                    FromDate: fromDate,
                                    ToDate: toDate,
                                    viewerTypeId: rv_instance && rv_instance.ViewerSettings && rv_instance.ViewerSettings.selectedViewerTypeId,
                                    DisplayModeTypeId: instance.getDisplayModeTypeId(),
                                    SortColumn: stringifiedSortColumns,
                                    viewerId: rv_instance && rv_instance.ViewerSettings && rv_instance.ViewerSettings.selectedViewerId,
                                    isShowAll: rv_instance.isShowAll,
                                };
                                instance.navigationHelper.showContainerLoading(containerid);
                                instance.reportManager.getReportInfo(reportObj).then(function (response) {
                                    if (response.status == Unibase.Data.Status.Error)
                                        return MessageHelper.Instance().showError(response.message, "div_ErrorMessage", containerid);
                                    rv_instance.reportResponse = response;
                                    if (response.result.ReportJsonData.Result.Data != "")
                                        rv_instance.reportDatalength = JSON.parse(response.result.ReportJsonData.Result.Data).length;
                                    instance.loadViewer(response, reportid, containerid, reportwidgetdata);
                                    instance.navigationHelper.hideContainerLoading(containerid);
                                });
                            }, delay);
                        });
                    }
                    loadDefaultViewer(reportid, containerid, reportInfo) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let rv_instance = instance.getReportViewerInstance(containerid);
                            let viewerId = 0;
                            let isAdmin = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().isAdmin;
                            if (!isAdmin) {
                                yield instance.viewerManager.getReportViewerTypes(reportid).then(function (viewerresponse) {
                                    let viewres = viewerresponse.result;
                                    if (viewres != null) {
                                        let Res = "";
                                        var width = $(window).width();
                                        if (width <= 576) {
                                            Res = viewres.filter(f => f.DisplayModeTypeId == Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.Mobile);
                                            viewerId = reportInfo.MobileViewerId;
                                        }
                                        else {
                                            Res = viewres.filter(f => f.DisplayModeTypeId == Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.DeskTop || f.DisplayModeTypeId == Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.Both);
                                            viewerId = reportInfo.DesktopViewerId;
                                        }
                                        if (Res.length > 0) {
                                            let defaultViewer = Res.find(r => r.ViewerId == viewerId);
                                            if (defaultViewer)
                                                viewerId = defaultViewer.ViewerId;
                                            else
                                                viewerId = Res[0].ViewerId;
                                        }
                                    }
                                });
                            }
                            if (viewerId == 0) {
                                var width = $(window).width();
                                if (width <= 1198) {
                                    viewerId = reportInfo.MobileViewerId;
                                }
                                else {
                                    viewerId = reportInfo.DesktopViewerId;
                                }
                            }
                            let viewerttypeid = 0;
                            if (viewerId != 0 && reportInfo.ViewerTypes && reportInfo.ViewerTypes.length) {
                                let viewerRes = reportInfo.ViewerTypes.filter(f => f.ViewerId == viewerId);
                                let viewerresponse = viewerRes[0];
                                if (viewerresponse != undefined)
                                    viewerttypeid = viewerresponse.ViewerTypeId;
                                else
                                    viewerttypeid = 1;
                            }
                            else {
                                viewerttypeid = 1;
                            }
                            if (!rv_instance.ViewerSettings) {
                                rv_instance.ViewerSettings = new Analytics.Providers.ViewerSettings();
                                rv_instance.ViewerSettings.defaultViewerId = viewerId;
                                rv_instance.ViewerSettings.defaultViewerTypeId = viewerttypeid;
                                rv_instance.ViewerSettings.selectedViewerId = viewerId;
                                rv_instance.ViewerSettings.selectedViewerTypeId = viewerttypeid;
                                rv_instance.ViewerSettings.InstalledAppId = Unibase.Platform.Helpers.NavigationHelper.installedAppId ? Unibase.Platform.Helpers.NavigationHelper.installedAppId : Unibase.Themes.Providers.DetailHelper.installedAppId;
                                rv_instance.ViewerSettings.OnClick = reportInfo.Onclick;
                                rv_instance.ViewerSettings.ReportId = reportid;
                            }
                            rv_instance.reportname = reportInfo.ReportName;
                            yield instance.loadViewer(rv_instance.reportResponse, reportid, containerid, rv_instance.reportWidgetData);
                            instance.loadReportConfigurations(containerid);
                        });
                    }
                    loadReportConfigurations(containerid) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        $("#viewsDpToggle_" + containerid).click(function () {
                            let EditTableOnClick = $("#EditTable_" + containerid).attr("onClick").replace("{{appinstalledappid}}", rv_instance.ViewerSettings.InstalledAppId.toString());
                            $("#EditTable_" + containerid).attr("OnClick", EditTableOnClick);
                            let DuplicateTableOnClick = $("#DuplicateTable_" + containerid).attr("onClick").replace("{{appinstalledappid}}", rv_instance.ViewerSettings.InstalledAppId.toString());
                            $("#DuplicateTable_" + containerid).attr("OnClick", DuplicateTableOnClick);
                        });
                    }
                    loadViewerSettings(reportid, id, container, instance, callback, size, ev) {
                        if (ev != undefined) {
                            ev.stopPropagation();
                        }
                        if (container == null)
                            container = "";
                        var _fileCacheHelper = this.fileCacheHelper;
                        var Reportid = this.ReportId;
                        var settings = eval(instance);
                        var viewersettings;
                        viewersettings = settings;
                        viewersettings.ReportId = reportid;
                        Unibase.Platform.Analytics.Components.ReportViewer.Instance().navigationHelper.popup(id, "", settings, callback, size);
                    }
                    loadViewer(reportresponse, reportid, containerid, reportwidgetdata) {
                        var instance = this;
                        Unibase.Platform.Helpers.NavigationHelper.Instance().showContainerLoading(containerid);
                        let rv_instance;
                        if (Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.length > 0) {
                            let reportviewerInstance = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.find(x => x.childcontainerid == containerid);
                            if (reportviewerInstance != undefined)
                                rv_instance = reportviewerInstance.instance;
                            else
                                rv_instance = instance;
                        }
                        else {
                            rv_instance = instance;
                        }
                        instance.reportSearch(reportid, containerid, reportwidgetdata);
                        Unibase.Platform.Analytics.Components.ReportViewer.Instance().CalendarMonthChanged = false;
                        let reportInfo = reportresponse.result.ReportInfo;
                        var portletWidgetId = 0;
                        $(".sp_widget_create_" + containerid + "").find("span").remove();
                        if (containerid.indexOf("div_portletwidget") > -1) {
                            portletWidgetId = Number(containerid.split("_")[2]);
                            if (containerid.indexOf("viewall") == -1) {
                                instance.IsPortletWidget = true;
                                $(`#ViewerHeader_${containerid} .card-header-right`).on('click', '.nav-link:not([data-toggle="dropdown"])', function (e) {
                                    e.stopPropagation();
                                });
                            }
                        }
                        else {
                            $(".report-search").addClass("d-sm-flex");
                            $('.search_icon').removeClass("hidden");
                        }
                        if (rv_instance.ViewerSettings.selectedViewerId != 0) {
                            instance.toggleGroupByAndShowAllBtn(containerid, false);
                        }
                        instance._reportWidgetData(reportid, portletWidgetId, containerid, reportwidgetdata);
                        var viewertype = rv_instance.ViewerSettings.viewertypes.filter(function (o) { return o.ViewerTypeId === rv_instance.ViewerSettings.selectedViewerTypeId; });
                        var classname = viewertype[0].Classname;
                        var viewerComponent = new Unibase.Platform.Analytics.Viewers[classname]();
                        var ireportviewer = viewerComponent;
                        ireportviewer.loadView(reportresponse, reportid, rv_instance.ViewerSettings.selectedViewerId, instance.Page, instance.PageSize, containerid, rv_instance.ViewerSettings, null, reportwidgetdata);
                        rv_instance.parentContainerId = containerid;
                        Unibase.Platform.Helpers.NavigationHelper.Instance().hideContainerLoading(containerid);
                    }
                    getViewers(viewerresponse, reportresponse, reportid, reportwidgetdata, containerid, viewall, iseditmode) {
                        var _fileCacheHelper = this.fileCacheHelper;
                        var instance = this;
                        var reportInfo = reportresponse.result.ReportInfo;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        let ViewerId = rv_instance.ViewerSettings.defaultViewerId;
                        let ViewerTypeId = rv_instance.ViewerSettings.defaultViewerTypeId;
                        let installedAppId = rv_instance.ViewerSettings.InstalledAppId;
                        $(`.subdrop_Tempalate_${containerid} .report-views-list`).find(".report-view-item").not(`#Table_View_${reportid}_${containerid}`).remove();
                        $(".subdrop_Tempalate_" + containerid).find(".report-title-link").text(reportresponse.result.ReportInfo.DisplayName);
                        $("#reportViewsList_" + containerid).addClass('d-none');
                        var bindhtml = '';
                        var SetAsDefault = "", Viewer = "", Viewer_icon = "", Edit = "", displayName = "";
                        let selectedViewerId = rv_instance.ViewerSettings.selectedViewerId;
                        if (viewerresponse.result != null) {
                            let displayModeId;
                            var width = $(window).width();
                            if (width <= 1198) {
                                displayModeId = Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.Mobile;
                            }
                            else {
                                displayModeId = Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.DeskTop;
                            }
                            let displayModeTypes = [];
                            for (let i = 0; i < viewerresponse.result.length; i++) {
                                let viewer = viewerresponse.result[i];
                                if (viewer.ViewerTypeId != Unibase.Platform.Analytics.Reports.Enums.ViewerType.Template || viewer.DisplayModeTypeId == displayModeId || viewer.DisplayModeTypeId == Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.Both || viewall) {
                                    if (viewer.DisplayName != "" && viewer.DisplayName != null)
                                        displayName = viewer.DisplayName;
                                    else
                                        displayName = viewer.ViewerName;
                                    if (viewer.ViewerTypeId != 0) {
                                        var viewertype = rv_instance.ViewerSettings.viewertypes.filter(function (o) { return o.ViewerTypeId === viewer.ViewerTypeId; });
                                        var icontext = viewertype[0].icontext;
                                        var formclass = viewertype[0].formclass;
                                        Viewer_icon = icontext;
                                        Edit = `Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadViewerSettings(` + reportid + `,` + viewer.ViewerId + `,null, 'Unibase.Platform.Analytics.Components.` + formclass + `.Instance()', null, Unibase.Platform.Helpers.Size.Auto,event)`;
                                    }
                                    let radioInput = '';
                                    if ((viewer.ViewerTypeId != Unibase.Platform.Analytics.Reports.Enums.ViewerType.Template || viewer.DisplayModeTypeId == displayModeId || viewer.DisplayModeTypeId == Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.Both) && Unibase.Platform.Membership.Infos.Identity.getCurrentUser().isAdmin) {
                                        radioInput = `<input type="radio" name="SetAsDefault" class="view-radio-input" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().setAsDefault(${reportid},'${containerid}',${viewer.ViewerId},${viewer.ViewerTypeId})">`;
                                        if (!$(`#DefaultTable_${reportid}_${containerid} input`).hasClass('view-radio-input')) {
                                            $(`#DefaultTable_${reportid}_${containerid}`).prepend(`<input type="radio" name="SetAsDefault" class="view-radio-input" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().setAsDefault(${reportid},'${containerid}',0,1)">`);
                                        }
                                    }
                                    bindhtml = `<li class="report-view-item col-lg-4 col-md-6 px-0 px-sm-10 mb-5">
                                <a class="dropdown-item d-flex justify-content-between align-items-center" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadSelectedViewer(` + reportid + `,'` + containerid + `',` + viewer.ViewerId + `,` + viewer.ViewerTypeId + `)" id="viewItem_${viewer.ViewerId}_${containerid}" href="javascript:;">
                                <span class="text-truncate">${radioInput}<span class="report-view-title ml-1" id="loadViewer_` + i + "_" + containerid + `">` + displayName + `</span></span>
                                <span class="viewer-setting-icons"><span onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().viewerPermissions('` + containerid + `',` + viewer.ViewerId + `,event)" class="ml-1 permission-icon hidden" data-tooltip="true" title="Viewer Permissions"><i class="las la-lock font-18"></i></span><span onclick="${Edit}" class="ml-2 edit-view-icon hidden" data-tooltip="true" title="Edit Template"><i class="las la-pen font-18"></i></span>
                                <span class="ml-2 delete-template-icon hidden" id="deleteTemplateIcon_${viewer.ViewerId}" data-tooltip="true" title="Delete Template" onclick="Unibase.Platform.Analytics.Components.TemplateViewerSettings.Instance().deleteViewer(${viewer.ViewerId},${viewer.ViewerTypeId},'${containerid}',event);"><i class="las la-trash-alt font-18"></i></span>
                                <span class="ml-2 export-template-icon hidden" id="Icon_${viewer.ViewerId}" data-tooltip="true" title="Export Template" onclick="Unibase.Platform.Analytics.Components.ReportBuilder.ImportAndExport.Instance().exportViewers(${viewer.ViewerId},'${viewer.DisplayName || viewer.ViewerName}',0,'${containerid}',event);"><i class="fa fa-download font-18"></i></span></span>
                                </a></li>`;
                                    $(`.subdrop_Tempalate_${containerid}`).find(`#Table_View_${reportid}_${containerid}`).before(bindhtml);
                                }
                                else {
                                    if ($.inArray(viewer.DisplayModeTypeId, displayModeTypes) == -1) {
                                        displayModeTypes.push(viewer.DisplayModeTypeId);
                                    }
                                }
                            }
                            instance.showHideViewsSettings(containerid, iseditmode);
                            if (ViewerId != 0) {
                                $(`#viewItem_${ViewerId}_${containerid}`).addClass('active').find('.view-radio-input').prop('checked', true);
                            }
                            else {
                                $(`#DefaultTable_${reportid}_${containerid}`).addClass('active').find('.view-radio-input').prop('checked', true);
                            }
                            if (selectedViewerId != 0 && selectedViewerId != undefined) {
                                $(`.subdrop_Tempalate_${containerid} .report-view-item`).find(".dropdown-item").removeClass('active');
                                $(`#viewItem_${selectedViewerId}_${containerid}`).addClass('active');
                            }
                            else if (selectedViewerId == 0) {
                                $(`.subdrop_Tempalate_${containerid} .report-view-item`).find(".dropdown-item").removeClass('active');
                                $(`#DefaultTable_${reportid}_${containerid}`).addClass('active');
                            }
                            if (displayModeTypes.length > 0) {
                                $(`#dpViewerOptionsMenu_${containerid}`).find(`.ViewAllViews_${containerid}`).removeClass('hidden');
                            }
                            else {
                                $(`#dpViewerOptionsMenu_${containerid}`).find(`.ViewAllViews_${containerid}`).addClass('hidden');
                            }
                        }
                        $(`#reportViewsLoader_${containerid}`).addClass('hidden');
                    }
                    ;
                    loadSelectedViewer(reportid, containerid, viewerId, viewerTypeId) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        var selectedViewerType = rv_instance.ViewerSettings.viewertypes.find(o => o.ViewerTypeId === viewerTypeId);
                        var previousViewerType = rv_instance.ViewerSettings.viewertypes.find(o => o.ViewerTypeId === rv_instance.ViewerSettings.selectedViewerTypeId);
                        if ((selectedViewerType && selectedViewerType.ViewerTypeId == Unibase.Platform.Analytics.Reports.Enums.ViewerType.Card) ||
                            (previousViewerType && previousViewerType.ViewerTypeId == Unibase.Platform.Analytics.Reports.Enums.ViewerType.Card)) {
                            let fromToDates = this.getFromDateToDate();
                            let reportObj = {
                                ReportId: reportid,
                                page: instance.Page,
                                pageSize: instance.PageSize,
                                Filter: rv_instance.dynamicFilters,
                                FilterId: (rv_instance.filterId) ? Number(rv_instance.filterId) : instance.filterId,
                                InputParameters: rv_instance.inputParameters,
                                SearchTerm: instance.ListSearchTerm,
                                DateFilter: rv_instance.dateFilters,
                                DisplayModeTypeId: this.getDisplayModeTypeId(),
                                FromDate: fromToDates.FromDate,
                                ToDate: fromToDates.ToDate,
                                viewerTypeId: selectedViewerType && selectedViewerType.ViewerTypeId,
                                viewerId: viewerId,
                            };
                            this.reportManager.getReportInfo(reportObj).then((reportresponse) => __awaiter(this, void 0, void 0, function* () {
                                if (reportresponse.status == Unibase.Data.Status.Success) {
                                    rv_instance.reportResponse = reportresponse;
                                    if (rv_instance.reportResponse.result && rv_instance.reportResponse.result.ReportJsonData && rv_instance.reportResponse.result.ReportJsonData.Result && rv_instance.reportResponse.result.ReportJsonData.Result.Data) {
                                        rv_instance.reportData = JSON.parse(rv_instance.reportResponse.result.ReportJsonData.Result.Data);
                                        $(".reportCountWrap_" + containerid).children().first().removeClass("hidden").next().addClass("hidden");
                                        rv_instance.reportDatalength && (rv_instance.reportDatalength = rv_instance.reportData.length);
                                    }
                                    this.loadViewWrapperFn(rv_instance, reportid, selectedViewerType, containerid, viewerId);
                                }
                                else
                                    return MessageHelper.Instance().showError(reportresponse.message, "div_ErrorMessage");
                            }));
                        }
                        else {
                            this.loadViewWrapperFn(rv_instance, reportid, selectedViewerType, containerid, viewerId);
                        }
                    }
                    loadViewWrapperFn(rv_instance, reportid, selectedViewerType, containerid, viewerId) {
                        const instance = this;
                        rv_instance.ViewerSettings.selectedViewerId = viewerId;
                        rv_instance.ViewerSettings.selectedViewerTypeId = selectedViewerType.ViewerTypeId;
                        var classname = selectedViewerType.Classname;
                        var viewerComponent = new Unibase.Platform.Analytics.Viewers[classname]();
                        var ireportviewer = viewerComponent;
                        ireportviewer.loadView(rv_instance.reportResponse, reportid, viewerId, instance.Page, rv_instance.PageSize, containerid, rv_instance.ViewerSettings, null, rv_instance.reportWidgetData);
                        if (viewerId != 0) {
                            instance.toggleGroupByAndShowAllBtn(containerid, false);
                        }
                        $('#viewsDpToggle_' + containerid).dropdown('toggle');
                    }
                    setAsDefault(reportid, containerid, viewerid, viewertypeid) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        rv_instance.ViewerSettings.defaultViewerId = viewerid;
                        rv_instance.ViewerSettings.defaultViewerTypeId = viewertypeid;
                        instance.updateDefaultViewer(rv_instance.reportResponse, reportid, rv_instance.ViewerSettings.defaultViewerId, rv_instance.ViewerSettings.defaultViewerTypeId, containerid, rv_instance.ViewerSettings.InstalledAppId, rv_instance.reportWidgetData);
                    }
                    updateDefaultViewer(reportresponse, reportid, ViewerId, ViewerTypeId, containerid, InstalledAppId, reportwidgetdata) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        instance.fileCacheHelper.loadJsFile('platform/analytics/requests/new/report.js', function () {
                            var resp = reportresponse.result.ReportInfo;
                            var mobileViewerId = 0;
                            var desktopVieweId = 0;
                            let viewerresponse;
                            if (ViewerId != 0) {
                                let viewerRes = rv_instance.viewerResponse.result.filter(f => f.ViewerId == ViewerId);
                                viewerresponse = viewerRes[0];
                                if (viewerresponse.ViewerTypeId == Unibase.Platform.Analytics.Reports.Enums.ViewerType.Template) {
                                    if (viewerresponse.DisplayModeTypeId == Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.DeskTop) {
                                        desktopVieweId = ViewerId;
                                    }
                                    else {
                                        desktopVieweId = reportresponse.result.ReportInfo.DesktopViewerId;
                                    }
                                    if (viewerresponse.DisplayModeTypeId == Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.Mobile) {
                                        mobileViewerId = ViewerId;
                                    }
                                    else {
                                        mobileViewerId = reportresponse.result.ReportInfo.MobileViewerId;
                                    }
                                    if (viewerresponse.DisplayModeTypeId == Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.Both) {
                                        var width = $(window).width();
                                        if (width <= 576) {
                                            mobileViewerId = ViewerId;
                                        }
                                        else {
                                            desktopVieweId = ViewerId;
                                        }
                                    }
                                }
                                else {
                                    desktopVieweId = ViewerId;
                                    mobileViewerId = ViewerId;
                                }
                            }
                            let obj = rv_instance.reportResponse.result.ReportInfo;
                            obj.ReportId = resp.ReportId;
                            obj.ViewerId = 0;
                            obj.MobileViewerId = mobileViewerId;
                            obj.DesktopViewerId = desktopVieweId;
                            obj.ViewerTypeId = ViewerTypeId;
                            obj.UpdateDefautViewer = true;
                            instance.reportManager.saveReport(obj).then(function (response) {
                                if (response.status == Unibase.Data.Status.Success) {
                                    var data = JSON.parse(response.result);
                                    let rpt_reponse = reportresponse;
                                    rpt_reponse.result.ReportInfo = JSON.parse(data.ReportJson);
                                    rv_instance.reportResponse = rpt_reponse;
                                    MessageHelper.Instance().showSuccess("Default Viewer Updated", "div_ErrorMessage");
                                }
                                else {
                                    MessageHelper.Instance().showError(response.message, "div_ErrorMessage", containerid);
                                    return false;
                                }
                            });
                        });
                    }
                    getAllViewers(reportid, containerid) {
                        var instance = this;
                        let isViewAll = true;
                        let viewAllEl = $(`.ViewAllViews_${containerid}:visible`);
                        if (viewAllEl.attr('data-viewall') == 'true') {
                            isViewAll = true;
                        }
                        else {
                            isViewAll = false;
                        }
                        if (isViewAll == true) {
                            viewAllEl.addClass('hidden');
                            $(`#closeOptionsSpan_${containerid}`).find(`.ViewAllViews_${containerid}`).removeClass('hidden');
                        }
                        else {
                            viewAllEl.addClass('hidden');
                            $(`#closeOptionsSpan_${containerid}`).find(`.ViewAllViews_${containerid}`).addClass('hidden');
                        }
                        instance.getReportCategories(reportid, containerid, isViewAll, false);
                    }
                    getReportCategories(reportid, containerid, viewall, iseditmode) {
                        if (!$(`#reportViewsDropdown_${containerid}`).hasClass('show')) {
                            $(`#closeOptionsSpan_${containerid}`).find('a').addClass('hidden');
                            $(`#dpViewerOptionsMenu_${containerid}`).find(`.editViewsLink_${containerid}`).removeClass('hidden');
                            $(`#reportViewsLoader_${containerid}`).removeClass('hidden');
                        }
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        let reportResponse = rv_instance.reportResponse;
                        instance.reportManager.getReportCategoriesByReportId(reportid).then(function (rcresponse) {
                            if (rcresponse.status == Unibase.Data.Status.Success) {
                                var rc_res = "";
                                if (rcresponse.result != "[]") {
                                    rc_res = JSON.parse(rcresponse.result);
                                    let reportTitleHtml = "";
                                    let reportViewHtml = "";
                                    let Edit = "";
                                    let addedReportsArr = [];
                                    $(`#Table_View_${reportid}_${containerid}`).addClass("d-none");
                                    $(".subdrop_Tempalate_" + containerid).addClass("d-none");
                                    $("#reportViewsList_" + containerid).html("");
                                    let sortedRes = rc_res.reduce((acc, obj) => {
                                        if (obj.ReportId == reportid) {
                                            return [obj, ...acc];
                                        }
                                        return [...acc, obj];
                                    }, []);
                                    for (var rc = 0; rc < sortedRes.length; rc++) {
                                        let res = sortedRes[rc];
                                        let isReportInArray = $.inArray(res.ReportId, addedReportsArr);
                                        let isActive = "";
                                        if (isReportInArray == -1) {
                                            addedReportsArr.push(res.ReportId);
                                            if (res.ReportId == rv_instance.ReportId && rv_instance.ViewerSettings.defaultViewerId == 0) {
                                                isActive = "active";
                                            }
                                            let setDafaultRadioHtml = '';
                                            if (instance.currentUser.isAdmin) {
                                                setDafaultRadioHtml = `<input type="radio" name="SetAsDefault_${res.ReportId}" class="view-radio-input" ${isActive && 'checked'} onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().setAsDefault(${res.ReportId},'${containerid}',0,1)">`;
                                            }
                                            reportTitleHtml += `<li class="li-report-item" id="reportCatItem_${res.ReportId}"><a class="dropdown-item report-title-link text-truncate font-weight-bold px-0 px-sm-10 mb-5" href="javascript:;" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadReport(${res.ReportId}, null, '${containerid}', null);">${res.ReportName}</a><ul class="report-views-list mx-0 row w-100"><li class="report-view-item col-lg-4 col-md-6 px-0 px-sm-10 mb-5" id="Table_View_${res.ReportId}_${containerid}"><a href="javascript:;" class="dropdown-item d-flex align-items-center table-view-item ${isActive}" id="DefaultTable_${res.ReportId}_${containerid}" data-reportid="${res.ReportId}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadCategoryBySelectedViewer(${res.ReportId},0,1,'${containerid}');">${setDafaultRadioHtml}<span class="ml-1 text-truncate">Table View</span></a></li></ul></li>`;
                                        }
                                    }
                                    $("#reportViewsList_" + containerid).append(reportTitleHtml);
                                    let displayModeId;
                                    var width = $(window).width();
                                    if (width <= 576) {
                                        displayModeId = Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.Mobile;
                                    }
                                    else {
                                        displayModeId = Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.DeskTop;
                                    }
                                    for (var rc = 0; rc < sortedRes.length; rc++) {
                                        let res = sortedRes[rc];
                                        if (res.DisplayModeTypeId == displayModeId || viewall) {
                                            let isActive = "";
                                            let displayName = "";
                                            let isReportInArray = addedReportsArr.indexOf(res.ReportId) > -1;
                                            if (isReportInArray) {
                                                if (res.ViewerTypeId != 0) {
                                                    if (res.ReportId == rv_instance.ReportId && rv_instance.ViewerSettings.defaultViewerId == res.ViewerId) {
                                                        isActive = "active";
                                                    }
                                                    var viewertype = rv_instance.ViewerSettings.viewertypes.filter(function (o) { return o.ViewerTypeId === res.ViewerTypeId; });
                                                    var formclass = viewertype[0].formclass;
                                                    Edit = `Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadViewerSettings(${reportid},${res.ViewerId},null, 'Unibase.Platform.Analytics.Components.${formclass}.Instance()', null, Unibase.Platform.Helpers.Size.Auto,event)`;
                                                }
                                                if (res.DisplayName != "" && res.DisplayName != null)
                                                    displayName = res.DisplayName;
                                                else
                                                    displayName = res.ViewerName;
                                                let setDafaultRadioHtml = '';
                                                if (instance.currentUser.isAdmin) {
                                                    setDafaultRadioHtml = `<input type="radio" name="SetAsDefault_${res.ReportId}" class="view-radio-input" ${isActive && 'checked'} onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().setAsDefault(${reportid},'${containerid}',${res.ViewerId},${res.ViewerTypeId})">`;
                                                }
                                                reportViewHtml = `<li class="report-view-item col-lg-4 col-md-6 px-0 px-sm-10 mb-5"><a class="dropdown-item d-flex justify-content-between align-items-center ${isActive}" href="javascript:;" id="viewItem_${res.ViewerId}_${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadCategoryBySelectedViewer(${res.ReportId},${res.ViewerId},${res.ViewerTypeId},'${containerid}');"><span class="text-truncate">${setDafaultRadioHtml}<span class="report-view-title text-truncate ml-1" id="loadViewer_${rc}_${containerid}">${displayName}</span></span><span class="viewer-setting-icons"><span onclick="${Edit}" class="ml-1 edit-view-icon hidden" data-tooltip="true" title="Edit Template"><i class="las la-pen font-18" aria-hidden="true"></i></span><span class="ml-10 delete-template-icon hidden" id="deleteTemplateIcon_${res.ViewerId}" data-tooltip="true" title="Delete Template" onclick="Unibase.Platform.Analytics.Components.TemplateViewerSettings.Instance().deleteTemplate(${res.ViewerId},'${containerid}',event);"><i class="las la-trash-alt font-18"></i></span></span></a></li>`;
                                                $("#reportCatItem_" + res.ReportId).find(`#Table_View_${res.ReportId}_${containerid}`).before(reportViewHtml);
                                            }
                                        }
                                    }
                                    instance.showHideViewsSettings(containerid, iseditmode);
                                    $(`#reportViewsLoader_${containerid}`).addClass('hidden');
                                }
                                else {
                                    instance.loadCurrentReportViews(reportid, reportResponse, containerid, viewall, iseditmode);
                                }
                            }
                            else {
                                MessageHelper.Instance().showError(rcresponse.message, "div_ErrorMessage", containerid);
                                return false;
                            }
                        });
                    }
                    loadCategoryBySelectedViewer(reportid, viewerid, viewertypeid, containerid) {
                        var instance = this;
                        instance.getReportData(reportid, containerid, null, null);
                    }
                    loadReportViewAll(reportid, containerid) {
                        const instance = this;
                        instance.IsPortletWidget = false;
                        let portletwidgetid = containerid.split("_")[2];
                        let contnrid = "div_portletwidget_" + portletwidgetid + "_viewall";
                        Unibase.Platform.Analytics.Components.ReportViewer.Instance().report_ViewAll(reportid, Number(portletwidgetid), contnrid, containerid);
                    }
                    getReportByUniqueId(uniqueId, staticFilter, inputparameters, dateFilters, fromDate, toDate) {
                        var instance = this;
                        instance.fromDate = fromDate;
                        instance.toDate = toDate;
                        instance.report_ViewAllByUniqueId(uniqueId, staticFilter, inputparameters, dateFilters);
                    }
                    report_ViewAllByUniqueId(uniqueId, staticFilter, inputparameters, dateFilters) {
                        var instance = this;
                        instance.inputParameters = inputparameters;
                        instance.dateFilters = dateFilters;
                        instance.reportManager.getReportByUniqueId(uniqueId).then(function (response) {
                            let containerid = "_ViewAllByUniqueId_" + moment().unix();
                            instance.report_ViewAll(response.result.ReportId, 0, containerid);
                        });
                    }
                    report_ViewAll(reportid, portletwidgetid, containerid, widgetcontainerid) {
                        var instance = this;
                        var ReportId = 0;
                        var reportWidgetData = "";
                        var inputParameters = [];
                        var containerindex = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.findIndex(x => x == containerid);
                        if (containerindex == -1) {
                            Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.push(containerid);
                        }
                        if (reportid == 0) {
                            ReportId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key.endsWith("_reportid")).Value);
                            containerid = "_previewreport_" + ReportId;
                        }
                        else
                            ReportId = reportid;
                        let rv_instance;
                        let reportViewerInstance = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance;
                        if (reportViewerInstance.length > 0) {
                            if (portletwidgetid != 0) {
                                rv_instance = reportViewerInstance.find(x => x.instance.PortletWidgetId == Number(portletwidgetid));
                                reportWidgetData = rv_instance.instance.reportWidgetData;
                            }
                        }
                        if (portletwidgetid != 0) {
                            Unibase.Platform.Portlets.Managers.PortletManager.Instance().getPortletWidget(portletwidgetid).then(function (resp) {
                                return __awaiter(this, void 0, void 0, function* () {
                                    if (resp.result != null) {
                                        let filter = Unibase.Themes.Providers.DashboardHelper.Instance().replaceWidgetParameterValues(resp.result.Parameter, resp.result.InstalledAppId);
                                        inputParameters = filter;
                                    }
                                });
                            });
                        }
                        if (rv_instance != undefined) {
                            instance.reportWidgetData = reportWidgetData;
                            if (inputParameters.length != 0) {
                                instance.inputParameters = inputParameters;
                            }
                        }
                        instance.isReportPopup = true;
                        if (widgetcontainerid) {
                            const widgetInstance = instance.getReportViewerInstance(widgetcontainerid);
                            $.extend(true, instance.dynamicFilters, widgetInstance.dynamicFilters);
                            if (widgetInstance.reportResponse.result.ReportInfo.ReportTypeId === Unibase.Platform.Analytics.Reports.Enums.ReportType.Table) {
                                instance.ViewerSettings = new Analytics.Providers.ViewerSettings();
                                $.extend(true, instance.ViewerSettings, widgetInstance.ViewerSettings);
                            }
                        }
                        reportViewerInstance.push({
                            instance: instance,
                            childcontainerid: containerid,
                            parentcontainerid: "_" + instance.parentContainerId
                        });
                        var checkdashboard = containerid;
                        var selectsize = Unibase.Platform.Helpers.Size.ExtraLarge;
                        var rv_obj = Unibase.Platform.Analytics.Components.ReportViewer.Instance();
                        rv_obj.reportWidgetData = reportWidgetData;
                        rv_obj.fromDate = instance.fromDate;
                        rv_obj.toDate = instance.toDate;
                        instance.linkReportFilterObj.InputParameters = instance.inputParameters;
                        instance.linkReportFilterObj.DateFilters = instance.dateFilters;
                        instance.linkReportFilterObj.DynamicFilters = instance.dynamicFilters;
                        instance.isLinkReport = true;
                        instance.navigationHelper.popup(ReportId, containerid, rv_obj, function () {
                            if (containerid) {
                                instance.reportViewAllCallBack(containerid);
                            }
                        }, selectsize);
                    }
                    reportViewAllCallBack(containerid) {
                        const instance = this;
                        const containerEl = $(`#${containerid}`);
                        containerEl.find(".card-search-bar").removeClass("d-none");
                        $(`#reportCloseBtn_${containerid}`).removeClass('d-none');
                        $(`#reportMaximizeBtn_${containerid}`).addClass('d-none');
                        if (containerid.includes('div_dashboardportletwidget') && !containerid.includes('userdesignedreportviewer')) {
                            $(`#reportMinimizeBtn_${containerid}`).removeClass('d-none');
                        }
                        if (window.outerWidth < 768) {
                            $(`#ViewerHeader_${containerid} .report-search-icon`).removeClass('d-none');
                        }
                        if (!containerid.includes('_linkedreport_')) {
                            const rv_instance = instance.getReportViewerInstance(containerid);
                            instance.bindAppliedFilterCount(rv_instance, containerid);
                        }
                    }
                    loadAppConfigurations(Installedappid, containerid) {
                        var instance = this;
                        var jsfiles = [];
                        var filecachelper = this.fileCacheHelper;
                        $(".ViewerTypes_dropdown").find(".div_appconfigurations").removeClass("hidden");
                        var html = `<div class="">
                      <div class="dropdown-divider" id="childAppsDivider_${containerid}"></div>
                    <span id="span_configgroup"></span>
                   <div class="btn-group createbuttonhide d-none" id="layout_create_` + containerid + `"></div>
                  <div class="config_dropdown hidden">
                    <div class="d-none"><a class="no-caret dropdown-toggle biz-highlight-bg-color  w-40p ViewerTypes_` + containerid + `"  href="javascript:;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  id="Template_ViewerTypes_` + containerid + `"></a></div>
                    <div id="layout-list-settings_` + containerid + `" class=""> </div></div>`;
                        $("#ViewerHeader_" + containerid).find(".card-header-right .div_appconfigurations").html(html);
                        var apphtml = "";
                        var createhtml = "";
                        var childapphtml = "";
                        if (Installedappid !== undefined && Installedappid != 0) {
                            $("#layout-list-settings_" + containerid).html('<a class="hidden layout-list-settings-item" id="layout-list-settings-item_' + containerid + '"></a>');
                            instance.appmanager.getListAppConfigurations(Installedappid).then(function (response) {
                                for (let i = 0; i < (response.result ? response.result.length : 0); i++) {
                                    instance.appCnfigType = Number(response.result[i].AppConfigType);
                                    if (Number(response.result[i].SettingUrlType) == Unibase.Platform.Apps.Enums.SettingUrlType.Component && Number(response.result[i].AppConfigType) == Unibase.Platform.Apps.Enums.AppConfigeType.List && response.result[i].Ungrouped == false) {
                                        $(".config_dropdown").removeClass("hidden");
                                        jsfiles.push(response.result[i].SettingUrl);
                                        var jsfunction = response.result[i].JsFunction;
                                        filecachelper.loadJsFile(response.result[i].SettingUrl, function () { });
                                        apphtml += '<a class="dropdown-item layout-list-settings-item_' + containerid + '" href="javascript:;" id="configuration_' + response.result[i].AppConfigurationId + '" onclick ="Unibase.Platform.Analytics.Components.ReportViewer.Instance().Configurationclick(' + response.result[i].AppConfigurationId + ')" value=' + response.result[i].AppConfigurationId + '>' + response.result[i].SettingName + ' </a>';
                                    }
                                    if (Number(response.result[i].SettingUrlType) == Unibase.Platform.Apps.Enums.SettingUrlType.Component && Number(response.result[i].AppConfigType) == Unibase.Platform.Apps.Enums.AppConfigeType.List && response.result[i].Ungrouped == true) {
                                        $(".config_dropdown").removeClass("hidden");
                                        jsfiles.push(response.result[i].SettingUrl);
                                        var jsfunction = response.result[i].JsFunction;
                                        filecachelper.loadJsFile(response.result[i].SettingUrl, function () { });
                                        createhtml += '<a class="btn btn-sm btn-primary create-btn mx-2" href="javascript:;" id="configuration_' + response.result[i].AppConfigurationId + '" onclick ="Unibase.Platform.Analytics.Components.ReportViewer.Instance().Configurationclick(' + response.result[i].AppConfigurationId + ')" value=' + response.result[i].AppConfigurationId + '>' + response.result[i].SettingName + ' </a>';
                                    }
                                    if (Number(response.result[i].SettingUrlType) == Unibase.Platform.Apps.Enums.SettingUrlType.JsFunction && Number(response.result[i].AppConfigType) == Unibase.Platform.Apps.Enums.AppConfigeType.List && response.result[i].Ungrouped == false) {
                                        $(".config_dropdown").removeClass("hidden");
                                        jsfiles.push(response.result[i].SettingUrl);
                                        var jsfunction = response.result[i].JsFunction;
                                        filecachelper.loadJsFile(response.result[i].SettingUrl, function () { });
                                        apphtml += '<a class="dropdown-item layout-list-settings-item_' + containerid + '" href="javascript:;" id="configuration_' + response.result[i].AppConfigurationId + '" onclick ="' + jsfunction + '" value=' + response.result[i].AppConfigurationId + '>' + response.result[i].SettingName + ' </a>';
                                    }
                                    if (Number(response.result[i].SettingUrlType) == Unibase.Platform.Apps.Enums.SettingUrlType.Form && Number(response.result[i].AppConfigType) == Unibase.Platform.Apps.Enums.AppConfigeType.List && response.result[i].Ungrouped == true) {
                                        var onclickhtml = "Unibase.Platform.Helpers.NavigationHelper.Instance().loadForm(" + response.result[i].FormId + ", 0, " + response.result[i].AppConfigurationId + ")";
                                        createhtml += '<div class="d-none d-md-block"><a class="btn btn-sm btn-primary create-btn" href = "javascript:;" onclick="' + onclickhtml + '" id = "btn_' + response.result[i].SettingName + '" > <span class="' + response.result[i].Icon + ' font-10 mr-1" > </span> Create </a></div><div class="d-block d-md-none"><a class="biz-highlight-bg-color " href = "javascript:;" onclick="' + onclickhtml + '" id = "btn_' + response.result[i].SettingName + '" > <span class="biz-icon-size ' + response.result[i].Icon + ' font-10 create-icon"> </span></a></div>';
                                        if ($("#ViewerHeader_" + containerid).find(".card-header-right .create-btn").length == 0) {
                                            $("#ViewerHeader_" + containerid).find(".card-header-right .create-place,.biz-header-center .create-place").html(createhtml);
                                        }
                                    }
                                    if (Number(response.result[i].SettingUrlType) == Unibase.Platform.Apps.Enums.SettingUrlType.Form && Number(response.result[i].AppConfigType) == Unibase.Platform.Apps.Enums.AppConfigeType.List && response.result[i].Ungrouped == false) {
                                        $(".config_dropdown").removeClass("hidden");
                                        var onclickhtml = "Unibase.Platform.Helpers.NavigationHelper.Instance().loadForm(" + response.result[i].FormId + ", 0, " + response.result[i].AppConfigurationId + ")";
                                        apphtml += '<a class="dropdown-item layout-list-settings-item_' + containerid + '" href="javascript:;" id="configuration_' + response.result[i].AppConfigurationId + '" onclick="' + onclickhtml + '" id = "btn_' + response.result[i].SettingName + '" >' + response.result[i].SettingName + '</a>';
                                    }
                                    if (Number(response.result[i].SettingUrlType) == Unibase.Platform.Apps.Enums.SettingUrlType.JsFunction && Number(response.result[i].AppConfigType) == Unibase.Platform.Apps.Enums.AppConfigeType.List && response.result[i].Ungrouped == true) {
                                        var jsfunction = response.result[i].JsFunction;
                                        filecachelper.loadJsFile(response.result[i].SettingUrl, function () { });
                                        createhtml += '<a class="btn btn-sm btn-primary create-btn mx-2" href = "javascript:;" onclick="' + jsfunction + '" id = "btn_' + response.result[i].SettingName + '" > <span class="' + response.result[i].Icon + ' font-10" > </span></a>';
                                    }
                                    if (Number(response.result[i].AppConfigType == Unibase.Platform.Apps.Enums.AppConfigeType.Settings && response.result[i].Ungrouped == true)) {
                                        var onclickhtml = "Unibase.Platform.Helpers.NavigationHelper.Instance().loadList(" + response.result[i].LinkAppId + ", null) ";
                                        createhtml += '<a class="biz-highlight-bg-color" href = "javascript:;" onclick="' + onclickhtml + '" id = "btn_' + response.result[i].SettingName + '" > <span class="fa fa-cog biz-icon-size" > </span></a>';
                                        $("._bizgaze_detail_container").find(".card-header-top").find(".card-header-left").addClass("w-60").removeClass("w-70");
                                    }
                                    if (Number(response.result[i].SettingUrlType) == Unibase.Platform.Apps.Enums.SettingUrlType.Procedure && Number(response.result[i].AppConfigType) == Unibase.Platform.Apps.Enums.AppConfigeType.List && response.result[i].Ungrouped == false) {
                                        var onclickhtml = "Unibase.Platform.Apps.Managers.AppManager.Instance().executeProc('" + response.result[i].LinkProcName + "')";
                                        apphtml += '<a class="dropdown-item layout-list-settings-item_' + containerid + '" href="javascript:;" id="configuration_' + response.result[i].AppConfigurationId + '" onclick="' + onclickhtml + '" id = "btn_' + response.result[i].SettingName + '" >' + response.result[i].SettingName + '</a>';
                                    }
                                    if (Number(response.result[i].SettingUrlType) == Unibase.Platform.Apps.Enums.SettingUrlType.Procedure && Number(response.result[i].AppConfigType) == Unibase.Platform.Apps.Enums.AppConfigeType.List && response.result[i].Ungrouped == true) {
                                        var onclick = "Unibase.Platform.Apps.Managers.AppManager.Instance().executeProc('" + response.result[i].LinkProcName + "')";
                                        createhtml += '<a class="btn btn-sm text-primary" href = "javascript:;" onclick="' + onclick + '" id = "btn_' + response.result[i].SettingName + '" > <span class="' + response.result[i].Icon + ' font-10" > </span></a>';
                                    }
                                    if (response.result[i].IsChildApp) {
                                        $(".config_dropdown").removeClass("hidden");
                                        childapphtml += '<a class="dropdown-item layout-list-settings-item_' + containerid + '" href="javascript:;" onclick ="javascript:Unibase.Platform.Helpers.NavigationHelper.Instance().loadList(' + response.result[i].InstalledAppId + ',null);" value=' + response.result[i].InstalledAppId + '>' + response.result[i].AppTitle + ' </a>';
                                    }
                                }
                                if (childapphtml.trim().length != 0) {
                                    childapphtml += `<div class="dropdown-divider" id="AppConfigsDivider_${containerid}"></div>`;
                                }
                                $("#ViewerHeader_" + containerid).find(".card-header-right .create-place,.biz-header-center .create-place").html(createhtml);
                                $("#layout-list-settings-item_" + containerid + ":last").after(apphtml);
                                $("#layout-list-settings-item_" + containerid + ":last").before(childapphtml);
                                if (childapphtml.trim().length == 0 && apphtml.trim().length == 0) {
                                    $(`#childAppsDivider_${containerid}`).remove();
                                }
                            });
                            $("#ViewerHeader_" + containerid).find(".create-icon").addClass("pl-1");
                        }
                        else {
                            $(`#dp_${containerid}_viewertypes`).find('.div_appconfigurations').addClass('d-none');
                        }
                    }
                    Configurationclick(id) {
                        var instance = this;
                        instance.appmanager.getAppConfiguration(id).then(function (response) {
                            var jsfunction = response.result.JsFunction;
                            instance.fileCacheHelper.loadJsFile(response.result.SettingUrl, function () { });
                            if (jsfunction != null && jsfunction != "") {
                                var split = jsfunction.split("Instance()");
                                var splitinstance = split[0] + "Instance()";
                                var jsinstance = eval(splitinstance);
                                var component = jsinstance;
                                var appSettingComponent = jsinstance;
                                if (appSettingComponent !== null && appSettingComponent !== undefined) {
                                    appSettingComponent.appSettings.InstalledAppId = response.result.InstalledAppId;
                                }
                                if (component != null && component != undefined) {
                                    instance.navigationHelper.popup(0, '', component, function () {
                                    }, Platform.Helpers.Size.Large);
                                }
                            }
                        });
                    }
                    EditReport(ReportId, type, InstalledAppId, AppConfigType, containerId) {
                        const instance = this;
                        var reportId = 0;
                        if (ReportId == 0)
                            reportId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key.endsWith("reportid")).Value);
                        else
                            reportId = ReportId;
                        var reportbuilder = Unibase.Platform.Analytics.Reports.ReportBuilder.Instance();
                        if (type == 1)
                            reportbuilder.isduplicate = true;
                        else
                            reportbuilder.isduplicate = false;
                        reportbuilder.InstalledAppId = InstalledAppId;
                        reportbuilder.appConfigType = reportbuilder.appConfigType != 0 ? reportbuilder.appConfigType : AppConfigType;
                        instance.navigationHelper.showLoading();
                        instance.navigationHelper.popup(reportId, "", reportbuilder, function () {
                            if (containerId) {
                                reportbuilder.lastContainerId = containerId;
                                if (containerId.includes('div_dashboardportletwidget') || containerId.includes('div_portletwidget') || containerId.includes('div_kpireport') || containerId.includes('_previewreport_') || containerId.includes('_ViewAllByUniqueId_') || containerId.includes('fullscreen') || containerId == 'preview') {
                                    if (containerId.includes('_viewall') || containerId.includes('_ViewAllByUniqueId_') || containerId.includes('fullscreen') || containerId.includes('_linkedreport_')) {
                                        reportbuilder.isReportWidget = false;
                                        return;
                                    }
                                    reportbuilder.isReportWidget = true;
                                    if (containerId.includes('div_dashboardportletwidget') || containerId.includes('div_kpireport')) {
                                        reportbuilder.reportWidgetType = 'dashboard';
                                    }
                                    else if (containerId.includes('div_portletwidget') || containerId.includes('div_kpireport') || containerId.includes('_previewreport_') || containerId == 'preview') {
                                        reportbuilder.reportWidgetType = 'portlet';
                                        reportbuilder.lastContainerId = "";
                                    }
                                }
                                else {
                                    reportbuilder.isReportWidget = false;
                                    reportbuilder.reportWidgetType = '';
                                }
                            }
                        }, Unibase.Platform.Helpers.Size.ExtraLarge);
                    }
                    refreshStaticObj(ReportId) {
                        var reportId = 0;
                        if (ReportId == 0)
                            reportId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key.endsWith("reportid")).Value);
                        else
                            reportId = ReportId;
                        Unibase.Platform.Analytics.Managers.ReportManager.Instance().refreshStaticObj(reportId).then(function (response) {
                            if (response.status == Unibase.Data.Status.Success) {
                                MessageHelper.Instance().showSuccess(response.message, '');
                            }
                            else if (response.status == Unibase.Data.Status.Error) {
                                MessageHelper.Instance().showSuccess(response.message, '');
                            }
                        });
                    }
                    exportReport(ReportId) {
                        var instance = this;
                        var reportId = 0;
                        if (ReportId == 0)
                            reportId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key.endsWith("reportid")).Value);
                        if (reportId != 0) {
                            instance.navigationHelper.showLoading();
                            instance.reportManager.getReportById(reportId).then(function (rptresponse) {
                                var exportreportname = rptresponse.result.ReportName;
                                instance.reportManager.exportreport(reportId).then(function (response) {
                                    var filename = exportreportname + ".xml";
                                    var xmltext = response.result;
                                    var pom = document.createElement('a');
                                    var bb = new Blob([xmltext], { type: 'text/plain' });
                                    pom.setAttribute('href', window.URL.createObjectURL(bb));
                                    pom.setAttribute('download', filename);
                                    pom.dataset.downloadurl = ['text/plain', pom.download, pom.href].join(':');
                                    pom.draggable = true;
                                    pom.classList.add('dragout');
                                    pom.click();
                                    instance.navigationHelper.hideLoading();
                                });
                            });
                        }
                    }
                    Export(reportid, containerid) {
                        var instance = this;
                        var _fileCacheHelper = this.fileCacheHelper;
                        _fileCacheHelper.loadJsFile('libs/xlsx/xlsx.full.min.js', function () {
                            Unibase.Platform.Analytics.Viewers.TableViewer.Instance().Export(reportid, $("#ReportTitle_" + containerid["id"]).text());
                        });
                    }
                    downloadReport(containerid, reportid, filterid, filters, datefilters) {
                        var instance = this;
                        this.dynamicFilters = filters;
                        this.dateFilters = datefilters;
                        $("#DownloadReport_" + containerid).unbind().click(function () {
                            instance.download(reportid, filterid, instance.dynamicFilters, filters, instance.dateFilters, instance.ViewerSettings.defaultViewerId);
                        });
                    }
                    download(reportid, filterid, dynamicfilters, inputparams, datefilters, viewerid) {
                        var instance = this;
                        instance.DetailParameters = [];
                        instance.getDetailInputParameters();
                        let { fromDate, toDate } = this.checkForReportDatePicker(reportid, instance.ContainerId);
                        let isdynamicfilters = instance.isIdentityFilter(dynamicfilters);
                        let listsearch = instance.ListSearchTerm;
                        var postData = {
                            ReportId: reportid,
                            FilterId: filterid,
                            Filter: dynamicfilters,
                            InputParameters: inputparams,
                            DateFilter: datefilters,
                            SearchTerm: listsearch ? listsearch.toString() : null,
                            FromDate: fromDate,
                            ToDate: toDate,
                            ViewerId: viewerid,
                            DetailInputParameters: instance.DetailParameters,
                            IsDynamicFilterApplied: isdynamicfilters,
                            IsPdf: instance.isPdf
                        };
                        Unibase.Platform.Analytics.Managers.ReportManager.Instance().startDownloadLargeFile(postData).then(function (response) {
                            if (response.status == Unibase.Data.Status.Success) {
                                MessageHelper.Instance().showSuccess(response.message, '');
                            }
                        });
                    }
                    downloadLargeFile(reportid) {
                        var instance = this;
                        var postData = {
                            ReportId: reportid,
                            Filter: instance.dynamicFilters
                        };
                        Unibase.Platform.Analytics.Managers.ReportManager.Instance().startDownloadLargeFile(postData).then(function (Response) {
                        });
                    }
                    reportPermissions(reportid) {
                        this.navigationHelper.popup(reportid, '', Unibase.Platform.Analytics.Components.ReportPermissions.Instance(), null, Platform.Helpers.Size.Auto);
                    }
                    viewerPermissions(containerId, viewerid, ev) {
                        if (ev != undefined)
                            ev.stopPropagation();
                        var obj = Unibase.Platform.Analytics.Components.ViewerPermissions.Instance();
                        if (containerId) {
                            var rv_ins = this.getReportViewerInstance(containerId);
                            if (rv_ins) {
                                obj.reportId = rv_ins.ReportId;
                                let viewer = rv_ins.viewerResponse.result.find(x => x.ViewerId == viewerid);
                                obj.viewerTypeId = viewer && viewer.ViewerTypeId;
                                this.navigationHelper.popup(viewerid, '', Unibase.Platform.Analytics.Components.ViewerPermissions.Instance(), null, Platform.Helpers.Size.Auto);
                            }
                        }
                    }
                    getDetailInputParameters() {
                        var instance = this;
                        var inpparams = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters;
                        for (var i = 0; i < inpparams.length; i++) {
                            var name = inpparams[i].Key.split("_")[2];
                            var val = (inpparams[i].Value) ? inpparams[i].Value.toString() : "";
                            instance.DetailParameters.push({ "Key": name, "Value": val });
                        }
                    }
                    saveViewAs(reportid) {
                        Unibase.Platform.Filters.Components.Filter.Instance().reportId = reportid;
                        Unibase.Platform.Filters.Components.EditFilter.Instance().reportId = reportid;
                        this.navigationHelper.popup(0, '', Unibase.Platform.Filters.Components.EditFilter.Instance(), null, Platform.Helpers.Size.Auto);
                    }
                    loadFilters(reportid, containerid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let filterId = 1;
                            Unibase.Platform.Filters.Components.Filter.Instance().filtersContainerId = containerid;
                            instance.ReportId = reportid;
                            const filterParentEl = $(`#filters-list${containerid}`);
                            var html = '';
                            var IsAdmin = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().isAdmin;
                            if (reportid != 0 && reportid != undefined) {
                                html += `<div class="filter-item btn liFilter_${filterId} filter_ReportName-li active" data-filtername="" data-filterId="${filterId}"><a onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().applyFilter(${filterId},${reportid},'${containerid}',true)" href="javascript:;" class="filter-link" id="lnkFilter_${filterId}"><span class="filter-name">All</span></a></div>`;
                                yield instance.filtermanager.getReportFilters(reportid).then(function (response) {
                                    return __awaiter(this, void 0, void 0, function* () {
                                        if (response.result.length != 0) {
                                            for (let i = 0; i < response.result.length; i++) {
                                                var data = response.result[i];
                                                html += `<div class="filter-item btn liFilter_${data.FilterId}" data-filtername="${data.FilterName}" data-filterId="${data.FilterId}"><a data-tooltip="true" title="${data.FilterName}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().applyFilter(${data.FilterId},${reportid},'${containerid}',true)" href="javascript:;" class="filter-link" id="lnkFilter_${data.FilterId}"><span>${data.FilterName}</span></a></div>`;
                                            }
                                            if (filterParentEl.hasClass('pinned-report-filters')) {
                                                filterParentEl.find('.filter-item').remove();
                                                filterParentEl.prepend(html);
                                                instance.loadPinFiltersAutoComplete(containerid);
                                            }
                                            else {
                                                filterParentEl.html(html);
                                            }
                                            $('#card-header-filters' + containerid).removeClass('d-none');
                                        }
                                        else {
                                            if (!instance.currentUser.isAdmin) {
                                                $(`#editFilterOption${containerid}`).remove();
                                            }
                                        }
                                        const navInstance = Unibase.Themes.Compact.Components.Nav.Instance();
                                        navInstance.removeToolTipForFilterItem($("#" + containerid));
                                        navInstance.setFiltersNavigation(containerid);
                                        yield instance.loadDefaultFilter(reportid, containerid);
                                        let filterOption = `#filters-list${containerid} .nav-item`;
                                        $(filterOption).first().addClass('active-item');
                                        $(filterOption).click(function () {
                                            $(filterOption).removeClass('active-item');
                                            $(this).addClass('active-item');
                                            if (instance.layoutIndex == 2 || instance.layoutIndex == 3) {
                                                $(".filters-dropdown-div-top-layout button.filterName").text($(this).attr('data-filtername'));
                                            }
                                            if (!instance.desktopMode)
                                                $('.biz-wrapper').removeClass('biz__nav__toggle');
                                        });
                                    });
                                });
                            }
                        });
                    }
                    clearSearchFilter(reportid, containerid) {
                        $("#ViewerHeader_" + containerid).find(".txt_global_search").removeClass('contain-value');
                        $("#" + containerid).find("#ListSearch").val("").trigger("input");
                    }
                    editFilter(filterid, reportid) {
                        Unibase.Platform.Filters.Components.EditFilter.Instance().reportId = reportid;
                        this.navigationHelper.popup(filterid, '', Unibase.Platform.Filters.Components.EditFilter.Instance(), null, Platform.Helpers.Size.Auto);
                    }
                    filterPermissions(filterid) {
                        this.navigationHelper.popup(filterid, '', Unibase.Platform.Filters.Components.FilterPermission.Instance(), null, Platform.Helpers.Size.Auto);
                    }
                    applyFilter(filterid, reportid, containerid, isallrecords, statusname) {
                        var instance = this;
                        instance.navigationHelper.showLoading();
                        if (statusname == 'active' || statusname == 'inactive' || statusname == 'deleted') {
                            instance.statusFilters(statusname);
                        }
                        let rv_ins = instance.getReportViewerInstance(containerid);
                        if (rv_ins && rv_ins.PageSize)
                            instance.PageSize = rv_ins.PageSize;
                        instance.loadFilteredReport(reportid, filterid, containerid);
                    }
                    statusFilters(statusname) {
                        var instance = this;
                        let parVal = 0;
                        if (statusname == 'active') {
                            parVal = Unibase.Platform.Core.Enums.RowStatus.Active;
                        }
                        else if (statusname == 'inactive') {
                            parVal = Unibase.Platform.Core.Enums.RowStatus.InActive;
                        }
                        else if (statusname == 'deleted') {
                            parVal = Unibase.Platform.Core.Enums.RowStatus.Deleted;
                        }
                        instance.dynamicFilters.push({ ParameterName: "statusid", ParameterValue: parVal.toString(), ExpOp: Platform.Core.Enums.ExpressionOperator.Equals });
                    }
                    deleteFilter(filterid) {
                        var instance = this;
                        bootbox.confirm("Do you want to delete the filter?", function (result) {
                            if (result) {
                                instance.filtermanager.deleteFilter(filterid).then(function (response) {
                                    if (response.status == Unibase.Data.Status.Success) {
                                        MessageHelper.Instance().showSuccess(response.message, '');
                                        $(`.liFilter_${filterid}`).remove();
                                        $('#reportFiltersList .filter-item').each(function (i, e) {
                                            $(e).find('.filter-index').text(i + 1);
                                        });
                                        let reportid = Unibase.Platform.Filters.Components.Editfilters.Instance().reportId;
                                        Unibase.Platform.Filters.Managers.FilterManager.Instance().getReportFilters(reportid).then(function (response) {
                                            return __awaiter(this, void 0, void 0, function* () {
                                                if (response.result.length == 0) {
                                                    $('#staticFiltersCard').addClass('d-none');
                                                    if (!$('#dynamicFiltersCard').is(':visible'))
                                                        $('#noFiltersErrMsg').removeClass('d-none');
                                                }
                                            });
                                        });
                                        instance.navigationHelper.closePopUp();
                                    }
                                    else if (response.status == Unibase.Data.Status.Error) {
                                        MessageHelper.Instance().showError(response.message, 'divEditFilterErrMsg');
                                    }
                                });
                            }
                        });
                    }
                    sliceText(text) {
                        let newText = text.length > 10 ? text.slice(0, 10) + ' ...' : text;
                        return newText;
                    }
                    sliceTooltip(text) {
                        let tooltip = text.length > 15 ? text : '';
                        return tooltip;
                    }
                    addEditIcons_Filters(containerid, reportid) {
                        var instance = this;
                        instance.navigationHelper.popup(reportid, '', Unibase.Platform.Filters.Components.Editfilters.Instance(), null, Platform.Helpers.Size.Auto);
                    }
                    loadDefaultFilter(reportId, containerid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let isInstance = false;
                            let reportViewerInstance = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance;
                            if (reportViewerInstance.length > 0)
                                isInstance = reportViewerInstance.find(rv => rv.childcontainerid == containerid) ? true : false;
                            if (!isInstance) {
                                reportViewerInstance.push({
                                    instance: instance,
                                    childcontainerid: containerid,
                                    parentcontainerid: "_" + instance.parentContainerId
                                });
                            }
                            let rv_instance = instance.getReportViewerInstance(containerid);
                            yield instance.filtermanager.getDefaultFilterByReport(reportId).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    rv_instance.filterId = response.result.FilterId;
                                    $('.defaultfilter_' + rv_instance.filterId).addClass("imchecked");
                                    $('.defaultfilter_' + rv_instance.filterId).prop('checked', true);
                                    $(`#ViewerHeader_${containerid} .filter-item.active`).removeClass('active');
                                    $('.liFilter_' + rv_instance.filterId).addClass('active');
                                }
                                else {
                                    $('.defaultfilter_1').addClass("imchecked");
                                    $('.defaultfilter_1').prop('checked', true);
                                }
                            });
                        });
                    }
                    defaultFilter(filterid, reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            if ($('.defaultfilter_' + filterid).hasClass("imchecked")) {
                                return false;
                            }
                            if (filterid == 1) {
                                $('.defaultfilter_' + filterid).addClass("imchecked");
                                this.deleteDefaultFilter(filterid, reportid);
                                return false;
                            }
                            yield Unibase.Platform.Filters.Components.Filter.Instance().saveDefaultFilter(reportid, Number(filterid));
                            $("input[type=radio][name=options]").removeClass("imchecked");
                            $('.defaultfilter_' + filterid).addClass("imchecked");
                        });
                    }
                    deleteDefaultFilter(filterid, reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            instance.filtermanager.deletedafultfilter(reportid).then(function (response) {
                                return __awaiter(this, void 0, void 0, function* () {
                                    if (response.status == Unibase.Data.Status.Success) {
                                        return MessageHelper.Instance().showSuccess(response.message, "divEditFiltersErrMsg");
                                    }
                                    else {
                                        return MessageHelper.Instance().showError(response.message, "divEditFiltersErrMsg");
                                    }
                                });
                            });
                        });
                    }
                    updateDefaultFilter(filterid, reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            yield instance.filtermanager.getReportFilters(reportid).then(function (response) {
                                return __awaiter(this, void 0, void 0, function* () {
                                    if (response.result != null) {
                                        for (var df = 0; df < response.result.length; df++) {
                                            if (response.result[df].FilterId != filterid) {
                                                if (response.result[df].IsDefault) {
                                                    $('.defaultfilter_' + filterid).removeClass("imchecked");
                                                    Unibase.Platform.Filters.Components.Filter.Instance().updateDefaultFilter(response.result[df].FilterId, false);
                                                }
                                            }
                                        }
                                    }
                                });
                            });
                        });
                    }
                    pinDynamicFiltersHandler(reportid, containerid) {
                        const instance = this;
                        if (instance.tabMode) {
                            $(`#card-header-filters${containerid}`).removeClass('d-none');
                            const filterParentEl = $(`#filters-list${containerid}`);
                            $(`#card-header-filters${containerid} .filter-nav-icon`).addClass('hidden');
                            filterParentEl.addClass('pinned-report-filters');
                            instance.loadPinFiltersAutoComplete(containerid);
                            $(`#dynamic-filters${containerid} .filter_design-row`).each(function (i, e) {
                                const classList = $(e).attr('class').split(' ');
                                $.each(classList, function (id, item) {
                                    if (item.indexOf('col-') == 0) {
                                        $(e).removeClass(item);
                                    }
                                });
                                $(e).find('input.pl-0').removeClass('pl-0');
                            });
                            const filterEl = $(`#dynamic-filters${containerid} .filter_design-row`);
                            const filtersLength = filterEl.length;
                            filterEl.detach().appendTo(filterParentEl);
                            if (filtersLength) {
                                filterParentEl.removeClass('d-none');
                                instance.bindPinnedDynamicFiltersActionBtns(reportid, containerid);
                            }
                            filterParentEl.find('.filter_design-row').each(function (i, e) {
                                if ($(e).find('select').length) {
                                    const selectContainer = $(e).find('select').data('select2').$container;
                                    selectContainer.attr('style', `width:${selectContainer.width()}px !important`);
                                }
                            });
                        }
                        else {
                            $(`#dynamicFilterContentWrap_${containerid}`).children().not('.dynamic-filter-pin').detach().appendTo(`#bizPinnedDynamicFiltersBody_${containerid}`);
                            $(`#filter-dropdown-body${containerid}`).css('max-height', '').removeAttr('data-deductheight');
                            $(`#bizPinnedDynamicFilters_${containerid}`).removeClass('d-none');
                        }
                        $(`#unPinDynamicFiltersIcon_${containerid},#cardSearchBar${containerid}`).removeClass('d-none');
                        $(`#filter-icon${containerid}`).addClass('d-none');
                        $(`#biz-filter-dropdown${containerid}`).removeClass('show');
                        if (containerid.includes('div_dashboardportletwidget') || containerid.includes('div_portletwidget') && !instance.navigationHelper.isReportPopup(containerid)) {
                            $(`#ViewerHeader_${containerid} .card-header-left`).addClass('w-50');
                            $(`#ViewerHeader_${containerid} .txt_global_search`).show();
                        }
                        if (!$(`#ViewerHeader_${containerid} .filter_design-row`).length) {
                            instance.loadDynamicFilters(reportid, containerid, '');
                        }
                    }
                    unPinDynamicFiltersHandler(containerid) {
                        const instance = this;
                        const rv_instance = instance.getReportViewerInstance(containerid);
                        if (instance.tabMode) {
                            const filterParentEl = $(`#filters-list${containerid}`);
                            filterParentEl.removeClass('pinned-report-filters');
                            filterParentEl.find('.filter_design-row,.pinned-filters-action-btns,.static-filters-select-wrap').remove();
                            filterParentEl.find('.filter-item').removeClass('d-none');
                            if (!filterParentEl.find('.filter-item').length) {
                                filterParentEl.addClass('d-none');
                            }
                            else {
                                Unibase.Themes.Compact.Components.Nav.Instance().setFiltersNavigation(containerid);
                            }
                        }
                        else {
                            $(`#bizPinnedDynamicFiltersBody_${containerid}`).children().detach().appendTo(`#dynamicFilterContentWrap_${containerid}`);
                            $(`#bizPinnedDynamicFilters_${containerid}`).addClass('d-none');
                        }
                        $(`#unPinDynamicFiltersIcon_${containerid}`).addClass('d-none');
                        $(`#filter-icon${containerid}`).removeClass('d-none');
                    }
                    bindPinnedDynamicFiltersActionBtns(reportid, containerid) {
                        $(`#pinnedFiltersActionBtns_${containerid}`).remove();
                        const html = `<div class="pinned-filters-action-btns d-flex c-gap-10 ml-auto" id="pinnedFiltersActionBtns_${containerid}"><a href="javascript:;" class="btn btn-outline-primary btn-xs rounded" id="ApplyGlobalFilter${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance()._applyfilter(${reportid},'${containerid}')"><span class="btn-text mr-5">Apply</span><span class="icon-label"><i class="las la-filter"></i></span></a><a href="javascript:;" class="btn btn-outline-danger btn-xs rounded" id="btn_ClearFilter${containerid}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().clearDynamicFilters(${reportid},'${containerid}')"><span class="btn-text mr-5">Clear</span><span class="icon-label"><i class="las la-times"></i></span></a></div>`;
                        $(`#filters-list${containerid}`).append(html);
                    }
                    loadPinFiltersAutoComplete(containerid) {
                        const instance = this;
                        const rv_instance = instance.getReportViewerInstance(containerid);
                        const filterParentEl = $(`#filters-list${containerid}`);
                        const filterData = [];
                        filterParentEl.find('.filter-item').each(function (i, e) {
                            $(e).addClass('d-none');
                            const filterId = +$(e).attr('data-filterid');
                            const filterName = filterId == 1 ? 'All' : $(e).attr('data-filtername');
                            filterData.push({
                                id: filterId,
                                text: filterName
                            });
                        });
                        if (filterData.length) {
                            $(`#staticFiltersSelectWrap_${containerid}`).remove();
                            filterParentEl.prepend(`<div class="static-filters-select-wrap" id="staticFiltersSelectWrap_${containerid}"><select id="staticFiltersSelect_${containerid}" class="static-filters-select"></select></div>`);
                            $(`#staticFiltersSelect_${containerid}`).select2({
                                placeholder: 'Select Filter',
                                data: filterData,
                                dropdownAutoWidth: true,
                                dropdownParent: $(`#${containerid}`),
                            }).on('select2:select', function () {
                                const filterId = +$(this).val();
                                Unibase.Platform.Analytics.Components.ReportViewer.Instance().applyFilter(filterId, rv_instance.ReportId, containerid, true);
                                filterParentEl.find(`.filter-item.active`).addClass('active');
                                filterParentEl.find(`.liFilter_${filterId}`).addClass('active');
                            });
                            $(`#staticFiltersSelect_${containerid}`).val(rv_instance.filterId || 1).trigger('change');
                        }
                    }
                    getDynamicFiltersResponse(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var res;
                            yield Unibase.Platform.Analytics.Managers.ReportManager.Instance().getDynamicFilters(reportid).then(function (response) {
                                res = response;
                            });
                            return res;
                        });
                    }
                    loadDynamicFilters(reportid, containerid, container) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            if ($(`#ViewerHeader_${containerid} .filter_design-row`).length) {
                                return;
                            }
                            $("#dynamic-filters" + containerid).html("");
                            yield instance.dynamicFilter(reportid, containerid);
                        });
                    }
                    dynamicFilter(reportid, containerid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let rv_instance = instance.getReportViewerInstance(containerid);
                            if (rv_instance.reportResponse.result.ReportInfo.IsEnableGlobalDatepicker)
                                Unibase.Platform.Analytics.Components._CommonFilter.Instance().commonFilter(reportid, containerid);
                            Unibase.Platform.Analytics.Managers.ReportManager.Instance().getDynamicFilters(reportid).then(yield function (response) {
                                if (response.length != 0) {
                                    instance.bindDynamicFilters(response, reportid, containerid);
                                    $("#filter-dropdown-footer" + containerid).removeClass('d-none');
                                    instance.setDynamicFilterDpBodyHeight(containerid);
                                }
                                else if (rv_instance.reportResponse.result.ReportInfo.IsEnableGlobalDatepicker) {
                                    $("#filter-dropdown-footer" + containerid).removeClass('d-none');
                                    instance.setDynamicFilterDpBodyHeight(containerid);
                                }
                                else {
                                    $("#filter-dropdown-errmessage" + containerid).removeClass('d-none');
                                    $(`#filters-list${containerid}`).removeClass('pinned-report-filters');
                                    $(`#dynamicFilterPin_${containerid},#unPinDynamicFiltersIcon_${containerid}`).addClass('d-none');
                                    $(`#filter-icon${containerid}`).removeClass('d-none');
                                    if (!$(`#filters-list${containerid} .filter-item`).length) {
                                        $(`#card-header-filters${containerid}`).addClass('d-none');
                                    }
                                }
                            });
                        });
                    }
                    bindDynamicFilters(response, reportid, containerid) {
                        var instance = this;
                        instance.dateFilters = [];
                        instance.getdynamicfilters = [];
                        var html = "";
                        let filterpanel_instance = Unibase.Platform.Analytics.Components.FilterPanel.Instance();
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        rv_instance.getdynamicfilters = [];
                        filterpanel_instance.dateFilters = [];
                        if (rv_instance != undefined) {
                            instance.dynamicFilters = rv_instance.dynamicFilters;
                            if (!rv_instance.isApplyFilter) {
                                rv_instance.dateFilters = [];
                                for (var d = 0; d < filterpanel_instance.selectedDates.length; d++) {
                                    if (filterpanel_instance.selectedDates[d].containerid != "_navCmnDateFilter") {
                                        filterpanel_instance.selectedDates.splice(d, 1);
                                    }
                                }
                            }
                        }
                        let isPinFilters = false, isPl_0 = 'pl-0';
                        let parentEl = $(`#dynamic-filters${containerid}`);
                        if ($(`#filters-list${containerid}`).hasClass('pinned-report-filters')) {
                            isPinFilters = true;
                            parentEl = $(`#filters-list${containerid}`);
                            parentEl.removeClass('d-none');
                            isPl_0 = '';
                        }
                        for (let i = 0; i < response.length; i++) {
                            var data = response.find(x => x.Index == i);
                            let existingFilter;
                            if (data) {
                                const { DynamicFilterId: dynamicFilterId, DisplayName: displayName } = data;
                                const containerIdWithFilterId = containerid + '-' + dynamicFilterId;
                                const containerIdWith_FilterId = containerid + '_' + dynamicFilterId;
                                let rowindex = response.findIndex(el => el.DynamicFilterId === dynamicFilterId);
                                var obj = {
                                    datalistId: data.DatalistId,
                                    valueColumn: data.ValueColumn,
                                    textColumn: data.TextColumn,
                                    isFilterableColumn: data.IsFilterableColumn,
                                    dynamicFilterId: data.DynamicFilterId,
                                    controlTypeId: data.ControlTypeId,
                                    fontCaseTypeId: data.FontCaseTypeId,
                                    isUnLimited: data.IsUnLimited,
                                    IsRequired: data.IsRequired,
                                    applyFor: data.ApplyFor,
                                    parentColumn: data.ParentColumn,
                                    isCustomFilter: data.IsCustomFilter
                                };
                                if (rv_instance.getdynamicfilters.length > 0) {
                                    var dFill = rv_instance.getdynamicfilters.find(x => x.isFilterableColumn == data.IsFilterableColumn);
                                    if (!dFill)
                                        rv_instance.getdynamicfilters.push(obj);
                                }
                                else
                                    rv_instance.getdynamicfilters.push(obj);
                                html = `<div class="filter_design-row ${!isPinFilters ? 'col-sm-6 col-lg-4 col-xl-3' : ''}" id="filter_design-row${rowindex}"><div class="" id="div_ReportColumns">`;
                                if (data.DataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime) {
                                    html += `<div class="filter-input-wrap"><input type="hidden" id ="hfBizgaze_FromDate${containerIdWith_FilterId}"/><input type ="hidden" id ="hfBizgaze_ToDate${containerIdWith_FilterId}"/><input type="hidden" id = "hfBizgaze_ReportFromDate${containerIdWith_FilterId}" /><input type="hidden" id = "hfBizgaze_ReportToDate${containerIdWith_FilterId}" /><input type="hidden" id="hfBizgaze_RFilterDate${containerIdWith_FilterId}"/><input class="form-control datepicker-input hasDatepicker ${isPl_0}" type="text" id="report-daterange${containerIdWithFilterId}" placeholder="${displayName}" data-placeholder="${displayName}"/><a href="javascript:;" class="input-clear-link" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().clearDateFilter('${containerid}',${dynamicFilterId})"><i class="icon daterange-cross-icon${containerIdWith_FilterId}" data-icon="9"></i></a></div>`;
                                    parentEl.append(html);
                                    if (instance.dateFilters.length != 0)
                                        Unibase.Platform.Analytics.Components.FilterPanel.Instance().dateFilters = instance.dateFilters;
                                    let datefills = rv_instance.dateFilters.find(d => d.ParameterValue == dynamicFilterId);
                                    Unibase.Platform.Analytics.Components.FilterPanel.Instance().isPartition = data.IsPartition;
                                    Unibase.Platform.Analytics.Components.FilterPanel.Instance().load(dynamicFilterId, containerid, datefills ? false : data.IsDefault);
                                    if (datefills == undefined && !data.IsDefault) {
                                        $(`#report-daterange${containerIdWithFilterId}`).val("");
                                        $(`.daterange-cross-icon${containerIdWith_FilterId}`).addClass("hidden");
                                    }
                                    instance.reportManager.getReportColumnByAliasName(reportid, data.IsFilterableColumn).then(res => {
                                        if (res.status == Unibase.Data.Status.Success)
                                            $("#" + containerid + " #filter_design-row" + rowindex).find(".display-name").text(res.result.DisplayText);
                                        else
                                            return MessageHelper.Instance().showError(res.message, "filter-dropdown-errmessage" + containerid);
                                    });
                                }
                                else {
                                    if (instance.dynamicFilters != null)
                                        existingFilter = instance.dynamicFilters.find(f => f.DynamicFilterId == dynamicFilterId);
                                    if ((containerid.includes("_ViewAllByUniqueId") || containerid.includes("_linkedreport_")) && instance.dynamicFilters.length > 0) {
                                        for (let i = 0; i < rv_instance.getdynamicfilters.length; i++) {
                                            existingFilter = instance.dynamicFilters.find(d => d.ParameterName == rv_instance.getdynamicfilters[i].isFilterableColumn);
                                        }
                                    }
                                    if (data.ControlTypeId == Unibase.Platform.Analytics.Enums.ControlType.textbox) {
                                        html += `<div class="filter-input-wrap"><input type="text" id= "txtboxcolumn${containerIdWith_FilterId}" class="txtboxcolumn form-control required floating-label-control ${isPl_0}" value="" placeholder="${displayName}" data-placeholder="${displayName}" oninput="Unibase.Platform.Analytics.Components.ReportViewer.Instance().toggleTextBoxClearIcon('${containerid}',${dynamicFilterId})" title="${data.TextColumn}"><a href="javascript:;" class="input-clear-link d-none" id="inputClearIcon_${containerIdWith_FilterId}" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().clearTextBox('${containerid}',${dynamicFilterId})"><i class="icon" data-icon="9"></i></a></div>`;
                                        $(`#txtboxcolumn${containerIdWith_FilterId}`).append(data.IsFilterableColumn);
                                        $(`#txtboxcolumn${containerIdWith_FilterId}`).children().remove();
                                        parentEl.append(html);
                                        if (existingFilter != null) {
                                            const containerWith_DynamicFilterId = containerid + "_" + existingFilter.dynamicFilterId;
                                            $(`#txtboxcolumn${containerWith_DynamicFilterId}`).val(existingFilter.ParameterValue);
                                            $(`#inputClearIcon_${containerWith_DynamicFilterId}`).removeClass('d-none');
                                            $(`#autotxtcolumn${containerWith_DynamicFilterId}`).val(existingFilter.ParameterValue).trigger("change");
                                        }
                                    }
                                    else if (data.ControlTypeId == Unibase.Platform.Analytics.Enums.ControlType.select2) {
                                        var select2id = `select2${containerIdWith_FilterId}`;
                                        html += `<select id="${select2id}" class="form-control" data-placeholder="${displayName}"></select>`;
                                        parentEl.append(html);
                                        instance.loadSelect2(select2id, reportid, true, containerid, obj);
                                        if (existingFilter != null) {
                                            for (let j = 0; j < existingFilter.ParameterValues.length; j++) {
                                                $("#" + select2id).append(`<option value='${existingFilter.ParameterValues[j]}'>${existingFilter.Select2Text[j]}</option>`);
                                            }
                                            $("#" + select2id).val(existingFilter.ParameterValues);
                                        }
                                    }
                                    else if (data.ControlTypeId == Unibase.Platform.Analytics.Enums.ControlType.autocomplete || data.ControlTypeId == Unibase.Platform.Analytics.Enums.ControlType.cascadingautocomplete) {
                                        html = instance.loadAutocompleteHtml(html, containerid, dynamicFilterId, data.IsFilterableColumn, rowindex, displayName);
                                        parentEl.append(html);
                                        var select2id = `autotxtcolumn${containerIdWith_FilterId}`;
                                        instance.loadSelect2(select2id, reportid, false, containerid, obj);
                                        if (existingFilter != undefined) {
                                            $("#" + select2id).append(`<option value='${existingFilter.ParameterValue}'>${existingFilter.ParameterText}</option>`);
                                            $("#" + select2id).val(existingFilter.ParameterValue).trigger('change');
                                        }
                                    }
                                }
                            }
                        }
                        if (isPinFilters) {
                            instance.bindPinnedDynamicFiltersActionBtns(reportid, containerid);
                        }
                    }
                    loadAutocompleteHtml(html, containerid, dynamicfilterid, isfilterablecolumn, rowindex, displayName) {
                        const containerIdWith_FilterId = containerid + '_' + dynamicfilterid;
                        html += `<input type="hidden" class="ColumnName no-border" id="ColumnName" value="${isfilterablecolumn}" /><input type="hidden"  class="ColumnId" id="ColumnId${rowindex}" value="${dynamicfilterid}"/><input type="hidden" class="ReqQuery" id="ReqQuery${rowindex}"/><div class="div_autocomplete"><div class="floating-label-form-group-with-value"><div class="input-group"><select id="autotxtcolumn${containerIdWith_FilterId}" data-placeholder="${displayName}" type="text" class="form-control autotxtcolumn_ required floating-label-control"></select><input type="hidden" id="hf_autotxtcolumn_${rowindex}" class="hf_autotxtcolumn_" value=""></div></div></div>`;
                        $(`#autotxtcolumn${containerIdWith_FilterId}`).append(isfilterablecolumn);
                        $(`#autotxtcolumn${containerIdWith_FilterId}`).children().remove();
                        return html;
                    }
                    loadAutoComplete(select2id, reportid, textcolumn) {
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/dynamicfilterautocomplete/reportid/' + reportid + '/isfilterablecolumn/' + textcolumn;
                        AutoCompleteHelper.getHelper().Create("#" + select2id, "#hf_filtercolumn_" + 0, url, null);
                    }
                    loadSelect2(select2id, reportid, isMultiple, containerid, res) {
                        var instance = this;
                        var data = [];
                        var Ids = 0;
                        var value = null;
                        var rv_instance = instance.getReportViewerInstance(containerid);
                        var userinfo = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/getdynamicfilterdata';
                        $("#" + select2id).select2({
                            placeholder: "Select",
                            multiple: isMultiple,
                            allowClear: true,
                            dropdownAutoWidth: true,
                            dropdownParent: $(`#${containerid}`),
                            data: data,
                            ajax: {
                                url: function (request) {
                                    var reqUrl = url;
                                    return reqUrl;
                                },
                                contentType: 'application/json',
                                type: "POST",
                                delay: 250,
                                data: function (params) {
                                    var parentCol = rv_instance.cascadingFilters.find(cf => cf.ChildColumn == res.isFilterableColumn);
                                    if (parentCol)
                                        $("#autotxtcolumn" + containerid + "_" + parentCol.DynamicFilterId).val(Ids).trigger('change');
                                    if (res.controlTypeId == Unibase.Platform.Analytics.Enums.ControlType.cascadingautocomplete) {
                                        if (rv_instance.cascadingFilters.length > 0) {
                                            var casFil = rv_instance.cascadingFilters.find(cf => cf.ChildColumn == res.isFilterableColumn);
                                            if (casFil)
                                                value = casFil.Value;
                                        }
                                        else
                                            value = "";
                                    }
                                    let encoded_term = (params.term) ? btoa(params.term) : "";
                                    var obj = {
                                        ReportId: reportid,
                                        DataListId: res.datalistId,
                                        IsFilterableColumn: res.isFilterableColumn,
                                        TextColumn: res.textColumn,
                                        ValueColumn: res.valueColumn,
                                        CasCadingValue: value,
                                        ApplyFor: res.applyFor,
                                        ParentColumn: res.parentColumn,
                                        ControlTypeId: res.controlTypeId,
                                        Term: encoded_term,
                                        AuthToken: userinfo.sessionId,
                                    };
                                    return JSON.stringify(obj);
                                },
                                beforeSend: function (xhr) {
                                    if (userinfo !== undefined && userinfo !== null) {
                                        xhr.setRequestHeader("Authorization", "Basic " + userinfo.sessionId);
                                        xhr.setRequestHeader('geoposition', userinfo.latd + ':' + userinfo.lgId);
                                    }
                                },
                                processResults: function (data) {
                                    var selectData = [];
                                    var Data;
                                    var result = JSON.parse(data.result);
                                    if (!result.Data) {
                                        selectData.push({ id: 123456, text: "No results found", disabled: true });
                                    }
                                    else {
                                        Data = JSON.parse(result.Data);
                                        for (var i = 0; i < Data.length; i++) {
                                            selectData.push({
                                                id: Data[i][res.valueColumn],
                                                text: Data[i][res.textColumn]
                                            });
                                        }
                                        ;
                                    }
                                    return { results: selectData };
                                }
                            },
                            templateResult: function (item) { return item.text; },
                            templateSelection: function (item) { return item.text; },
                        }).on('select2:select', function (e) {
                            let value = e.params.data.id;
                            if (rv_instance) {
                                for (var d = 0; d < rv_instance.getdynamicfilters.length; d++) {
                                    var parentCol = rv_instance.getdynamicfilters[d];
                                    if (parentCol.parentColumn == res.isFilterableColumn) {
                                        var casFil = { ParentColumn: parentCol.parentColumn, ChildColumn: parentCol.isFilterableColumn, Value: value.toString(), DynamicFilterId: parentCol.dynamicFilterId };
                                        if (rv_instance.cascadingFilters.length > 0) {
                                            var index = rv_instance.cascadingFilters.findIndex(f => f.ChildColumn == parentCol.isFilterableColumn);
                                            if (index > -1) {
                                                rv_instance.cascadingFilters.splice(index, 1);
                                            }
                                        }
                                        rv_instance.cascadingFilters.push(casFil);
                                    }
                                }
                            }
                            if (isMultiple) {
                                instance.toggleSelect2CountInPinFilters($(this), containerid);
                            }
                        }).on('select2:clear', function (e) {
                            for (var sc = 0; sc < rv_instance.cascadingFilters.length; sc++) {
                                var casFil = rv_instance.cascadingFilters[sc];
                                if (casFil.ParentColumn == res.isFilterableColumn) {
                                    $("#autotxtcolumn" + containerid + "_" + casFil.DynamicFilterId).val(Ids).trigger('change');
                                    rv_instance.cascadingFilters.splice(sc, 1);
                                    sc--;
                                }
                            }
                        }).on('select2:open', function (e) {
                            const dropdownEl = $(this).data('select2').dropdown.$dropdown;
                            dropdownEl.off('click').click(function (e) {
                                e.stopPropagation();
                            });
                            dropdownEl.on('click', '.select2-search--dropdown,.select2-search__field', function (e) {
                                e.stopPropagation();
                            });
                        }).on('select2:unselecting', function () {
                            $(this).data('unselecting', true);
                        }).on('select2:unselect', function () {
                            if (isMultiple) {
                                instance.toggleSelect2CountInPinFilters($(this), containerid);
                            }
                        }).on('select2:opening', function (e) {
                            if ($(this).data('unselecting')) {
                                $(this).removeData('unselecting');
                                e.preventDefault();
                            }
                        });
                        $("#" + select2id).val(Ids).trigger('change');
                        if ($(`#filters-list${containerid}`).hasClass('pinned-report-filters')) {
                            const selectContainer = $(`#${select2id}`).data('select2').$container;
                            selectContainer.attr('style', `width:${selectContainer.width()}px !important`);
                        }
                    }
                    toggleSelect2CountInPinFilters(element, containerid) {
                        if ($(`#filters-list${containerid}`).hasClass('pinned-report-filters')) {
                            const selectedCount = element.select2('data').length;
                            const searchEl = element.data('select2').$selection;
                            searchEl.find('.select2-selection__count').remove();
                            if (selectedCount > 1) {
                                searchEl.append(`<span class="select2-selection__count"><span class="badge badge-danger flex-center">${selectedCount > 9 ? '9+' : selectedCount - 1}</span></span>`);
                            }
                        }
                    }
                    changeDateFilters(dynamicfilterid, containerid) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        if (rv_instance != undefined) {
                            let date = rv_instance.dateFilters.find(d => d.ParameterValue == dynamicfilterid);
                            if (date == undefined) {
                                let getfill = rv_instance.getdynamicfilters.find(gd => gd.dynamicFilterId == dynamicfilterid);
                                if (getfill) {
                                    var dateFilter = {
                                        ParameterName: getfill.isFilterableColumn,
                                        ParameterValue: dynamicfilterid,
                                        FromDate: $("#hfBizgaze_FromDate" + containerid + '_' + dynamicfilterid).val(),
                                        ToDate: $("#hfBizgaze_ToDate" + containerid + '_' + dynamicfilterid).val(),
                                    };
                                    rv_instance.dateFilters.push(dateFilter);
                                }
                            }
                            else if (date) {
                                date.FromDate = $("#hfBizgaze_FromDate" + containerid + '_' + dynamicfilterid).val();
                                date.ToDate = $("#hfBizgaze_ToDate" + containerid + '_' + dynamicfilterid).val();
                            }
                            var index = rv_instance.dateFilters.findIndex(x => x.ParameterValue == dynamicfilterid);
                            if (index > -1) {
                                rv_instance.dateFilters[index].FromDate = $("#hfBizgaze_FromDate" + containerid + '_' + dynamicfilterid).val();
                                rv_instance.dateFilters[index].ToDate = $("#hfBizgaze_ToDate" + containerid + '_' + dynamicfilterid).val();
                            }
                        }
                    }
                    exportToExcel(tablename) {
                        $(document).ready(function () {
                            var tab_text = '<table border="1px"  >';
                            var textRange;
                            var txtArea1;
                            var j = 0;
                            var tab = document.getElementById('table-data');
                            var lines = tab.rows.length;
                            $('tr:empty').remove();
                            var excelheader = "<table  border='1px'>";
                            if (lines > 0) {
                                tab_text = tab_text + '<tr>' + tab.rows[0].innerHTML + '</tr>';
                            }
                            excelheader += tab_text;
                            for (j = 1; j < lines; j++) {
                                if (tab.rows[j].style.display != 'none') {
                                    tab_text = tab_text + "<tr>" + tab.rows[j].innerHTML + "</tr>";
                                }
                            }
                            tab_text = tab_text + "</table>";
                            tab_text = tab_text + "</table>";
                            tab_text = tab_text.replace(/<A[^>]*>|<\/A>/g, "");
                            tab_text = tab_text.replace(/<img[^>]*>/gi, "");
                            tab_text = tab_text.replace(/<input[^>]*>|<\/input>/gi, "");
                            var ua = window.navigator.userAgent;
                            var msie = ua.indexOf("MSIE ");
                            if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
                                txtArea1.document.open("txt/html", "replace");
                                txtArea1.document.write(tab_text);
                                txtArea1.document.close();
                                txtArea1.focus();
                                let sa = txtArea1.document.execCommand("SaveAs", true, "DataTableExport.pdf");
                            }
                            else
                                var myBlob = new Blob([tab_text], { type: 'application/vnd.ms-excel' });
                            var url = window.URL.createObjectURL(myBlob);
                            var a = document.createElement("a");
                            document.body.appendChild(a);
                            a.href = url;
                            a.download = tablename + '.xls';
                            a.click();
                            setTimeout(function () { window.URL.revokeObjectURL(url); }, 0);
                        });
                    }
                    clearDateFilter(containerid, dynamicfilterid) {
                        var instance = this;
                        let filterpanel_instance = Unibase.Platform.Analytics.Components.FilterPanel.Instance();
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        if (rv_instance) {
                            if (rv_instance.dateFilters.length > 0) {
                                let index = rv_instance.dateFilters.findIndex(d => d.ParameterValue == dynamicfilterid);
                                if (index > -1)
                                    rv_instance.dateFilters.splice(index, 1);
                            }
                        }
                        if (filterpanel_instance.selectedDates.length > 0) {
                            let dIndex = filterpanel_instance.selectedDates.findIndex(s => s.Id == dynamicfilterid && s.containerid == containerid);
                            if (dIndex > -1)
                                filterpanel_instance.selectedDates.splice(dIndex, 1);
                        }
                        $("#report-daterange" + containerid + '-' + dynamicfilterid).val("");
                        $(".daterange-cross-icon" + containerid + '_' + dynamicfilterid).addClass("hidden");
                    }
                    clearTextBox(containerid, dynamicfilterid) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        if (rv_instance) {
                            if (rv_instance.dynamicFilters.length > 0) {
                                let index = rv_instance.dynamicFilters.findIndex(d => d.DynamicFilterId == dynamicfilterid);
                                if (index > -1)
                                    rv_instance.dynamicFilters.splice(index, 1);
                            }
                        }
                        $('#txtboxcolumn' + containerid + '_' + dynamicfilterid).val('');
                        $(`#inputClearIcon_${containerid}_${dynamicfilterid}`).addClass('d-none');
                    }
                    toggleTextBoxClearIcon(containerid, dynamicfilterid) {
                        const inputVal = $(`#txtboxcolumn${containerid}_${dynamicfilterid}`).val();
                        const clearIconEl = $(`#inputClearIcon_${containerid}_${dynamicfilterid}`);
                        if (inputVal.trim().length > 0) {
                            clearIconEl.removeClass('d-none');
                        }
                        else {
                            clearIconEl.addClass('d-none');
                        }
                    }
                    clearDynamicFilters(reportid, containerid, ignoreLoadingFilterRequest) {
                        var instance = this;
                        let filterpanel_instance = Unibase.Platform.Analytics.Components.FilterPanel.Instance();
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        if (rv_instance) {
                            if (rv_instance.dynamicFilters.length > 0) {
                                for (let i = 0; i < rv_instance.dynamicFilters.length; i++) {
                                    $("#txtboxcolumn" + containerid + '_' + rv_instance.dynamicFilters[i].DynamicFilterId).val('');
                                    if (rv_instance.dynamicFilters[i].ParameterValues && rv_instance.dynamicFilters[i].ParameterValues.length > 0) {
                                        $("#select2" + containerid + "_" + rv_instance.dynamicFilters[i].DynamicFilterId).val("");
                                        $("#select2" + containerid + "_" + rv_instance.dynamicFilters[i].DynamicFilterId).trigger("change");
                                    }
                                }
                            }
                            if (rv_instance.dateFilters.length > 0) {
                                for (let d = 0; d < filterpanel_instance.selectedDates.length; d++) {
                                    let datefills = rv_instance.dateFilters.find(df => df.ParameterValue == filterpanel_instance.selectedDates[d].Id);
                                    if (datefills) {
                                        filterpanel_instance.selectedDates.splice(d, 1);
                                    }
                                }
                                for (let i = 0; i < rv_instance.dateFilters.length; i++) {
                                    let datefills = rv_instance.dateFilters[i];
                                    instance.clearDateFilter(containerid, datefills.ParameterValue);
                                    if (datefills) {
                                        filterpanel_instance.selectedDates.splice(i, 1);
                                    }
                                }
                            }
                            if ($(`#filters-list${containerid}`).hasClass('pinned-report-filters')) {
                                $(`#staticFiltersSelect_${containerid}`).val(1).trigger('change');
                                rv_instance.filterId = 1;
                            }
                            if (rv_instance.reportResponse && rv_instance.reportResponse.result && rv_instance.reportResponse.result.ReportInfo && rv_instance.reportResponse.result.ReportInfo.IsEnableGlobalDatepicker) {
                                instance.clearGlobalDateFilter(containerid, rv_instance.ReportId);
                            }
                            if (rv_instance.isSubReport) {
                                instance.removeSubReportDynamicFilters(rv_instance);
                            }
                            else {
                                rv_instance.dynamicFilters = [];
                                rv_instance.dateFilters = [];
                                instance.dynamicFilters = [];
                            }
                            Unibase.Platform.Helpers.NavigationHelper.Filter = [];
                            instance.navigationHelper.showLoading();
                            instance.PageSize = rv_instance.PageSize;
                            !ignoreLoadingFilterRequest && this.loadFilteredReport(reportid, instance.filterId ? instance.filterId : rv_instance.filterId, containerid);
                            if ($(`#biz-filter-dropdown${containerid}`).hasClass('show')) {
                                $(`#filter-icon${containerid}`).dropdown('toggle');
                            }
                            let parentEl = $(`#dynamic-filters${containerid},#filters-list${containerid}`);
                            parentEl.find('select').not('.static-filters-select').each(function (i, el) {
                                $(el).val('').trigger('change');
                            });
                            $('.dynamic-filters' + containerid).addClass('invisible');
                        }
                    }
                    _applyfilter(reportid, containerid) {
                        var instance = this;
                        let ErrorProduced = false;
                        var IsAdmin = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().isAdmin;
                        if (IsAdmin) {
                            $(`#applyToggleBtn${containerid}`).removeClass('d-none').parent().addClass('toggle-btn');
                        }
                        instance.navigationHelper.showLoading();
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        if (rv_instance) {
                            for (var i = 0; i < rv_instance.getdynamicfilters.length; i++) {
                                var fil = rv_instance.getdynamicfilters[i];
                                var autocompletecolvalue = "";
                                var autocompletecoltext = "";
                                var select2colvalues = [];
                                var select2coltexts = [];
                                var expobj = Platform.Core.Enums.ExpressionOperator.Equals;
                                let id = "";
                                if (fil.controlTypeId == Unibase.Platform.Analytics.Enums.ControlType.textbox) {
                                    id = "#txtboxcolumn" + containerid + '_' + fil.dynamicFilterId;
                                    autocompletecolvalue = $(id).val();
                                    autocompletecoltext = $("option:selected", "#autotxtcolumn" + containerid + '_' + fil.dynamicFilterId).text();
                                    if (fil.IsRequired && !autocompletecolvalue) {
                                        $(id).addClass("form-group-required");
                                        ErrorProduced = true;
                                    }
                                    else if ($(id).hasClass("form-group-required")) {
                                        $(id).removeClass("form-group-required");
                                        ErrorProduced = false;
                                    }
                                }
                                else if (fil.controlTypeId == Unibase.Platform.Analytics.Enums.ControlType.select2) {
                                    let select2 = "#select2" + containerid + '_' + fil.dynamicFilterId;
                                    let data = $(select2).select2('data');
                                    select2colvalues = data.map(x => x.id);
                                    select2coltexts = data.map(x => x.text);
                                    expobj = Platform.Core.Enums.ExpressionOperator.In;
                                    if (fil.IsRequired && (!select2colvalues || (select2colvalues && !select2colvalues.length))) {
                                        $(select2).next().addClass("form-group-required");
                                        ErrorProduced = true;
                                    }
                                    else if ($(select2).next().hasClass("form-group-required")) {
                                        $(select2).next().removeClass("form-group-required");
                                        ErrorProduced = false;
                                    }
                                }
                                else if (fil.controlTypeId == Unibase.Platform.Analytics.Enums.ControlType.autocomplete || fil.controlTypeId == Unibase.Platform.Analytics.Enums.ControlType.cascadingautocomplete) {
                                    let id = "#autotxtcolumn" + containerid + '_' + fil.dynamicFilterId;
                                    autocompletecolvalue = $("option:selected", id).val();
                                    autocompletecoltext = $("option:selected", id).text();
                                    if (fil.IsRequired && (autocompletecolvalue == "Select" || autocompletecolvalue == "0" || !autocompletecolvalue)) {
                                        $(id).next().addClass("form-group-required");
                                        ErrorProduced = true;
                                    }
                                    else if ($(id).next().hasClass("form-group-required")) {
                                        $(id).next().removeClass("form-group-required");
                                        ErrorProduced = false;
                                    }
                                }
                                var duplicateFilIndex = instance.dynamicFilters.findIndex(x => x.ParameterName == fil.isFilterableColumn.trim() && x.ParameterValue != autocompletecolvalue);
                                if (duplicateFilIndex > -1)
                                    instance.dynamicFilters.splice(duplicateFilIndex, 1);
                                var filter = instance.dynamicFilters.find(x => x.ParameterName == fil.isFilterableColumn.trim()) ? true : false;
                                if (!filter && autocompletecolvalue || select2colvalues.length > 0) {
                                    if (autocompletecolvalue != "Select" && autocompletecolvalue || select2colvalues.length > 0) {
                                        instance.dynamicFilters.push({
                                            ParameterName: fil.isFilterableColumn.trim(),
                                            ParameterValue: autocompletecolvalue,
                                            ParameterValues: select2colvalues,
                                            Select2Text: select2coltexts,
                                            ExpOp: expobj,
                                            ParameterText: autocompletecoltext,
                                            DynamicFilterId: fil.dynamicFilterId,
                                            FontCaseTypeId: fil.fontCaseTypeId,
                                            IsUnLimited: fil.isUnLimited,
                                            IsCustomFilter: fil.isCustomFilter,
                                            IsDynamicFitler: true,
                                        });
                                        instance.ReportId = reportid;
                                    }
                                }
                            }
                            Unibase.Platform.Filters.Components.EditFilter.Instance().filters = instance.dynamicFilters;
                            if (rv_instance.isSubReport) {
                                instance.dynamicFilters.forEach(filter => {
                                    const index = rv_instance.dynamicFilters.findIndex(x => x.ParameterName === filter.ParameterName);
                                    if (index !== -1) {
                                        rv_instance.dynamicFilters[index] = filter;
                                    }
                                    else {
                                        rv_instance.dynamicFilters.push(filter);
                                    }
                                });
                                if (instance.dynamicFilters.length !== rv_instance.getdynamicfilters.length) {
                                    instance.removeSubReportDynamicFilters(rv_instance);
                                }
                            }
                            else {
                                rv_instance.dynamicFilters = instance.dynamicFilters;
                            }
                            if (rv_instance && rv_instance.PageSize)
                                instance.PageSize = rv_instance.PageSize;
                            !ErrorProduced && instance.loadFilteredReport(reportid, instance.filterId ? instance.filterId : rv_instance.filterId, containerid);
                            !ErrorProduced && $(`#filter-icon${containerid}`).dropdown('toggle');
                            if (ErrorProduced) {
                                instance.navigationHelper.hideLoading();
                                rv_instance.dynamicFilters = [];
                                instance.dynamicFilters = [];
                            }
                        }
                    }
                    removeSubReportDynamicFilters(rv_instance) {
                        const instance = this;
                        rv_instance.getdynamicfilters.forEach(filter => {
                            if (filter.isFilterableColumn) {
                                const appliedFilterIndex = instance.dynamicFilters.findIndex(x => x.ParameterName === filter.isFilterableColumn);
                                if (appliedFilterIndex === -1) {
                                    const filterIndex = rv_instance.dynamicFilters.findIndex(x => x.ParameterName === filter.isFilterableColumn);
                                    if (filterIndex !== -1) {
                                        rv_instance.dynamicFilters.splice(filterIndex, 1);
                                    }
                                }
                            }
                        });
                    }
                    loadFilteredReport(reportid, filterid, containerid) {
                        var instance = this;
                        let rv_instance = instance.getReportViewerInstance(containerid);
                        let { fromDate, toDate } = this.checkForReportDatePicker(reportid, containerid);
                        if (rv_instance.fromDate && rv_instance.toDate) {
                            fromDate = rv_instance.fromDate;
                            toDate = rv_instance.toDate;
                        }
                        if (!rv_instance.PageSize)
                            instance.PageSize = rv_instance.PageSize;
                        !rv_instance.dateFilters && (rv_instance.dateFilters = []);
                        rv_instance.filterId = instance.filterId = Number(filterid);
                        let isdynamicfilters = instance.isIdentityFilter(rv_instance.dynamicFilters);
                        let { stringifiedSortColumns } = this.getStringfySortColsAlongWithGrpByCols(containerid, rv_instance);
                        var repObj = {
                            ReportId: Number(reportid),
                            Filter: rv_instance.dynamicFilters,
                            DateFilter: rv_instance.dateFilters,
                            FilterId: Number(filterid),
                            Page: instance.Page,
                            pageSize: instance.PageSize,
                            IsEnableCount: rv_instance.isEnableCount,
                            InputParameters: rv_instance.inputParameters,
                            SearchTerm: rv_instance.ListSearchTerm,
                            FromDate: fromDate,
                            ToDate: toDate,
                            viewerTypeId: rv_instance && rv_instance.ViewerSettings && rv_instance.ViewerSettings.selectedViewerTypeId,
                            DisplayModeTypeId: this.getDisplayModeTypeId(),
                            IsDynamicFilterApplied: isdynamicfilters,
                            SortColumn: stringifiedSortColumns,
                            viewerId: rv_instance.ViewerSettings && rv_instance.ViewerSettings.selectedViewerId,
                            isShowAll: rv_instance.isShowAll,
                        };
                        instance.reportManager.getReportInfo(repObj).then(function (response) {
                            return __awaiter(this, void 0, void 0, function* () {
                                if (response.status != Unibase.Data.Status.Success) {
                                    instance.navigationHelper.hideLoading();
                                    MessageHelper.Instance().showError(response.message, "div_ErrorMessage", containerid);
                                    return false;
                                }
                                rv_instance.isApplyFilter = true;
                                rv_instance.reportResponse = response;
                                if (response.result.ReportJsonData.Result.Data != "") {
                                    rv_instance.reportDatalength = JSON.parse(response.result.ReportJsonData.Result.Data).length;
                                    rv_instance.reportData = JSON.parse(response.result.ReportJsonData.Result.Data);
                                }
                                else {
                                    rv_instance.reportData = [];
                                }
                                instance.bindAppliedFilterCount(rv_instance, containerid);
                                if (!response.result.ReportInfo.IsEnableCount) {
                                    if (response.result.ReportJsonData.Result.Data == "") {
                                        $("#Viewer_pagintion" + containerid).addClass("hidden");
                                    }
                                    else {
                                        $("#Viewer_pagintion" + containerid).addClass("hidden");
                                        $(".rpt-Count" + containerid).removeClass("hidden");
                                    }
                                }
                                else {
                                    if (response.result.ReportJsonData.Result.Data == "")
                                        $("#Viewer_pagintion" + containerid).addClass("hidden");
                                    else
                                        $("#Viewer_pagintion" + containerid).removeClass("hidden");
                                    $(".rpt-Count" + containerid).addClass("hidden");
                                }
                                if (response.result.ReportInfo.ReportTypeId == Unibase.Platform.Analytics.Reports.Enums.ReportType.Table) {
                                    if ($("#" + containerid + " .templateviewer-body").is(":visible") != true && instance.isTableView(containerid)) {
                                        var filterresponse = response.result.ReportJsonData;
                                        instance.navigationHelper.hideLoading();
                                        let tableViewer = Unibase.Platform.Analytics.Viewers.TableViewer.Instance();
                                        if (response.result.ReportInfo.PivotTypeId != 0 && !response.result.ReportInfo.IsTreeExpand) {
                                            tableViewer.loadView(response, reportid, rv_instance.ViewerSettings.selectedViewerTypeId, instance.Page, instance.PageSize, containerid, rv_instance.ViewerSettings, null, rv_instance.reportWidgetData);
                                        }
                                        else {
                                            let responseData = filterresponse.Result.Data;
                                            if (responseData == "")
                                                responseData = [];
                                            else {
                                                let { hasImageUrl, data } = tableViewer.checkForImageUrlAndUpdateTableData(rv_instance.reportColumns, JSON.parse(responseData));
                                                if (hasImageUrl)
                                                    responseData = data;
                                            }
                                            rv_instance.table.replaceData(responseData).then(function (rows) {
                                                if (!responseData.length) {
                                                    $("#btn-list-load-more_div_" + containerid).addClass('hidden');
                                                    $(`#Viewer_${containerid} .report-viewer-footer`).addClass('hidden');
                                                    if (!rv_instance.dynamicFilters.length && !rv_instance.reportResponse.result.ReportInfo.IsAutoData)
                                                        $("#" + containerid).find(".tabulator-placeholder").children().children().text("Select filter to show data");
                                                    else
                                                        $("#" + containerid).find(".tabulator-placeholder").children().children().text("No data available");
                                                }
                                                else {
                                                    $(`#Viewer_${containerid} .report-viewer-footer`).removeClass('hidden');
                                                }
                                                rv_instance.table.redraw(true);
                                                tableViewer.bindWidgetConfigurations(containerid, rows);
                                            });
                                        }
                                        let datalength;
                                        if (filterresponse.Result.Data == "")
                                            datalength = 0;
                                        else if (typeof (filterresponse.Result.Data) == 'string')
                                            datalength = JSON.parse(filterresponse.Result.Data).length;
                                        else
                                            datalength = filterresponse.Result.Data.length;
                                        if (datalength >= filterresponse.TotalRecords) {
                                            if (filterresponse.TotalRecords != 0)
                                                $("#btn-list-load-more_" + containerid).addClass('hidden');
                                            $('#Viewer_pagintion' + containerid).html(filterresponse.TotalRecords + ' ' + 'of' + ' ' + filterresponse.TotalRecords);
                                        }
                                        else {
                                            $('#Viewer_pagintion' + containerid).html(datalength + ' ' + 'of' + ' ' + filterresponse.TotalRecords);
                                        }
                                        $("#Viewer_pagintion_count" + containerid).html(`(${filterresponse.TotalRecords})`);
                                        let VisibleContainerId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                                        var notdashboard = $("#" + VisibleContainerId).find("#dashboardwidget-container").length;
                                        var notdetailspage = $("#" + VisibleContainerId).find(".detail-container-content").length;
                                        var nomodal = $("._bizgaze_popup_container").find(".NoMore-Records").length;
                                        if (datalength < 20 || datalength == 0) {
                                            $("#btn-list-load-more_" + containerid).addClass('hidden');
                                            if (notdashboard == 0 && notdetailspage == 0 && nomodal == 0 && datalength != 0) {
                                                $("#btn-list-load-more_" + containerid).parents().find(".NoMore-Records").removeClass('d-none');
                                            }
                                        }
                                        else {
                                            $("#btn-list-load-more_" + containerid).removeClass('hidden').parent().removeClass("hidden");
                                            if (notdashboard == 0 && notdetailspage == 0 && nomodal == 0 && datalength != 0) {
                                                $("#btn-list-load-more_" + containerid).parents().find(".NoMore-Records").addClass('d-none');
                                            }
                                        }
                                    }
                                    else {
                                        Unibase.Platform.Analytics.Viewers.TemplateViewer.Instance().last_page = 1;
                                        Unibase.Platform.Analytics.Viewers.TemplateViewer.Instance().ListSearchTerm = Unibase.Platform.Helpers.NavigationHelper.ListSearchTerm;
                                        instance.loadDefaultViewer(reportid, containerid, rv_instance && rv_instance.reportResponse && rv_instance.reportResponse.result && rv_instance.reportResponse.result.ReportInfo);
                                    }
                                }
                                else {
                                    var _chartviewer = Unibase.Platform.Analytics.Charts.ChartViewer.Instance();
                                    _chartviewer.Filter = instance.dynamicFilters;
                                    if (rv_instance.reportWidgetData != 0 && rv_instance.reportWidgetData != null)
                                        _chartviewer.WidgetName = rv_instance.reportWidgetData.Data.WidgetName;
                                    instance.navigationHelper.loadSection(reportid, containerid, _chartviewer, null, null);
                                }
                                if (filterid) {
                                    $(`#ViewerHeader_${containerid} .filter-item.active`).removeClass('active');
                                    $("#ViewerHeader_" + containerid).find(".liFilter_" + filterid).addClass('active');
                                }
                            });
                        });
                    }
                    clearGlobalDateFilter(containerId, reportId) {
                        var dateTimeHelper = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                        let user = Unibase.Platform.Membership.Infos.Identity.currentUser;
                        let formattedFromDate = dateTimeHelper.formatLocalDateTime(user.fromDate).split(" ")[0];
                        let formattedToDate = dateTimeHelper.formatLocalDateTime(user.toDate).split(" ")[0];
                        let serverFromDate = dateTimeHelper.formatServerDate(formattedFromDate);
                        let serverToDate = dateTimeHelper.formatServerDate(formattedToDate);
                        var datetype = Unibase.Platform.Analytics.Components.FilterPanel.Instance().getDateRangeString(Unibase.Platform.Membership.Infos.Identity.currentUser.globalDateRangeTypeId);
                        $(`#hfBizgaze_FromDate${containerId}_${reportId}`).val(serverFromDate);
                        $(`#hfBizgaze_ToDate${containerId}_${reportId}`).val(serverToDate);
                        $(`#report-daterange${containerId}-${reportId}`).val(formattedFromDate + " -" + formattedToDate);
                        $(`#dynamic-filters${containerId} #hfSelectedRangeKey`).val(datetype);
                    }
                    bindAppliedFilterCount(rv_instance, containerid) {
                        let dynamicFilterCount = 0;
                        if (rv_instance.dynamicFilters.length && rv_instance.dateFilters.length) {
                            dynamicFilterCount = rv_instance.dynamicFilters.length + rv_instance.dateFilters.length;
                        }
                        else if (rv_instance.dateFilters && rv_instance.dateFilters.length) {
                            dynamicFilterCount = rv_instance.dateFilters.length;
                        }
                        else {
                            dynamicFilterCount = rv_instance.dynamicFilters.length;
                        }
                        if (dynamicFilterCount) {
                            $(`#appliedFilterCount_${containerid}`).text(dynamicFilterCount).addClass('active');
                        }
                        else {
                            $(`#appliedFilterCount_${containerid}`).text('0').removeClass('active');
                        }
                    }
                    renderReportDeleteDailog() {
                        bootbox.confirm("Are you sure you want delete this report ?", (result) => {
                            if (result) {
                                let reportId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key.endsWith("reportid")).Value);
                                this.reportManager.deleteReport(reportId).then((delresponse) => {
                                    if (delresponse.status == Unibase.Data.Status.Success) {
                                        Unibase.Platform.Apps.Managers.AppManager.Instance().getInstallAppId("Unibase_Platform_Analytics_Reports_App_Reports").then((response) => {
                                            if (response.status == Unibase.Data.Status.Success)
                                                Unibase.Themes.Compact.Components.Nav.Instance().loadList(response.result.InstalledAppId);
                                        });
                                        MessageHelper.Instance().showSuccess(delresponse.message, 'div_message');
                                    }
                                    else
                                        MessageHelper.Instance().showError(delresponse.message, 'div_message');
                                });
                            }
                        });
                    }
                    getDisplayModeTypeId() {
                        let displayModeId = 0;
                        var width = $(window).width();
                        if (width <= 576) {
                            displayModeId = Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.Mobile;
                        }
                        else {
                            displayModeId = Unibase.Platform.Analytics.Reports.Enums.DisplayModeType.DeskTop;
                        }
                        return displayModeId;
                    }
                    getFromDateToDate() {
                        var fromDate = "";
                        var toDate = "";
                        var cf_fromDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate;
                        var cf_toDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate;
                        if (cf_fromDate != null && cf_toDate != null) {
                            fromDate = cf_fromDate.toString();
                            toDate = cf_toDate.toString();
                        }
                        else {
                            fromDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                            toDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                        }
                        return { FromDate: fromDate, ToDate: toDate };
                    }
                    updateStatus(reportid, statusid) {
                        var instance = this;
                        let reportId;
                        if (reportid != 0)
                            reportId = reportid;
                        else
                            reportId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key.endsWith("reportid")).Value);
                        let statusId;
                        if (statusid != 0)
                            statusId = statusid;
                        else
                            statusId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key.endsWith("statusid")).Value);
                        let installedappId = Number(Unibase.Themes.Providers.DetailHelper.installedAppId);
                        $("#DetailSetting_" + installedappId + "_Active").removeClass("btn-outline-primary");
                        if (statusId == Unibase.Platform.Core.Enums.RowStatus.Active) {
                            $("#DetailSetting_" + installedappId + "_Active").addClass("btn-success");
                            $("#DetailSetting_" + installedappId + "_Active").removeClass("btn-red");
                        }
                        else {
                            $("#DetailSetting_" + installedappId + "_Active").removeClass("btn-success");
                            $("#DetailSetting_" + installedappId + "_Active").addClass("btn-red");
                        }
                        $("#DetailSetting_" + installedappId + "_Active").text((statusId == Unibase.Platform.Core.Enums.RowStatus.Active) ? "Active" : "InActive");
                        $("#DetailSetting_" + installedappId + "_Active").click(function () {
                            let id = Unibase.Platform.Core.Enums.RowStatus.Active;
                            if ($("#DetailSetting_" + installedappId + "_Active").text() == "Active")
                                id = Unibase.Platform.Core.Enums.RowStatus.InActive;
                            instance.reportManager.updateReportStatus(reportId, id).then(function (statusres) {
                                if (statusres.status == Unibase.Data.Status.Success) {
                                    instance.updateStatus(reportId, id);
                                }
                            });
                        });
                    }
                    getUserIdentityParameters() {
                        return [{ ColumnName: "branchid" }, { ColumnName: "companyid" }];
                    }
                    isIdentityFilter(dynamicfilters) {
                        var instance = this;
                        let isdynamicfilters = false;
                        if (dynamicfilters.length > 0) {
                            for (var i = 0; i < dynamicfilters.length; i++) {
                                let identity_params = instance.getUserIdentityParameters().find(u => u.ColumnName == dynamicfilters[i].ParameterName) ? true : false;
                                if (identity_params)
                                    isdynamicfilters = true;
                            }
                        }
                        return isdynamicfilters;
                    }
                    getStringfySortColsAlongWithGrpByCols(containerid, rv_instance) {
                        let allSortColumns = [];
                        let selectedGroupByText = [];
                        let selectElement = $(`#groupByCatSelect_${containerid}`);
                        if (selectElement.length && selectElement.hasClass("select2-hidden-accessible")) {
                            $(`#groupByCatSelect_${containerid}`).select2('data').forEach((obj) => {
                                if (rv_instance.sortColumn && rv_instance.sortColumn.length) {
                                    let idx = rv_instance.sortColumn.findIndex(x => x.Name == obj.text.trim());
                                    if (idx == -1) {
                                        allSortColumns.push({ Name: obj.text, Order: "Desc" });
                                    }
                                }
                                else {
                                    allSortColumns.push({ Name: obj.text, Order: "Desc" });
                                }
                                rv_instance.groupBy_Category.push(obj.id);
                                selectedGroupByText.push(obj.text);
                            });
                            if (allSortColumns && allSortColumns.length) {
                                allSortColumns = allSortColumns.concat(rv_instance.sortColumn);
                                if (allSortColumns && allSortColumns.length) {
                                    return {
                                        stringifiedSortColumns: JSON.stringify(allSortColumns),
                                        selectedGroupByText: selectedGroupByText,
                                        allSortColumns
                                    };
                                }
                            }
                            else if (rv_instance.sortColumn && rv_instance.sortColumn.length) {
                                return {
                                    stringifiedSortColumns: typeof (rv_instance.sortColumn) == 'string' ? rv_instance.sortColumn : JSON.stringify(rv_instance.sortColumn),
                                    selectedGroupByText: "",
                                    allSortColumns
                                };
                            }
                        }
                        return {
                            stringifiedSortColumns: "",
                            selectedGroupByText: "",
                            allSortColumns
                        };
                    }
                    refreshReportData(reportid, containerid, reportWidgetData) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            var rv_instance = instance.getReportViewerInstance(containerid);
                            var filters = rv_instance.dynamicFilters.filter(x => !x.IsDynamicFitler);
                            rv_instance.inputParameters = [], rv_instance.ListSearchTerm = "",
                                rv_instance.filterId = 0, rv_instance.dateFilters = [], rv_instance.isShowAll = false, this.filterId = 0;
                            rv_instance.clearDynamicFilters(reportid, containerid, true);
                            if (filters && filters.length) {
                                rv_instance.dynamicFilters = filters;
                            }
                            if (rv_instance.isLinkReport && rv_instance.linkReportFilterObj != null) {
                                if (rv_instance.linkReportFilterObj.InputParameters && rv_instance.linkReportFilterObj.InputParameters.length) {
                                    rv_instance.inputParameters = rv_instance.linkReportFilterObj.InputParameters;
                                }
                                if (rv_instance.linkReportFilterObj.DateFilters && rv_instance.linkReportFilterObj.DateFilters.length) {
                                    rv_instance.dateFilters = rv_instance.linkReportFilterObj.DateFilters;
                                }
                                if (rv_instance.linkReportFilterObj.DynamicFilters && rv_instance.linkReportFilterObj.DynamicFilters.length) {
                                    rv_instance.dynamicFilters = rv_instance.linkReportFilterObj.DynamicFilters;
                                }
                            }
                            if (rv_instance.isWidget && rv_instance.getdetailFilters && rv_instance.getdetailFilters[rv_instance.ReportId]) {
                                let fil = rv_instance.getdetailFilters[rv_instance.ReportId].Filter;
                                if (fil && fil.length)
                                    rv_instance.inputParameters = fil;
                            }
                            if (rv_instance.ViewerSettings.selectedViewerTypeId
                                === Unibase.Platform.Analytics.Reports.Enums.ViewerType.Table) {
                                instance.clearGroupByCategory(containerid);
                            }
                            $(`#${containerid} #ListSearch`).val("");
                            $(`#search-clear-icon${containerid}`).addClass('d-none').removeClass('d-flex');
                            $(`#ViewerHeader_${containerid} .filter-item.active`).removeClass('active');
                            $(`#ViewerHeader_${containerid} .liFilter_1`).addClass('active');
                            if (!rv_instance.isWidget) {
                                yield instance.loadFilters(reportid, containerid);
                            }
                            instance.getReportData(reportid, containerid, rv_instance.reportWidgetData, null);
                        });
                    }
                    DuplicateReport(reportId) {
                        if (!reportId) {
                            reportId = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key.endsWith("reportid")).Value);
                        }
                        this.navigationHelper.popup(reportId, "", Unibase.Platform.Analytics.Components.DuplicateReport.Instance(), null, Unibase.Platform.Helpers.Size.Large);
                    }
                    downloadGroupedData(reportid, containerid, reportwidgetdata, typeid, callback) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            let rv_instance = instance.getReportViewerInstance(containerid);
                            instance.Page = 0;
                            instance.PageSize = 0;
                            var jsfiles = ["libs/xlsx/xlsx.full.min.js", "libs/tabulator-tables/js/jspdf.min.js", "libs/tabulator-tables/js/jspdf.plugin.autotable.js"];
                            instance.fileCacheHelper.loadJsFiles(jsfiles, function () {
                                return __awaiter(this, void 0, void 0, function* () {
                                    yield instance.getReportData(reportid, containerid, null, null);
                                    var data = rv_instance.reportResponse && rv_instance.reportResponse.result && rv_instance.reportResponse.result.ReportJsonData && rv_instance.reportResponse.result.ReportJsonData.Result && rv_instance.reportResponse.result.ReportJsonData.Result.Data;
                                    yield Unibase.Platform.Analytics.Viewers.TableViewer.Instance().setGroupBy(rv_instance, containerid, data ? JSON.parse(data) : []);
                                    if (typeid == 1) {
                                        rv_instance.table.download("xlsx", "data.xlsx", { sheetName: "My Data" });
                                    }
                                    else {
                                        rv_instance.table.download("pdf", "data.pdf", {
                                            orientation: "portrait",
                                            title: rv_instance.reportname,
                                        });
                                    }
                                });
                            });
                        });
                    }
                    isTableView(containerId) {
                        let rv_ins = this.getReportViewerInstance(containerId);
                        if (rv_ins && rv_ins.ViewerSettings && rv_ins.ViewerSettings.selectedViewerTypeId) {
                            return rv_ins.ViewerSettings.selectedViewerTypeId == Unibase.Platform.Analytics.Reports.Enums.ViewerType.Table;
                        }
                        return false;
                    }
                    checkForReportDatePicker(reportid, containerid) {
                        let datetimeIns = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                        var fromDate = "";
                        var toDate = "";
                        var cf_fromDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate;
                        var cf_toDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate;
                        let rv_instance = this.getReportViewerInstance(containerid);
                        if (rv_instance && rv_instance.reportResponse && rv_instance.reportResponse.result && rv_instance.reportResponse.result.ReportInfo && rv_instance.reportResponse.result.ReportInfo.IsEnableGlobalDatepicker) {
                            let dyFilDate = $("#" + containerid).find("#report-daterange" + containerid + "-" + reportid).val();
                            if (dyFilDate) {
                                cf_fromDate = datetimeIns.formatLocalDateformat(cf_fromDate, "DD/MM/YYYY");
                                cf_toDate = datetimeIns.formatLocalDateformat(cf_toDate, "DD/MM/YYYY");
                                if (dyFilDate != cf_fromDate + " - " + cf_toDate) {
                                    fromDate = dyFilDate.split("-")[0].trim();
                                    toDate = dyFilDate.split("-")[1].trim();
                                    fromDate = datetimeIns.formatServerDate(fromDate);
                                    toDate = datetimeIns.formatServerDate(toDate);
                                }
                            }
                        }
                        return { fromDate: fromDate, toDate: toDate };
                    }
                    bindCountDetails(containerid, response) {
                        let rv_instance = this.getReportViewerInstance(containerid);
                        let data = 0;
                        let res = typeof (response.result) == "string" ? JSON.parse(response.result) : response.result;
                        if (rv_instance) {
                            if (rv_instance.reportResponse.result.ReportJsonData.Result.Data != "") {
                                if (typeof (rv_instance.reportResponse.result.ReportJsonData.Result.Data) == "string")
                                    data = JSON.parse(rv_instance.reportResponse.result.ReportJsonData.Result.Data).length;
                                else
                                    data = rv_instance.reportResponse.result.ReportJsonData.Result.Data.length;
                            }
                        }
                        if (response.totalRecords || res.TotalRecords || (res.ReportJsonData && res.ReportJsonData.TotalRecords))
                            rv_instance.totalRecords = response.totalRecords || res.TotalRecords || (res.ReportJsonData && res.ReportJsonData.TotalRecords);
                        if (rv_instance.totalRecords == 0)
                            rv_instance.reportDatalength = 0;
                        if (rv_instance && rv_instance.ViewerSettings && rv_instance.ViewerSettings.selectedViewerTypeId == Unibase.Platform.Analytics.Reports.Enums.ViewerType.Card) {
                            $(`#Viewer_pagintion${containerid}`).html(data + ' ' + 'of' + ' ' + rv_instance.totalRecords).removeClass('hidden');
                        }
                        else {
                            $(`#Viewer_pagintion${containerid}`).html(rv_instance.reportDatalength + ' ' + 'of' + ' ' + rv_instance.totalRecords).removeClass('hidden');
                        }
                        $(`.rpt-Count${containerid},#visibleReportCountWrap_${containerid}`).addClass('hidden');
                        var display_count = `<span>(${rv_instance.totalRecords})</span>`;
                        $(`#Viewer_pagintion_count${containerid}`).html(display_count);
                        var display_count_InMobile = `<span class="font-weight-500">Count : ${rv_instance.totalRecords}</span>`;
                        $(`#Viewer_pagintion_count_mobile${containerid}`).html(display_count_InMobile);
                    }
                    bindExistingPropsOfViewerInstance(containerid) {
                        let details_ins = Unibase.Themes.Compact.Components.Details.Instance();
                        if (details_ins.lastReportInstance) {
                            let rv_ins = this.getReportViewerInstance(containerid);
                            if (rv_ins.filterId) {
                                const id = rv_ins.filterId;
                                rv_ins.filterId = 0;
                                this.filterId = id;
                                $("#filters-list" + containerid).find(".active").removeClass("active");
                                $("#filters-list" + containerid).find(".liFilter_" + this.filterId).addClass("active");
                            }
                            if (rv_ins.dynamicFilters && rv_ins.dynamicFilters.length) {
                                this.bindAppliedFilterCount(rv_ins, containerid);
                            }
                            if (rv_ins.isEnableCount) {
                                this.bindCountDetails(containerid, rv_ins.reportResponse);
                            }
                            details_ins.lastReportInstance = null;
                        }
                    }
                    appendWidgetNoDataIcon(reportresp, containerid) {
                        $("#Viewer_" + containerid).addClass('widget-template-view');
                        if (reportresp && reportresp.Data == '') {
                            $("#Viewer_" + containerid).removeClass('show');
                            if (!$(`#widgetNoDataIcon_${containerid}`).length) {
                                $("#ViewerHeader_" + containerid).attr('aria-expanded', 'false').find('.card-header-right').append(`<a href="javascript:;" id="widgetNoDataIcon_${containerid}" class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-30 mr-10 no-report-data-icon" data-tooltip="true" title="No data available"><span class="btn-icon-wrap"><i class="fa fa-exclamation-triangle no-data-icon text-danger"></i></span></a>`);
                            }
                        }
                        else {
                            if (!$(`#widgetCollapseIcon_${containerid}`).length) {
                                $(`#ViewerHeader_${containerid} .card-header-right`).append(`<a href="javascript:;" id="widgetCollapseIcon_${containerid}" class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover d-30 widget-collapse-icon mr-10"><span class="btn-icon-wrap"><i class="fa fa-chevron-right"></i></span></a>`);
                            }
                        }
                    }
                    bindShowAllCountChangeEvents(containerid) {
                        const showAllCountEl = $(`#showAllCount_${containerid}`);
                        const showAllInputEl = $(`#showAllCount_${containerid}`);
                        $(`#btn-list-load-more_${containerid}`).on('shown.bs.dropdown', function () {
                            showAllInputEl.addClass('hidden');
                            showAllCountEl.removeClass('hidden');
                        });
                    }
                }
                Components._ReportViewer = _ReportViewer;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class ReportViewer extends Components._ReportViewer {
                    constructor() {
                        super();
                    }
                    jsFiles() {
                        return this._jsFiles();
                    }
                    cssFiles() {
                        return this._cssFiles();
                    }
                    html(id, containerid) {
                        return this._html(id, containerid);
                    }
                    load(id, containerid, callback) {
                        Unibase.Platform.Helpers.FileCacheHelper.Instance().addCacheFiles([
                            "platform/analytics/components/reportviewer/viewerpermissions.js",
                            "platform/analytics/components/reportbuilder/importandexport.js",
                            "platform/core/helpers/navigation/size.js",
                            "platform/dataapis/managers/dataapimanager.js",
                            "platform/integrations/managers/integrationmanager.js",
                            "platform/analytics/providers/ifiltersettings.js",
                            "platform/analytics/providers/iviewersettings.js",
                            "platform/filters/components/filterpermission.js",
                            "platform/analytics/components/filterpanel/filterpanel.js",
                            "platform/datasources/components/queryparser/queryparser.js",
                            "platform/analytics/components/mapviewer/mapviewer.settings.js",
                            "platform/analytics/components/mapviewer/mapviewer.js"
                        ]);
                        this.loadReport(id, 0, containerid, callback);
                    }
                    static Instance() {
                        return new ReportViewer();
                    }
                }
                Components.ReportViewer = ReportViewer;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class LinkReport extends Components._ReportViewer {
                    constructor() {
                        super();
                        this.linkreportid = 0;
                        this.LinkTableData = [];
                        this.LinkReportColumns = [];
                        this.isLinkReport = false;
                        this.PortletWidgetId = 0;
                        this._reportManager = Analytics.Managers.ReportManager.Instance();
                    }
                    cssFiles() {
                        return [];
                    }
                    jsFiles() {
                        var jsfiles = ["platform/analytics/components/reportviewer/_reportviewer.js"];
                        return jsfiles;
                    }
                    html(id, containerid) {
                        var reportid = id;
                        var newHtml_old = `<div class="card mb-0 border-0 BindData_` + containerid + ` findcontainer" style="background:none">
                                        <div class="card-header py-0 px-5 search-bar-main-wrapper line-loader-container bg-white p-relative" id="ViewerHeader_` + containerid + `">
                                    <div class="card-header-top d-flex align-items-center justify-content-between line-loader-container p-relative">
                                            <div class="line-loader"></div>
                                            <div id="div_ErrorMessage" class="form-error-message" style="margin-left:-5px; z-index:100;"></div>
                                            <div class="card-header-left">
                                                <ul class="w-100 d-flex list-inline align-items-center">
	<li><span class="nav-link biz-highlight-bg-color widget-font" id="WidgetTitleLink_` + containerid + `" data-toggle="" data-target="" aria-expanded="true">
	<span id="ReportTitle_` + containerid + `" class="">Loading...</span>
	<span id="Reportid_` + containerid + `" class="Reportid__dynamicfilter hidden"></span>
	<span id="Reportid_` + containerid + `" class="Reportid__commonfilter  hidden">Loading...</span>
	</span></li>
	<li> 
	<a class="nav-link d-none biz-removepadding biz-highlight-bg-color" href="javascript:;" id="Viewer_pagintion_Badge_count` + containerid + `"> (<span id="Viewer_pagintion_Badge_count_badge` + containerid + `">0 Records</span>) </a></li>
</ul>
                                            </div>
                                            <div class="card-header-right">
                                                ${Unibase.Platform.Analytics.Components.ReportViewer.Instance().getViewAllHtml(containerid, 'desktop', reportid)}
                                           <div class="card-search-bar">
                                                <div class="search-wrapper">
                                               <input class="form-control txt_global_search" id="ListSearch" type="text" placeholder = "Search" autocomplete="off"/>
                            <i class="fa fa-search search-left-icon"></i>
                                            <a href="javascript:;" class="filter-icon" id="filter-icon` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadDynamicFilters(${reportid},'${containerid}','.BindData_${containerid}',event)"><i class="las la-filter"></i></a></div>
                                                    <span class="search-icon-wrapper">
                                            <a class="biz-highlight-bg-color search_icon" id="search_icon` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().searchIconClick('${containerid}')"><i class="fa fa-search" aria-hidden="true"></i></a>
                                                <a href="javascript:;" class="search_close_icon biz-text-dark d-none" id="search_close_icon` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().closeIconClick('${containerid}')"><i class="fa fa-close"></i></a></span>
                                            </div>
                                                <span class="sp_widget_create_` + containerid + `"></span>
                                                <div class="my-auto">
                                                    <a class="nav-link no-caret biz-highlight-bg-color" href="javascript:;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="ViewerTypes_` + containerid + `" class="ViewerTypes_` + containerid + `" style="display:inline-block;">
                                                        <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
                                                    </a>                               
                                                    <div class="dropdown-menu dropdown-menu-right ViewerTypes_dropdown" id="dp_` + containerid + `_viewertypes">
                                                        <div class="sub-dropdown-menu show-on-hover subdrop_Tempalate_` + containerid + `"> </div>
                                                        <div id="Table_View_` + containerid + `" class="report-view-item">
                                                            <a href="javascript:;" class="dropdown-item d-flex align-items-center" id="DefaultTable_` + containerid + `"><input type="radio" name="SetAsDefault">
                                                                <span class="ml-5">Table View</span>
                                                            </a>
                                                        </div>
                                                        <div class="sub-dropdown-menu show-on-hover Viewer_Type">
                                                            <a href="javascript:;" class="dropdown-toggle dropdown-item no-caret pl-30">New<i class="fa fa-angle-right pull-right mt-5" aria-hidden="true"></i></a>
                                                            <div class="dropdown-menu open-left-side">
                                                                <a class="dropdown-item" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadViewerSettings(` + reportid + `,0,null, 'Unibase.Platform.Analytics.Components.TemplateViewerSettings.Instance()' , null, 'Helpers.Size.Auto');;" href="javascript:;">
                                                                    <span>New Template</span>
                                                                </a>
                                                                <a class="dropdown-item" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadViewerSettings(` + reportid + `,0,null, 'Unibase.Platform.Analytics.Components.CardViewerSettings.Instance()' , null, Unibase.Platform.Helpers.Size.Auto);" href="javascript:;">
                                                                    <span>New Card</span>
                                                                </a>
                                                                <a class="dropdown-item" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadViewerSettings(` + reportid + `,0,null, 'Unibase.Platform.Analytics.Components.CalendarViewerSettings.Instance()' , null, Unibase.Platform.Helpers.Size.Auto);" href="javascript:;">
                                                                    <span>New Calendar</span>
                                                                </a>
                                                                <a class="dropdown-item" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadViewerSettings(` + reportid + `,0,null, 'Unibase.Platform.Analytics.Components.MapViewerSettings.Instance()' , null, Unibase.Platform.Helpers.Size.Auto);" href="javascript:;">
                                                                    <span>New Map</span>
                                                                </a>
                                                            </div>
                                                        </div>

                                                        <a href="javascript:;" class="dropdown-item pl-30" id="EditTable_` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().EditReport(` + reportid + `,0, {{appinstalledappid}},0,'${containerid}')" ;>Edit Table</a>
                                                        <a href="javascript:;" class="dropdown-item pl-30" id="DuplicateTable_` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().EditReport(` + reportid + `,1, {{appinstalledappid}},0,'${containerid}')" ;>Duplicate</a>
                                                        <a href="javascript:;" class="dropdown-item pl-30"></a>
                                                        <a href="javascript:;" class="dropdown-item pl-30" id="DownloadReport_` + containerid + `" >Download</a>
                                                        <a href = "javascript:;" class="dropdown-item pl-30" id="reportPermissions_` + containerid + `" onclick ="Unibase.Platform.Analytics.Components.ReportViewer.Instance().reportPermissions(` + reportid + `)"> Permissions </a>
                            <a href="javascript:;" class="dropdown-item pl-30 saveViewAs" id="saveViewAs" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(` + reportid + `)">Save View As</a>
                            <a href="javascript:;" class="dropdown-item pl-30" id="editFilterOption` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().addEditIcons_Filters('` + containerid + `',` + reportid + `)">Edit Filter</a>
                                                     ${Unibase.Platform.Analytics.Components.ReportViewer.Instance().getViewAllHtml(containerid, 'mobile', reportid)}
                                                    </div>
                                                </div>
                                            </div>
                            <div class="biz-filter-dropdown dropdown-menu" id="biz-filter-dropdown` + containerid + `"><div data-simplebar class="filter-dropdown-body" id="filter-dropdown-body` + containerid + `"><div id="dynamic-filters` + containerid + `" class="dynamic-filters-list row mx-0"></div></div><div class="filter-dropdown-footer d-none" id="filter-dropdown-footer` + containerid + `"><a href="javascript:;" class="btn btn-outline-danger Filterbuttons" id="btn_ClearFilter` + containerid + `"><span class="btn-text mr-5">Clear</span><span class="icon-label"><i class="las la-filter"></i></span></a>
                            <div class="apply-btn-group" id="apply-btn-group` + containerid + `"><a href="javascript:;" class="btn btn-outline-primary Filterbuttons" id="ApplyGlobalFilter` + containerid + `">Apply</a><a href="javascript:;" class="btn btn-outline-primary ml-15 save-filter-btn" id="saveViewAs` + containerid + `" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().saveViewAs(` + reportid + `)">Save</a></div></div><div class="filter-dropdown-errmessage d-none" id="filter-dropdown-errmessage` + containerid + `"><div class="alert alert-danger mb-0 text-center" role="alert">No Filters!</div></div></div></div>
                                        <div class="card-header-filters d-none" id="card-header-filters` + containerid + `"><div id="nav-filters" class="nav-filters` + containerid + `"></div><a href="javascript:;" class="filter-left-icon filter-nav-icon hidden" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().changeFilterScroll(this,'${containerid}')" data-operation="-"><i class="fa fa-chevron-left"></i></a><a href="javascript:;" class="filter-right-icon filter-nav-icon hidden" onclick="Unibase.Platform.Analytics.Components.ReportViewer.Instance().changeFilterScroll(this,'${containerid}')" data-operation="+"><i class="fa fa-chevron-right"></i></a></div>
                                        </div>
                                         <div class="card-body pa-0 border-removed border-white-removed show templateviewer-tableview" id="Viewer_` + containerid + `"> </div>
                                        <div class="footer bg-white" id="ViewerFooter_` + containerid + `"><button id="btn-link-report-close" class="btn-linkReport-close btn btn-secondary btn-sm mr-auto">Close</button><span id="Viewer_pagintion` + containerid + `">0 of 0</span></div>
                                    </div>`;
                        let newHtml = `<section id="link-report-section" class="modal-content">
                                           <div class="modal-header pa-10" id="linkreport_header">
                                             <strong class="modal-title biz-highlight-bg-color">Link other report</strong>
                                           </div>
                                           <div data-simplebar class="simple-scroll-bar">
                                              <div id="divlinkreport_ErrorMessage"></div>
                                              <div class="modal-body bg-charcoal-light-5" id="linkreport_modal1">
                                                 <div class="sub-report-block card" data-select2-id="24">
                                                    <div data-select2-id="23">
                                                       <header class="sub-report-head">
                                                          <h6 class="required">
                                                             Link Report
                                                          </h6>
                                                       </header>
                                                       <div id="subrpts_div" data-select2-id="subrpts_div" class="">
                                                          <div class="report-body">
                                                             <div class="form-group">
                                                                <div id="divsubrpt_0" data-select2-id="divsubrpt_">
                                                                   <div id="div_Kanban" class="mb-10">
                                                                      <input type="hidden" id="hfReportAutoComplete" value="" />
                                                                      <select class="select_reports form-control custom-select" id="linkreport">
                                                                      </select>
                                                                   </div>
                                                                </div>
                                                             </div>
                                                          </div>
                                                       </div>
                                                    </div>
                                                 </div>
                                              </div>
                                           </div>
                                           <div class="modal-footer pa-10" id="linkreport_footer">
                                              <button type="button" class="btn btn-sm btn-light mr-auto" id="btnLinkReportClose">Cancel</button>
                                              <button type="button" class="btn btn-sm btn-theme" id="btnLinkReportSave">Save</button>
                                           </div>
                                        </section>`;
                        return newHtml;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/reports';
                        AutoCompleteHelper.getHelper().Create("#linkreport", "hfReportAutoComplete", url, null);
                        if (instance.linkreportid != 0) {
                            this._reportManager.getReportById(instance.linkreportid).then((res) => {
                                if (res.status == Unibase.Data.Status.Success) {
                                    $("#linkreport").empty().append('<option value = "' + res.result.ReportId + '" > ' + res.result.ReportName + ' </option>');
                                    $("#linkreport").val(res.result.ReportId);
                                    ;
                                }
                            });
                        }
                        $("#btn-link-report-close").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                            Unibase.Platform.Analytics.Viewers.TableViewer.Instance().IsSelectable = false;
                            instance.isLinkReport = false;
                            instance.InputParameters = [];
                        });
                        $("#biz-filter-dropdown" + containerid).off().click(function (e) {
                            e.stopPropagation();
                        });
                        $("#LinkReportTitle_" + containerid).text(instance.LinkReportName);
                        $("#btnLinkReportClose").click(() => {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        $("#btnLinkReportSave").click(function () {
                            Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().linkReportId = Number($("#linkreport").val());
                            instance.linkreportid = Number($("#linkreport").val());
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                    }
                    linkreport() {
                        this.navigationHelper.popup(0, '', this, null, Platform.Helpers.Size.Medium);
                    }
                    ;
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new LinkReport();
                        return this._instance;
                    }
                }
                Components.LinkReport = LinkReport;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Managers;
            (function (Managers) {
                class ViewerManager extends Platform.Core.BaseManager {
                    getTemplateViews() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/templateviews';
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getTemplateView(templateviewid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/templateview/' + templateviewid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getReportTemplate(ReportId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/templateview/reportid/' + ReportId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return JSON.parse(response.result);
                            });
                        });
                    }
                    getSubTemplate(templateviewid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/subtemplates/templateviewid/' + templateviewid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    saveTemplateView(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/templateview';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    deleteTemplate(templateviewid, reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/deletetemplateview/templateviewid/' + templateviewid + '/reportid/' + reportid;
                            return yield this.dataHelper().postAsync(url, templateviewid).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getTemplates(templateNames) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/gettempates/tempatenames/' + templateNames;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getCalendarView(calendarviewid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/calendarview/' + calendarviewid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    saveCalendarView(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/calendarview';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getMapView(mapviewid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/mapview/' + mapviewid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    saveMapView(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/mapview';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getCardView(CardViewId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/cardview/' + CardViewId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return JSON.parse(response.result);
                            });
                        });
                    }
                    getCardViewerData(repObj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/kanban';
                            return yield this.dataHelper().postAsync(url, repObj).then(function (response) {
                                return JSON.parse(response.result);
                            });
                        });
                    }
                    saveCardView(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/cardview';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getReportViewerTypes(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/viewertypes/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    deleteViewer(reportid, viewerid, viewertypeid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/deleteviewer/reportid/' + reportid + "/viewerid/" + viewerid + "/viewertypeid/" + viewertypeid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    updateViewerStatus(viewerid, viewertypeid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/updateviewerstatus/viewerid/' + viewerid + "/viewertypeid/" + viewertypeid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getViewer(viewerid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/getviewer/viewerid/' + viewerid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getViewerRoles(viewerid, reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/getviewerroles/viewerid/' + viewerid + '/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    addViewerRole(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/saveviewerrole';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    removeViewerRole(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/removeviewerrole';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    setViewable(viewerid, viewAll, viewerTypeId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/setasviewerviewable/viewerid/' + viewerid + '/viewall/' + viewAll + '/viewerTypeId/' + viewerTypeId;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    exportViewers(viewerId, reportId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/exportreportviewers/reportid/' + reportId + '/viewerid/' + viewerId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new ViewerManager();
                        return this._instance;
                    }
                }
                Managers.ViewerManager = ViewerManager;
            })(Managers = Analytics.Managers || (Analytics.Managers = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));


var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Filters;
        (function (Filters) {
            let Managers;
            (function (Managers) {
                class FilterManager extends Platform.Core.BaseManager {
                    getFilterBy(installeappid, filterId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getfilter/installedappid/' + installeappid + '/filterid/' + filterId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getFilterByReport(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getfilter/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getDatalistQuery(installeappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getdatalistquery/installedappid/' + installeappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getFilters(installeappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/filters/installedappid/' + installeappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getReportFilters(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/reportfilters/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    refreshFilterIndex(filterids) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/refreshfilterindexes/filterids/' + filterids;
                            return yield this.dataHelper().postAsync(url, filterids).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getFilter(filterId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getfilter/filterid/' + filterId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    saveFilter(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/savefilter';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    deleteFilter(filterid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/deletefilter/filterid/' + filterid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                return response;
                            });
                        });
                    }
                    updatefilterindex(filterId, defaultindex) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/updatefilterindex/filterid/' + filterId + '/defaultindex/' + defaultindex;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getFilterOptions(filterId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getfilteroptions/filterid/' + filterId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    removeFilterOption(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/removefilteroption';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getFilterRoles(filterId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/filterroles/filterid/' + filterId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    setViewable(filterId, viewAll) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/setasviewable/filterid/' + filterId + '/viewall/' + viewAll;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    addFilterRole(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/savefilterrole';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    removeFilterRole(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/removefilterrole';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getDefaultFilterByReport(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/getdefaultfilter/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== "")
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    saveDefaultFilter(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/savedefaultfilter';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    updatedefaultfilter(filterId, defaultfilter) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/updatedefaultfilter/filterid/' + filterId + '/isdefault/' + defaultfilter;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    deletedafultfilter(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/deletedafultfilter/reportid/' + reportid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                return response;
                            });
                        });
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new FilterManager();
                        return this._instance;
                    }
                }
                Managers.FilterManager = FilterManager;
            })(Managers = Filters.Managers || (Filters.Managers = {}));
        })(Filters = Platform.Filters || (Platform.Filters = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

class HtmlHelper {
    encode(value) {
        var unencoded = value;
        return encodeURIComponent(unencoded).replace(/'/g, "%27").replace(/"/g, "%22");
    }
    decode(value) {
        var encoded = value;
        return decodeURIComponent(encoded.replace(/\+/g, " "));
    }
    static getHelper() {
        return new HtmlHelper();
    }
}

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Apps;
        (function (Apps) {
            let Managers;
            (function (Managers) {
                class AppManager extends Platform.Core.BaseManager {
                    getAppGroups() {
                        return __awaiter(this, void 0, void 0, function* () {
                            let appgroupname = 'Sales';
                            const url = 'apis/v4/unibase/platform/apps/' + appgroupname;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    previewDocument(documentFileId) {
                        var instance = this;
                        Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile('platform/files/managers/filemanager.js', function () {
                            Unibase.Platform.Files.Managers.FileManager.Instance().getDocumentFile(documentFileId).then(function (response) {
                                var filePath = response.result.DocumentFilePath;
                                var result = response.result;
                                var byteCharacters = atob(result.FileData);
                                var byteNumbers = new Array(byteCharacters.length);
                                for (var i = 0; i < byteCharacters.length; i++) {
                                    byteNumbers[i] = byteCharacters.charCodeAt(i);
                                }
                                var byteArray = new Uint8Array(byteNumbers);
                                var file = new Blob([byteArray], { type: result.DocumentFilePath + ';base64' });
                                var fileURL = URL.createObjectURL(file);
                                var fileName = result.DocumentFileName + "." + result.FileType;
                                window.open(result.DocumentFilePath);
                            });
                        });
                    }
                    refreshApps() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/refreshapps/np';
                            return yield this.dataHelper().postAsync(url, "{}").then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getParentApps() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getparentapps';
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    updateAppProvider(appproviderid, datalistid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/updatereportid/appproviderid/' + appproviderid + '/datalistid/' + datalistid;
                            var result = "";
                            yield this.dataHelper().post(url, null, function (response) {
                                result = JSON.parse(response.result);
                            }, function (response) {
                                result = JSON.parse(response.result);
                            });
                            return result;
                        });
                    }
                    saveDynamicApp(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/savedynamicapp';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    updateDynamicApp(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/updatedynamicapp';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    geAppInfoandappConfigurationInfo(installeappid, appconfigurationid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getappinfoandconfigurationinfo/installedappid/' + installeappid + '/appconfigurationid/' + appconfigurationid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    updateAppStatus(installedAppId, statusId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/updateappstatus/installedappid/' + installedAppId + '/statusid/' + statusId;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    updateWishList(installedAppId, statusId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/updatewishlist/installedappid/' + installedAppId + '/status/' + statusId;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    saveStatus(statusid, doctypeid, recordid, versionguid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/savestatus/statusid/' + statusid + '/doctypeid/' + doctypeid + '/recordid/' + recordid + '/versionguid/' + versionguid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getInstallApp(installeappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getinstalledapp/id/' + installeappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getAppVersion(versionid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getappversionid/id/' + versionid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getApp(appid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getappid/id/' + appid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getDocumentFileId(documentid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getdocumentfileid/id/' + documentid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getWidgetVersion(widgetid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getwidgetid/id/' + widgetid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getDashboardVersion(portletid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getportletid/id/' + portletid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getCurrentDashboardVersion(portletid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getcurrentportletversion/id/' + portletid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getReportVersion(reportId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getreportid/id/' + reportId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getCurrentReportVersion(reportId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getcurrentversiond/id/' + reportId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getAllApps(installeappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getallapps/installedappid/' + installeappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getInstallAppId(uniqueid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getinstalledappid/uniqueid/' + uniqueid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null && response.result != "") {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getInstalledApps() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getinstalledapps';
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getChildApps(installedappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getchildapps/parentid/' + installedappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getChilds(installedappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getchilds/parentid/' + installedappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getdependentApps(installedappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getdependentapps/' + installedappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    updateAppIndex(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/updateindexes/';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    duplicateApp(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/duplicateapp';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getAppPermission(apppermissionid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getapppermission/apppermissionid/' + apppermissionid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getAppPermissions(installedAppId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getapppermissions/installedappid/' + installedAppId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    saveAppPermission(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/saveapppermissionid';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    deleteAppPermission(apppermissionid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/deleteapppermission/apppermissionid/' + apppermissionid;
                            return yield this.dataHelper().postAsync(url, null);
                        });
                    }
                    getAppPermissionBySystemName(installedAppId, SystemName) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getapppermissions/installedappid/' + installedAppId + "/systemname/" + SystemName;
                            var approlesettings;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getAllAppConfigurations(installedappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getappconfigurations/installedappid/' + installedappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getListAppConfigurations(installedappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/listappconfigurations/installedappid/' + installedappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getDetailAppConfigurations(installedappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/detailappconfigurations/installedappid/' + installedappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getFormAppConfigurations(installedappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getformconfigurations/installedappid/' + installedappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getAppConfiguration(appconfigurationid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getconfiguration/id/' + appconfigurationid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getAppConfigurationByUniqueId(uniqueId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getconfiguration/uniqueid/' + uniqueId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    saveAppConfiguration(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/saveappconfiguration';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    deleteAppConfiguration(appConfigurationId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/delete/id/' + appConfigurationId;
                            return yield this.dataHelper().postAsync(url, null);
                        });
                    }
                    updateConfigurationStatus(appConfigurationId, statusId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/updatestatus/appconfigurationid/' + appConfigurationId + '/statusid/' + statusId;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getUserApps() {
                        return __awaiter(this, void 0, void 0, function* () {
                            var url = "apis/v4/unibase/platform/apps/userapps/contactid/" + Platform.Membership.Infos.Identity.getCurrentUser().userId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getMyApps() {
                        return __awaiter(this, void 0, void 0, function* () {
                            var url = "apis/v4/unibase/platform/apps/myapps";
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    exportApp(installedappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/exportapp/' + installedappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = response.result;
                                }
                                return response;
                            });
                        });
                    }
                    exportAppRoleSettings() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/exportapprolesettings';
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = response.result;
                                }
                                return response;
                            });
                        });
                    }
                    saveVersion(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            debugger;
                            const url = 'apis/v4/unibase/platform/apps/saveversion';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getCurrentVersionByApp(installedappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var url = "apis/v4/unibase/platform/apps/getcurrentversionbyapp/" + installedappid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    upgradeApp(installedappid, versionno) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var url = "apis/v4/unibase/platform/apps/upgradeappversion/installedappid/" + installedappid + "/versionno/" + versionno;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    upgradeAvailableApp(installedappid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var url = "apis/v4/unibase/platform/apps/UpgradeAppAvailable/installedappid/" + installedappid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    upgradeWidgetVersionAvailable(widgetid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var url = "apis/v4/unibase/platform/apps/upgradewidgetversionavailable/widgetid/" + widgetid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    upgradeDashboardVersionAvailable(portletid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var url = "apis/v4/unibase/platform/apps/upgradedashboardversionavailable/portletid/" + portletid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                debugger;
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    upgradeReportVersionAvailable(reportId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var url = "apis/v4/unibase/platform/apps/upgradereportversion/reportid/" + reportId;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                debugger;
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    checkAppPermission(installedAppId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var url = "apis/v4/unibase/platform/apps/checkapppermission/installedappid/" + installedAppId;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    exportAppPermissions(appId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/exportapppermissions/installedappid/' + appId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = response.result;
                                }
                                return response;
                            });
                        });
                    }
                    getSettingApps() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getsettingapps';
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    executeProc(procName) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/executestoredprocedure/procname/' + procName;
                            return yield this.dataHelper().postAsync(url, '{}').then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getActiveUserApps() {
                        return __awaiter(this, void 0, void 0, function* () {
                            var url = "apis/v4/unibase/platform/apps/getactiveuserapps";
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getConfigurationApps() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/apps/getconfigurationapps';
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new AppManager();
                        return this._instance;
                    }
                }
                Managers.AppManager = AppManager;
            })(Managers = Apps.Managers || (Apps.Managers = {}));
        })(Apps = Platform.Apps || (Platform.Apps = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class FilterPanel extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.serverFormat = "YYYY/MM/DD";
                        this._unibase_dateFormat = "DD/MM/YYYY";
                        this.dateFilters = [];
                        this.isPartition = false;
                        this.selectedDates = [];
                        this._dateTimeHelper = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                    }
                    jsFiles() {
                        var jsfiles = ["platform/core/helpers/datetimehelper/datetimehelper.js"];
                        return jsfiles;
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        var html = `<div>
                    <input type="hidden" id="hfBizgaze_CompareFromDate" />
                    <input type="hidden" id="hfBizgaze_CompareToDate" />
                    <input type="hidden" id="hfBizgaze_RFilterDate"/>
                    <input type="hidden" id="hfBizgaze_CFilterDate"/>

                    <div class="settings-panel-wrap">
                    <div class="settings-panel-head text-right p-2 hidden">
                    <a href="javascript:void(0);" id="filter_panel_close" class="settings-panel-close"><i class="ti-close"></i></a>
                    </div>
                    <div class="row">
                    <div class="form-inline">
                    <h6 class="col-12 text-white mb-2">Report</h6>
                    <div class="form-group col-12">
                    <input class="form-control ml-10" type="text" id="report-daterange" />
                    </div>
                    </div>
                    </div>
                    <div class="row">
                    <div class="form-inline hidden">
                    <h6 class="col-12 text-white mb-2">Compare</h6>
                    <div class="form-group col-12">
                    <input class="form-control ml-10" type="text" id="compare-daterange" />
                    </div>
                    </div>
                    </div>
                    </div>
                    <div id="_report_filter_container"></div>
                    <footer id="_report_filter_buttons" style="position: fixed;left:auto;right:auto;bottom:0;" class="modal-footer pa-10"></footer>
                    </div>
                    </div>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        var width = $("#hk-filter-panel").width();
                        $("#_report_filter_buttons").css("width", width);
                        var fDate = null;
                        var tDate = null;
                        if (instance.isPartition) {
                            fDate = instance._dateTimeHelper.formatLocalDateformat(new Date(Unibase.Platform.Membership.Infos.Identity.getCurrentUser().partitionFromDate), "YYYY/MM/DD");
                            tDate = instance._dateTimeHelper.formatLocalDateformat(new Date(Unibase.Platform.Membership.Infos.Identity.getCurrentUser().partitionToDate), "YYYY/MM/DD");
                        }
                        else {
                            let currentUser = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                            let _fromDate, _toDate;
                            var sd = instance.selectedDates.find(s => s.Id == id);
                            if (!currentUser.globalDateRangeTypeId) {
                                currentUser.globalDateRangeTypeId = Unibase.Platform.Analytics.Enums.DateRangeType.FiyYear;
                            }
                            let dateRange = this.getDateRangeString(currentUser.globalDateRangeTypeId);
                            if (sd) {
                                dateRange = sd.SelectedRangeKey;
                            }
                            $("#hfBizgaze_RFilterDate" + containerid + '_' + id).val(dateRange);
                            $(`#cmnDateRangeSelect_${containerid}-${id}`).val(dateRange);
                            if (currentUser.fromDate.includes("0001")) {
                                let { fromDate, toDate } = this.getFIY();
                                _fromDate = this._dateTimeHelper.formatLocalDate1(fromDate.toString(), 'YYYY-MM-DDThh:mm:ss') + 'Z';
                                _toDate = this._dateTimeHelper.formatLocalDate1(toDate.toString(), 'YYYY-MM-DDThh:mm:ss') + 'Z';
                                currentUser.fromDate = _fromDate;
                                currentUser.toDate = _toDate;
                            }
                            else if (dateRange.toLowerCase().includes("custom range")) {
                                _fromDate = currentUser.fromDate;
                                _toDate = currentUser.toDate;
                            }
                            else {
                                let dates = this.getFromDateAndToDateByDateRange(dateRange, false, "", "");
                                _fromDate = dates.fromDate.format();
                                _toDate = dates.toDate.format('yyyy-MM-DD') + 'T00:00:00+05:30';
                            }
                            let formattedFromDate = instance._dateTimeHelper.formatLocalDateTime(_fromDate).split(" ")[0];
                            let formattedToDate = instance._dateTimeHelper.formatLocalDateTime(_toDate).split(" ")[0];
                            let serverFromDate = instance._dateTimeHelper.formatServerDate(formattedFromDate);
                            let serverToDate = instance._dateTimeHelper.formatServerDate(formattedToDate);
                            $(`#hfBizgaze_ReportFromDate${containerid}_${id}`).val(serverFromDate);
                            $(`#hfBizgaze_ReportToDate${containerid}_${id}`).val(serverToDate);
                            if (id == '0') {
                                $(".CommonFilter_FromDate").val(formattedFromDate);
                                $(".CommonFilter_ToDate").val(formattedToDate);
                                Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate = serverFromDate;
                                Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate = serverToDate;
                            }
                            instance.SetRange(containerid, id);
                        }
                        Unibase.Platform.Analytics.Components.ReportViewer.Instance().dateFilters = instance.dateFilters;
                        if (callback && id != '0')
                            instance.addSelectedDateRange(id, containerid, callback);
                        if (instance.selectedDates.length > 0) {
                            instance.selectedDates.map(function (f) {
                                if (f.containerid != containerid && !f.containerid.includes('CmnDateFilter') && !containerid.includes('CmnDateFilter')) {
                                    let dIndex = instance.selectedDates.findIndex(s => s.Id == id);
                                    if (dIndex > -1)
                                        instance.selectedDates.splice(dIndex, 1);
                                }
                            });
                            var sd = instance.selectedDates.find(s => s.Id == id);
                            if (sd) {
                                $("#report-daterange" + containerid + '-' + id).val(sd.DateRange);
                                $("#hfBizgaze_FromDate" + containerid + '_' + id).val(sd.FromDate);
                                $("#hfBizgaze_ToDate" + containerid + '_' + id).val(sd.ToDate);
                                $("#hfBizgaze_RFilterDate" + containerid + '_' + id).val(sd.SelectedRangeKey);
                            }
                        }
                        $("#report-daterange" + containerid + '-' + id).change(function (e) {
                            instance.onChangeDateRange(containerid, id, callback);
                            $('#report-daterange' + containerid + '-' + id).on('apply.daterangepicker', function (ev, picker) {
                                instance.onApplyDateRange(containerid, id);
                                if ($(`#biz-filter-dropdown${containerid}`).length)
                                    instance.dateRangeShowEvent(containerid, id);
                            });
                        });
                        $("#report-daterange" + containerid + '-' + id).keypress(function (e) {
                            var x = e.which || e.keyCode;
                            if ((x >= 45 && x <= 57) || x == 32) {
                                return true;
                            }
                            else if (x == 13) {
                                $(this).trigger('change');
                                $(this).trigger('apply.daterangepicker');
                            }
                            else {
                                return false;
                            }
                        });
                        instance.dateRangeShowEvent(containerid, id);
                        if (containerid.includes('_navCmnDateFilter')) {
                            $('#report-daterange_navCmnDateFilter-0').on('hide.daterangepicker,cancel.daterangepicker', function () {
                                $('#navCmnDateFilterDp,#dynamic-filters_navCmnDateFilter').removeClass('show right-sunbnav-active');
                            });
                        }
                        if (instance.isMobileDatePicker(containerid)) {
                            const containerIdWithPortletId = containerid + '-' + id;
                            const containerIdWith_PortletId = containerid + '_' + id;
                            const cmnDateRangeEls = $(`#cmnFromDateRange_${containerIdWithPortletId},#cmnToDateRange_${containerIdWithPortletId}`);
                            $(`#cmnDateRangeSelect_${containerIdWithPortletId}`).change(function () {
                                $(`#hfBizgaze_RFilterDate${containerIdWith_PortletId}`).val($(this).val());
                                instance.SetRange(containerid, id);
                                instance.onChangeDateRange(containerid, id, null);
                                if ($(this).val() !== 'Custom Range') {
                                    instance.onApplyDateRange(containerid, id);
                                }
                            });
                            $('#bizCmnDateFilterModal').off('apply.daterangepicker').on('apply.daterangepicker', cmnDateRangeEls, function () {
                                $(`#cmnDateRangeSelect_${containerIdWithPortletId}`).val('Custom Range');
                                $('#bizCmnDateFilterModal .modal-footer').removeClass('d-none');
                            });
                            $(`#cmnDateRangeApply_${containerIdWithPortletId}`).click(function (event) {
                                let fromDate = $(`#cmnFromDateRange_${containerIdWithPortletId}`).val();
                                let toDate = $(`#cmnToDateRange_${containerIdWithPortletId}`).val();
                                fromDate = instance._dateTimeHelper.formatServerDate(fromDate.trim());
                                toDate = instance._dateTimeHelper.formatServerDate(toDate.trim());
                                if (moment(fromDate).isSameOrAfter(toDate)) {
                                    MessageHelper.Instance().showError('From date cannot be greater!', 'cmnDateFilterModalErrMsg');
                                    return;
                                }
                                instance.onChangeDateRange(containerid, id, null, event);
                                instance.onApplyDateRange(containerid, id);
                            });
                        }
                    }
                    isMobileDatePicker(containerid) {
                        if (!Unibase.Themes.Compact.Components.Index.Instance().desktopMode && containerid.includes('CmnDateFilter')) {
                            return true;
                        }
                        return false;
                    }
                    onChangeDateRange(containerid, id, callback, event) {
                        const instance = this;
                        this.filterRange = this.getDateFilterRange(containerid, id);
                        $("#hfBizgaze_RFilterDate" + containerid + '_' + id).val(this.filterRange);
                        $(".daterange-cross-icon" + containerid + '_' + id).removeClass("hidden");
                        const { fromDate, toDate } = instance.getFromDateToDate(containerid, id);
                        $('#hfBizgaze_FromDate' + containerid + '_' + id).val(fromDate);
                        $('#hfBizgaze_ToDate' + containerid + '_' + id).val(toDate);
                        id != '0' && instance.addSelectedDateRange(id, containerid, callback);
                        if (this.filterRange != "Custom Range") {
                            if (id != 0) {
                                Unibase.Platform.Analytics.Components.ReportViewer.Instance().changeDateFilters(id, containerid);
                            }
                            if (instance.isMobileDatePicker(containerid)) {
                                $('#bizCmnDateFilterModal .modal-footer').addClass('d-none');
                            }
                            else {
                                instance.SetRange(containerid, id);
                            }
                        }
                        else {
                            if (instance.isMobileDatePicker(containerid)) {
                                let isApplyClicked = false;
                                if (event) {
                                    isApplyClicked = $(event.currentTarget).attr('id').includes('cmnDateRangeApply_');
                                }
                                if (!isApplyClicked) {
                                    $(`#cmnFromDateRange_${containerid + '-' + id}`).trigger('click');
                                    $('#bizCmnDateFilterModal .modal-footer').removeClass('d-none');
                                }
                            }
                        }
                    }
                    getFromDateToDate(containerid, id) {
                        let range = $("#report-daterange" + containerid + '-' + id).val();
                        if (this.isMobileDatePicker(containerid)) {
                            range = $(`#cmnFromDateRange_${containerid + '-' + id}`).val() + '-' + $(`#cmnToDateRange_${containerid + '-' + id}`).val();
                        }
                        let date = range.split("-");
                        return { fromDate: this._dateTimeHelper.formatServerDate(date[0].trim()), toDate: this._dateTimeHelper.formatServerDate(date[1].trim()) };
                    }
                    getDateFilterRange(containerid, id) {
                        let filterdate = "";
                        if (!this.isMobileDatePicker(containerid)) {
                            var Rli = $(`#reportdatepicker_${containerid + '_' + id}`).find("ul");
                            if ($(Rli).find("li.active").data()) {
                                filterdate = $(Rli).find("li.active").data().rangeKey;
                            }
                        }
                        else {
                            filterdate = $(`#cmnDateRangeSelect_${containerid + '-' + id}`).val();
                        }
                        this.filterRange = filterdate;
                        return filterdate;
                    }
                    onApplyDateRange(containerid, id) {
                        const instance = this;
                        const navigationHelper = Unibase.Platform.Helpers.NavigationHelper;
                        if (id == "0") {
                            $('#hfBizgaze_FromDate' + containerid + '_' + id).val(navigationHelper.commonFilter_FromDate);
                            $('#hfBizgaze_ToDate' + containerid + '_' + id).val(navigationHelper.commonFilter_ToDate);
                        }
                        if (id != 0) {
                            Unibase.Platform.Analytics.Components.ReportViewer.Instance().changeDateFilters(id, containerid);
                        }
                        let sd = instance.selectedDates.find(s => s.Id == id);
                        if (sd) {
                            sd.IsDefault = false;
                        }
                        if (containerid.includes('CmnDateFilter')) {
                            let userInfo = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                            const { fromDate, toDate } = instance.getFromDateToDate(containerid, id);
                            let _fromDate = this._dateTimeHelper.formatLocalDate1(fromDate, 'YYYY-MM-DD') + 'T00:00:00Z';
                            let _toDate = this._dateTimeHelper.formatLocalDate1(toDate, 'YYYY-MM-DD') + 'T00:00:00Z';
                            let rangeType = instance.getDateRangeType(this.filterRange);
                            let postObj = {
                                userid: userInfo.userId,
                                fromdate: _fromDate,
                                todate: _toDate,
                                DefaultFilterColumn: rangeType,
                            };
                            let currentUser = Unibase.Platform.Membership.Infos.Identity.currentUser;
                            currentUser.fromDate = _fromDate;
                            currentUser.toDate = _toDate;
                            currentUser.globalDateRangeTypeId = rangeType;
                            Unibase.Platform.Membership.Managers.AccountManager.Instance().updateUserDetails(postObj).then((res) => {
                                if (res.status == Unibase.Data.Status.Success) {
                                    Unibase.Platform.Membership.Infos.Identity.setCurrentUser(currentUser);
                                    const installedAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                                    if ($("#hf_DashboardPortletId").val() != undefined) {
                                        Unibase.Themes.Compact.Components.Dashboard.Instance().loadWidgets($("#hf_DashboardPortletId").val(), $("#hf_DashboardPortletName").val());
                                    }
                                    else if ($("#hf_DashboardPortletId").val() == undefined && installedAppId == 0) {
                                        const lastContainerId = navigationHelper.ModalContainerIds[navigationHelper.ModalContainerIds.length - 1];
                                        const reportId = Unibase.Platform.Analytics.Components.ReportViewer.Instance().getReportViewerInstance(lastContainerId).ReportId;
                                        instance.navigationHelper.closeAllModals();
                                        let obj = Unibase.Platform.Analytics.Components.ReportViewer.Instance();
                                        obj.InstalledAppId = Unibase.Themes.Compact.Components.List.Instance().InstalledAppId;
                                        instance.navigationHelper.popin(reportId, "", obj, null);
                                    }
                                    else if (installedAppId != 0) {
                                        $('#layout-detail-tabs').find('.tab-item a.active').trigger('click');
                                    }
                                }
                            });
                            if (!instance.isMobileDatePicker(containerid)) {
                                if ($(this).parents('.biz-common-filter-dropdown').length > 0) {
                                    $(`#filter_toggle_btn${containerid}`).dropdown('toggle');
                                }
                                if (containerid.includes('_modalCmnDateFilter')) {
                                    instance.load('0', '_navCmnDateFilter', null);
                                }
                                $('#navCmnDateFilterDp,#dynamic-filters_navCmnDateFilter').removeClass('show right-sunbnav-active');
                                $('#settingsModal').modal('hide');
                            }
                            else {
                                $('#bizCmnDateFilterModal,#settingsModal').modal('hide');
                            }
                        }
                    }
                    dateRangeShowEvent(containerid, id) {
                        const instance = this;
                        $('#report-daterange' + containerid + '-' + id).on('show.daterangepicker', function (ev, picker) {
                            let rangePickerUl = picker.container.find('.ranges');
                            rangePickerUl.find('.active').removeClass('active');
                            var daterange = instance.selectedDates.find(s => s.Id == id);
                            if (daterange) {
                                let globalDate = instance.selectedDates.find(x => x.Id == "0");
                                if (globalDate && daterange.IsDefault)
                                    rangePickerUl.find(`li[data-range-key='${globalDate.SelectedRangeKey}']`).addClass('active');
                                else
                                    rangePickerUl.find(`li[data-range-key='${daterange.SelectedRangeKey}']`).addClass('active');
                            }
                            else {
                                let userInfo = Unibase.Platform.Membership.Infos.Identity.currentUser;
                                if (userInfo.globalDateRangeTypeId != undefined) {
                                    rangePickerUl.find(`li[data-range-key='${instance.getDateRangeString(userInfo.globalDateRangeTypeId)}']`).addClass('active');
                                }
                            }
                            const pickerContainerEl = $(picker.container);
                            const leftPos = pickerContainerEl.offset().left;
                            rangePickerUl.find("li[data-range-key='Custom Range']").off('click').click((e) => {
                                if (pickerContainerEl.outerWidth(true) + leftPos < 710) {
                                    pickerContainerEl.addClass('picker-fullwidth');
                                }
                            });
                            instance.setDateRangePickerHeight(picker);
                        });
                    }
                    setDateRangePickerHeight(picker) {
                        const pickerEl = picker.container;
                        const deductHeight = pickerEl.offset().top + 15;
                        const finalHeight = window.innerHeight - deductHeight;
                        pickerEl.css({ 'max-height': finalHeight, 'overflow': 'auto' }).attr('data-deductheight', deductHeight).addClass('biz-custom-scrollbar cmn-daterange-picker');
                    }
                    addSelectedDateRange(id, containerid, callback) {
                        const instance = this;
                        let range;
                        if (!instance.isMobileDatePicker(containerid)) {
                            range = $("#report-daterange" + containerid + '-' + id).val();
                        }
                        else {
                            range = $("#cmnFromDateRange_" + containerid + '-' + id).val() + '-' + $("#cmnToDateRange_" + containerid + '-' + id).val();
                        }
                        let date = range.split("-");
                        const fromDate = instance._dateTimeHelper.formatServerDate(date[0].trim());
                        const toDate = instance._dateTimeHelper.formatServerDate(date[1].trim());
                        let dIndex = instance.selectedDates.findIndex(s => s.Id == id);
                        if (dIndex > -1)
                            instance.selectedDates.splice(dIndex, 1);
                        instance.selectedDates.push({
                            FromDate: fromDate,
                            ToDate: toDate,
                            DateRange: range,
                            SelectedRangeKey: $("#hfBizgaze_RFilterDate" + containerid + '_' + id).val(),
                            Id: id,
                            containerid: containerid,
                            IsDefault: callback
                        });
                        if (id == "0") {
                            Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate = fromDate;
                            Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate = toDate;
                        }
                    }
                    SetRange(containerid, id) {
                        let dateRange = $("#hfBizgaze_CFilterDate").val();
                        let dates;
                        if (dateRange) {
                            dates = this.getFromDateAndToDateByDateRange(dateRange, false, containerid, id);
                            this.SetCompareDate(dates.fromDate, dates.toDate, containerid);
                        }
                        let dateRange_container = $("#hfBizgaze_RFilterDate" + containerid + '_' + id).val();
                        if (dateRange_container) {
                            dates = this.getFromDateAndToDateByDateRange(dateRange_container, true, containerid, id);
                            this.SetReportDate(dates.fromDate, dates.toDate, containerid, id);
                        }
                    }
                    SetCompareDate(FromDate, ToDate, containerid) {
                        var instance = this;
                        $("#hfBizgaze_CompareFromDate").val(FromDate.format(instance.serverFormat));
                        $("#hfBizgaze_CompareToDate").val(ToDate.format(instance.serverFormat));
                        var d = new Date();
                        var FiyYear = null;
                        if (d.getMonth() + 1 >= 4) {
                            FiyYear = [moment().startOf('year').add(3, 'month').startOf('month'), moment().add(1, 'year').startOf('year').add(2, 'month').endOf('month')];
                        }
                        else {
                            FiyYear = [moment().startOf('year').add(-1, 'year').add(3, 'month').startOf('month'), moment().add(1, 'year').startOf('year').add(-1, 'year').add(2, 'month').endOf('month')];
                        }
                        $("#compare-daterange").daterangepicker({
                            startDate: FromDate,
                            endDate: ToDate,
                            locale: {
                                format: instance._unibase_dateFormat
                            },
                            ranges: {
                                'Today': [moment(), moment()],
                                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                                'This Month': [moment().startOf('month'), moment().endOf('month')],
                                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
                                'YTD': [moment().startOf('year').startOf('month'), moment().startOf('year').add(11, 'month').endOf('month')],
                                'FIY Year': FiyYear
                            }
                        });
                    }
                    SetReportDate(FromDate, ToDate, containerid, id) {
                        var instance = this;
                        $("#hfBizgaze_FromDate" + containerid + '_' + id).val(FromDate.format(instance.serverFormat));
                        $("#hfBizgaze_ToDate" + containerid + '_' + id).val(ToDate.format(instance.serverFormat));
                        var d = new Date();
                        var FiyYear = null;
                        if (d.getMonth() + 1 >= 4) {
                            FiyYear = [moment().startOf('year').add(3, 'month').startOf('month'), moment().add(1, 'year').startOf('year').add(2, 'month').endOf('month')];
                        }
                        else {
                            FiyYear = [moment().startOf('year').add(-1, 'year').add(3, 'month').startOf('month'), moment().add(1, 'year').startOf('year').add(-1, 'year').add(2, 'month').endOf('month')];
                        }
                        var PFiyYear = null;
                        if (d.getMonth() + 1 >= 4) {
                            PFiyYear = [moment().subtract(1, 'year').startOf('year').add(3, 'month').startOf('month'), moment().subtract(1, 'year').add(1, 'year').startOf('year').add(2, 'month').endOf('month')];
                        }
                        else {
                            PFiyYear = [moment().subtract(1, 'year').startOf('year').add(-1, 'year').add(3, 'month').startOf('month'), moment().subtract(1, 'year').add(1, 'year').startOf('year').add(-1, 'year').add(2, 'month').endOf('month')];
                        }
                        if (!instance.isMobileDatePicker(containerid)) {
                            $("#report-daterange" + containerid + '-' + id).daterangepicker({
                                startDate: FromDate,
                                endDate: ToDate,
                                drops: 'down',
                                showDropdowns: true,
                                showWeekNumbers: true,
                                linkedCalendars: false,
                                locale: {
                                    format: instance._unibase_dateFormat,
                                    firstDay: 1
                                },
                                ranges: {
                                    'Today': [moment(), moment()],
                                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                                    'This Month': [moment().startOf('month'), moment().endOf('month')],
                                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
                                    'This Quarter': [moment().startOf('quarter'), moment().endOf('quarter')],
                                    'Last Quarter': [moment().subtract(1, 'quarter').startOf('quarter'), moment().subtract(1, 'quarter').endOf('quarter')],
                                    'YTD': [moment().startOf('year').startOf('month'), moment().startOf('year').add(11, 'month').endOf('month')],
                                    'Last Year': [[moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')][0], [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')][1]],
                                    'FIY Year': FiyYear,
                                    'PFIY Year': PFiyYear,
                                }
                            });
                            if ($(`div[id=reportdatepicker_${containerid + '_' + id}]`).length)
                                $(`div[id=reportdatepicker_${containerid + '_' + id}]`).remove();
                            $(".daterangepicker").last().attr("id", `reportdatepicker_${containerid + '_' + id}`);
                        }
                        else {
                            const containerIdWithId = containerid + '-' + id;
                            const fromDateRangeEl = $(`#cmnFromDateRange_${containerIdWithId}`);
                            const toDateRangeEl = $(`#cmnToDateRange_${containerIdWithId}`);
                            const initiateDateRangePicker = (el, startDate) => {
                                el.daterangepicker({
                                    startDate: startDate,
                                    singleDatePicker: true,
                                    showDropdowns: true,
                                    locale: {
                                        format: instance._unibase_dateFormat,
                                        firstDay: 1
                                    },
                                });
                            };
                            initiateDateRangePicker(fromDateRangeEl, FromDate);
                            initiateDateRangePicker(toDateRangeEl, ToDate);
                            $(`.mobiledaterangepicker`).remove();
                            $(".daterangepicker").slice(-2).addClass(`mobiledaterangepicker`);
                        }
                    }
                    getDateRangeString(typeId) {
                        let range = "";
                        switch (typeId) {
                            case Unibase.Platform.Analytics.Enums.DateRangeType.Last7Days:
                                range = 'Last 7 Days';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.Last30Days:
                                range = 'Last 30 Days';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.ThisMonth:
                                range = 'This Month';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.LastMonth:
                                range = 'Last Month';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.ThisQuarter:
                                range = 'This Quarter';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.LastQuarter:
                                range = 'Last Quarter';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.YTD:
                                range = 'YTD';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.LastYear:
                                range = 'Last Year';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.FiyYear:
                                range = 'FIY Year';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.PFiyYear:
                                range = 'PFIY Year';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.Today:
                                range = 'Today';
                                break;
                            case Unibase.Platform.Analytics.Enums.DateRangeType.Yesterday:
                                range = 'Yesterday';
                                break;
                            default:
                                range = 'Custom Range';
                                break;
                        }
                        return range;
                    }
                    getDateRangeType(range) {
                        let id = Unibase.Platform.Analytics.Enums.DateRangeType.CustomRange;
                        switch (range) {
                            case 'Last 7 Days':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.Last7Days;
                                break;
                            case 'Last 30 Days':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.Last30Days;
                                break;
                            case 'This Month':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.ThisMonth;
                                break;
                            case 'Last Month':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.LastMonth;
                                break;
                            case 'This Quarter':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.ThisQuarter;
                                break;
                            case 'Last Quarter':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.LastQuarter;
                                break;
                            case 'YTD':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.YTD;
                                break;
                            case 'Last Year':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.LastYear;
                                break;
                            case 'FIY Year':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.FiyYear;
                                break;
                            case 'PFIY Year':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.PFiyYear;
                                break;
                            case 'Today':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.Today;
                                break;
                            case 'Yesterday':
                                id = Unibase.Platform.Analytics.Enums.DateRangeType.Yesterday;
                                break;
                        }
                        return id;
                    }
                    getYesterday() {
                        var dates = [moment().subtract(1, 'days'), moment().subtract(1, 'days')];
                        return { fromDate: dates[0], toDate: dates[1] };
                    }
                    getToday() {
                        var dates = [moment(), moment()];
                        return { fromDate: dates[0], toDate: dates[1] };
                    }
                    getLast7days() {
                        var dates = [moment().subtract(6, 'days'), moment()];
                        return { fromDate: dates[0], toDate: dates[1] };
                    }
                    getLast30days() {
                        var dates = [moment().subtract(29, 'days'), moment()];
                        return { fromDate: dates[0], toDate: dates[1] };
                    }
                    getThisMonth() {
                        var dates = [moment().startOf('month'), moment().endOf('month')];
                        return { fromDate: dates[0], toDate: dates[1] };
                    }
                    getLastMonth() {
                        var dates = [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')];
                        return { fromDate: dates[0], toDate: dates[1] };
                    }
                    getThisQuarter() {
                        var dates = [moment().startOf('quarter'), moment().endOf('quarter')];
                        return { fromDate: dates[0], toDate: dates[1] };
                    }
                    getLastQuarter() {
                        var dates = [moment().subtract(1, 'quarter').startOf('quarter'), moment().subtract(1, 'quarter').endOf('quarter')];
                        return { fromDate: dates[0], toDate: dates[1] };
                    }
                    getYTD() {
                        var dates = [moment().startOf('year').startOf('month'), moment().startOf('year').add(11, 'month').endOf('month')];
                        return { fromDate: dates[0], toDate: dates[1] };
                    }
                    getLastYear() {
                        var dates = [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')];
                        return { fromDate: dates[0], toDate: dates[1] };
                    }
                    getFIY() {
                        var d = new Date();
                        var FiyFromDate, FiyToDate;
                        if (d.getMonth() + 1 >= 4) {
                            FiyFromDate = [moment().startOf('year').add(3, 'month').startOf('month'), moment().add(1, 'year').startOf('year').add(2, 'month').endOf('month')][0];
                            FiyToDate = [moment().startOf('year').add(3, 'month').startOf('month'), moment().add(1, 'year').startOf('year').add(2, 'month').endOf('month')][1];
                        }
                        else {
                            FiyFromDate = [moment().startOf('year').add(-1, 'year').add(3, 'month').startOf('month'), moment().add(1, 'year').startOf('year').add(-1, 'year').add(2, 'month').endOf('month')][0];
                            FiyToDate = [moment().startOf('year').add(-1, 'year').add(3, 'month').startOf('month'), moment().add(1, 'year').startOf('year').add(-1, 'year').add(2, 'month').endOf('month')][1];
                        }
                        return { fromDate: FiyFromDate, toDate: FiyToDate };
                    }
                    getPFIY() {
                        var d = new Date();
                        var FiyFromDate, FiyToDate;
                        if (d.getMonth() + 1 >= 4) {
                            FiyFromDate = [moment().subtract(1, 'year').startOf('year').add(3, 'month').startOf('month'), moment().subtract(1, 'year').add(1, 'year').startOf('year').add(2, 'month').endOf('month')][0];
                            FiyToDate = [moment().subtract(1, 'year').startOf('year').add(3, 'month').startOf('month'), moment().subtract(1, 'year').add(1, 'year').startOf('year').add(2, 'month').endOf('month')][1];
                        }
                        else {
                            FiyFromDate = [moment().subtract(1, 'year').startOf('year').add(-1, 'year').add(3, 'month').startOf('month'), moment().subtract(1, 'year').add(1, 'year').startOf('year').add(-1, 'year').add(2, 'month').endOf('month')][0];
                            FiyToDate = [moment().subtract(1, 'year').startOf('year').add(-1, 'year').add(3, 'month').startOf('month'), moment().subtract(1, 'year').add(1, 'year').startOf('year').add(-1, 'year').add(2, 'month').endOf('month')][1];
                        }
                        return { fromDate: FiyFromDate, toDate: FiyToDate };
                    }
                    getFromDateAndToDateByDateRange(dateRange, isContainer, containterId, id) {
                        let dates;
                        switch (dateRange.toLowerCase()) {
                            case 'yesterday':
                                dates = this.getYesterday();
                                break;
                            case 'today':
                                dates = this.getToday();
                                break;
                            case 'last 7 days':
                                dates = this.getLast7days();
                                break;
                            case 'last 30 days':
                                dates = this.getLast30days();
                                break;
                            case 'this month':
                                dates = this.getThisMonth();
                                break;
                            case 'last month':
                                dates = this.getLastMonth();
                                break;
                            case 'this quarter':
                                dates = this.getThisQuarter();
                                break;
                            case 'last quarter':
                                dates = this.getLastQuarter();
                                break;
                            case 'ytd':
                                dates = this.getYTD();
                                break;
                            case 'last year':
                                dates = this.getLastYear();
                                break;
                            case 'fiy year':
                                dates = this.getFIY();
                                break;
                            case 'pfiy year':
                                dates = this.getPFIY();
                                break;
                            case 'custom range':
                            case 'null':
                                dates = { fromDate: '', toDate: '' };
                                if (!isContainer) {
                                    let FromDate = $("#hfBizgaze_CompareFromDate").val();
                                    let ToDate = $("#hfBizgaze_CompareToDate").val();
                                    var format = "YYYY/MM/DD";
                                    if (FromDate == "" && ToDate == "") {
                                        FromDate = moment().startOf('year').format(format);
                                        ToDate = moment().endOf('year').format(format);
                                    }
                                    dates.fromDate = moment.utc(FromDate, format);
                                    dates.toDate = moment.utc(ToDate, format);
                                }
                                else {
                                    let FromDate = $("#hfBizgaze_ReportFromDate" + containterId + '_' + id).val();
                                    let ToDate = $("#hfBizgaze_ReportToDate" + containterId + '_' + id).val();
                                    var format = "YYYY/MM/DD";
                                    if (FromDate == "" && ToDate == "") {
                                        FromDate = moment().startOf('year').format(format);
                                        ToDate = moment().endOf('year').format(format);
                                    }
                                    dates.fromDate = moment.utc();
                                    dates.toDate = moment.utc();
                                    if (this.dateFilters.length != 0) {
                                        var date = this.dateFilters.find(d => d.ParameterValue == id);
                                        if (date != null) {
                                            dates.fromDate = moment.utc(date.FromDate, format);
                                            dates.toDate = moment.utc(date.ToDate, format);
                                        }
                                    }
                                    else {
                                        dates.fromDate = moment.utc(FromDate, format);
                                        dates.toDate = moment.utc(ToDate, format);
                                    }
                                }
                                break;
                            default:
                                if (isContainer) {
                                    $("#hfBizgaze_FromDate" + containterId + '_' + id).val(moment().startOf('year').format(this.serverFormat));
                                    $("#hfBizgaze_ToDate_" + containterId + '_' + id).val(moment().endOf('year').format(this.serverFormat));
                                    var _datetimehelper = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                                    _datetimehelper.dateRangePicker('#report-daterange' + containterId + '-' + id, function (start, end) {
                                        $("#hfBizgaze_FromDate" + containterId + '_' + id).val(start.format(this.serverFormat));
                                        $("#hfBizgaze_ToDate_" + containterId + '_' + id).val(end.format(this.serverFormat));
                                        $(".daterangepicker").css("top", "100px").css("right", "100px").css("display", "block");
                                    });
                                    $("#hfBizgaze_CompareFromDate").val(moment().startOf('year').format(this.serverFormat));
                                    $("#hfBizgaze_CompareToDate").val(moment().endOf('year').format(this.serverFormat));
                                    _datetimehelper.dateRangePicker('#compare-daterange', function (start, end) {
                                        $("#hfBizgaze_CompareFromDate").val(start.format(this.serverFormat));
                                        $("#hfBizgaze_CompareToDate").val(end.format(this.serverFormat));
                                    });
                                }
                                break;
                        }
                        return dates;
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new FilterPanel();
                        }
                        return this.instance;
                    }
                }
                Components.FilterPanel = FilterPanel;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Infos;
            (function (Infos) {
                class ReportGroup {
                }
                Infos.ReportGroup = ReportGroup;
                class ReportWithGroup {
                }
                Infos.ReportWithGroup = ReportWithGroup;
                class Report {
                }
                Infos.Report = Report;
                class ReportColumn {
                }
                Infos.ReportColumn = ReportColumn;
                class ReportRole {
                }
                Infos.ReportRole = ReportRole;
                class ViewerRole {
                }
                Infos.ViewerRole = ViewerRole;
                class ReportRoleSetting {
                }
                Infos.ReportRoleSetting = ReportRoleSetting;
                class TemplateView {
                }
                Infos.TemplateView = TemplateView;
                class CalendarView {
                }
                Infos.CalendarView = CalendarView;
                class MapView {
                }
                Infos.MapView = MapView;
                class CardView {
                }
                Infos.CardView = CardView;
                class ViewerType {
                }
                Infos.ViewerType = ViewerType;
                class SubReport {
                }
                Infos.SubReport = SubReport;
                class ReportCategory {
                }
                Infos.ReportCategory = ReportCategory;
            })(Infos = Analytics.Infos || (Analytics.Infos = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Reports;
            (function (Reports) {
                class ReportBuilder extends Platform.Core.BaseComponent {
                    constructor() {
                        super(...arguments);
                        this.dateColumns = [];
                        this.selectedColumns = [];
                        this.ReportColumns = [];
                        this.ChartColumns = [];
                        this.datalistColumnsResponseData = [];
                        this.identityColumnsResponseData = [];
                        this.subreport_count = 1;
                        this.dynamicFilters = [];
                        this.reportname = null;
                        this.cardviewerpage = 2;
                        this.reportwidgetdata = null;
                        this.toolTipTemplateArray = [];
                        this.tableData = "";
                        this.last_page = 2;
                        this.whole_tableData = [];
                        this.loadTableData = 0;
                        this.tableData_Array = [];
                        this.isduplicate = false;
                        this.reportType = 1;
                        this.duplicateColIndex = [];
                        this.appliedFilter = 0;
                        this.filtersArray = [];
                        this.queryBuilderArray = [];
                        this.tabulatorColumns = [];
                        this.IsclickedSelect2Caret = false;
                        this.Categories = [];
                        this.groupBy_Category = [];
                        this.TenureReport = [];
                        this.reportViewer_scrolled = 0;
                        this.subreportdata = [];
                        this.columns_Data = [];
                        this.dataTreeRowExpandedColumn = [];
                        this.ViewerId = 0;
                        this.ViewerTypeId = Unibase.Platform.Analytics.Reports.Enums.ViewerType.Table;
                        this.QB_KeyUp = 0;
                        this.EditableTitle = true;
                        this.HeaderSort = false;
                        this.QueryBuilder_Columns = [];
                        this.DataListId = 0;
                        this.Aggregations = ["count", "sum", "avg", "max", "min", "Month", "Year", "none"];
                        this.DataSourceId = 0;
                        this.IsPivotTree = false;
                        this.Edit_BindData = false;
                        this.IsNotification = false;
                        this.SearchColumns = "";
                        this.selectedCategoryColumnsArray = [];
                        this.IsInternalReport = true;
                        this.appConfigType = 0;
                        this.parameterNumber = 1;
                        this.parameterArray = [];
                        this.isEdit = false;
                        this.selectedOption = 1;
                        this.index = 0;
                        this.roleSettings = [];
                        this.SortColumns = [];
                        this.querybuilderCheckboxes = [];
                        this.enableCount = false;
                        this.enableGlobalDatepicker = false;
                        this.reportGroupId = 0;
                        this.paletteId = 0;
                        this.isReportWidget = false;
                        this.reportWidgetType = '';
                        this.connectedAppsData = [];
                        this.linkReportId = 0;
                        this.viewAll = false;
                        this.lastContainerId = "";
                        this.enablePivotTableConfig = false;
                        this.pinDynamicFilters = false;
                        this.showDynamicFilters = false;
                    }
                    cssFiles() {
                        var cssfiles = ['platform/analytics/components/reportbuilder/style.reportbuilder.css'];
                        return cssfiles;
                    }
                    jsFiles() {
                        var jsfiles = ["bundle/index.reportbuilder.js"];
                        return jsfiles;
                    }
                    html(id, containerid) {
                        var instance = this;
                        let html = `<div id="biz-wrapper" class="biz-wrapper biz-reportbuilder-wrap drawer-small drawer-right biz-drawer-push">
		<!-- Right Nav -->
        <div id="reportBuilderRightNav"></div>
        <!-- /Right Nav -->
		
        <!-- Main Content -->
        <div class="biz-pg-wrapper py-0">
			<div class="biz-pg-body">
				<div class="biz-bldr-wrap bldr__aside__left">
					<header class="bldr-head report-builder">
 <div id="div_ReportBuilderErrorMessage" class="form-error-message" style="margin-left:-5px; z-index:100;"></div>
						<div class="d-flex align-items-center">
							<input class="form-control w-180p report-name" id="txt_reportname" onchange="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeDisplayname()" value="New Report">
							<span class="badge badge-soft-primary ml-10" id="header_datalist_name">datalist 1</span>
						</div>
						<div class="bldr-options-wrap" id="top-nav-menu">	
							<a class="btn btn-icon btn-flush-primary btn-rounded flush-soft-hover" id="btnRefresh" href="javascript:;" data-tooltip="true" data-placement="top" title="Refresh"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-sync"></i></span></span></a>
							<a class="btn btn-icon btn-flush-dark btn-rounded flush-soft-hover" id="RoleSettingIcon" href="javscript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().reportRoleSetting()"><span class="btn-icon-wrap" data-tooltip="true" title="Report RoleSetting"><span class="line-icon"><i class="las la-user-cog"></i></span></span></a>
                            <a class="btn btn-icon btn-flush-dark btn-rounded flush-soft-hover hidden" id="headerLinkReportIcon" href="javscript:;" onclick="Unibase.Platform.Analytics.Components.LinkReport.Instance().linkreport()"><span class="btn-icon-wrap" data-tooltip="true" title="Link Report"><span class="line-icon"><i class="las la-link"></i></span></span></a>
                            <a class="btn btn-icon btn-flush-dark btn-rounded flush-soft-hover" id="subreporticon" href="javscript:;" onclick="Unibase.Platform.Analytics.Reports.SubReport.Instance().linkreport()"><span class="btn-icon-wrap" data-tooltip="true" title="Sub Report"><span class="line-icon"><i class="las la-columns "></i></span></span></a>
                            <div class="bl-report-title" id="bl-report-title">Report</div>
							<a class="btn btn-icon btn-flush-dark btn-rounded flush-soft-hover qry-builder-open" href="javascript:;" id="ReportFilter" data-tooltip="true" title="Info"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-code-branch"></i></span></span></a>
                            <a class="btn btn-icon btn-flush-dark btn-rounded flush-soft-hover d-none hidden" href="javascript:;" id="chartPivotBtn" data-tooltip="true" title="Pivot"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-columns"></i></span></span></a>
							<div class="dropdown">
							<a class="btn btn-icon btn-flush-dark btn-rounded btn-mob flush-soft-hover dropdown-toggle no-caret" aria-expanded="false" data-toggle="dropdown" href="#"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-save"></i></span></span></a>
							<a class="btn btn-theme btn-web mx-10 h-100" href="javscript:;" id="saveAsModalBtn">Save report</a>
							</div>
							<a class="btn btn-icon btn-flush-dark btn-rounded btn-mob flush-soft-hover" href="#"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-times"></i></span></span></a>
							<a class="btn btn-outline-danger btn-web btn-reportbuilder-close" href="javascript:;" id="btn-report-builder-close">Discard</a>
						</div>
					</header>
					<div class="bldr-aside-left">
						<ul class="nav nav-light nav-tabs">
							<li class="nav-item">
								<a class="nav-link active" data-toggle="tab" href="#tab_outline">
									<span class="nav-link-text">Outline</span>
								</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" data-toggle="tab" href="#tab_column">
									<span class="nav-link-text">Columns</span>
								</a>
							</li>
						</ul>
						<div data-simplebar class="simple-scroll-bar">
							<div class="tab-content">
								<div class="tab-pane fade show active" id="tab_outline">
									<div class="rightnav_body" id="DefaultLeftNav_body">
									</div>
								</div>
								<div class="tab-pane fade" id="tab_column">
									<div class="biz-adj-drawer-wrap">
										<button data-target="adj_drawer_1" class="btn btn-secondary btn-block btn-wth-icon icon-left adj-drawer-open mb-15"><span><span class="icon-label"><span class="line-icon"><i class="las la-plus"></i></span></span><span class="btn-text">Add Columns</span></span></button>
										<div id="adj_drawer_1" class="biz-adj-drawer">
											<header>
												<h6>Add Columns</h6>
												<span class="close btn-adj-drawer-close alldatalistcolumns_dlg_close_btn"></span>
											</header>
											<div class="drawer-body">
												<div class="form-search mb-20">
													<input class="form-control DatalistColumns_Search" placeholder="Search Columns" >
												</div>
												<div class="nicescroll-bar" id="allDatalistColumns">

												</div>
											</div>
											<footer class="justify-content-between">
												<a href="javascript:;" class="btn btn-light btn-adj-drawer-close mr-10 alldatalistcolumns_dlg_close_btn">Cancel</a>
												<a href="javascript:;" class="btn btn-theme btn-adj-drawer-close" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().appendExtraSelectedColumns()">Add Columns</a>
											</footer>
										</div>
									</div>
									
									<div class="flex-between-center mb-10">
                                   	<span class="line-icon mr-2"><i class="las la-filter font-26"></i></span>
                                 	<select class="custom-select form-control" id="filter-by">                     	
	                                </select>
                                    </div>
									<div class="dsl-block-wrap dd-list droppable-area1 connected-sortable" id="selectedColumns">
									</div>
                                    <div class="dsl-block-wrap dd-list droppable-area1 connected-sortable"  id="selectedColumns_hidden"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="bldr-body">
                       <header class="bldr-sec-head justify-content-end py-10 pl-10 h-50p">
                          <div class="left-aside-togglable"></div>
                          <a class="btn btn-icon btn-flush-theme flush-soft-hover h-35p w-35p drawer-toggle-link active right-aside-togglable" id="PivotIcon" href="#"><span
                              class="btn-icon-wrap"><span class="line-icon"><i class="las la-border-all font-25"></i></span></span></a>
                        </header>
                        <div class="reportbuilder-main-wrap">
                         <div id="chart-container" class="card chart-wrap hidden"></div>
                          <div class="table-wrap">
                          <div id="tabulatorReportbuilder" class="tabulator-reportbuilder table-bordered border-0 h-100"></div>
                          </div>
                        </div>
                        <div class="qry-builder-container">
							<header>
								<h6>Conditional formating</h6>
								<button type="button" class="close" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</header>
							<div id="QueryBuilder" class="bg-white"></div>
							<footer>
								<button type="button" class="btn btn-light mr-10" id="btn-reset-query">Reset</button>
								<button type="button" class="btn btn-theme w-150p" id="btn-apply-query">Apply</button>
							</footer>
						</div>
					</div>
				</div>
				<!-- Save as Modal -->
				<div class="modal" id="save_as_modal" tabindex="-1" role="dialog" aria-labelledby="save_as_modal" aria-hidden="true">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
                          <div id="divReport_ErrorMessage"></div>
							<div class="modal-header border-0">
								<h5 class="modal-title">Save report</h5>
								<button type="button" class="close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>
							<div class="modal-body h-100">
								<div class="form-group">
									<div class="form-label-group">
										<label for="userName">Select Folder<span class="text-danger " id="spnIsRequired_folder"> *</span></label>
										<a href="javascript:;" id="reportCreateFolder" class="link-theme font-14 font-weight-500">+ Create Group</a>
									</div>
									<select class="form-control custom-select mb-10" id="RptGroup_AutoComplete">
<option selected>Select Group</option>
</select>
<input type="hidden" id="hfAutoComplete_ReportGroup" class="hfAutoCompleteId_ReportGroup value-control" data-isdynamic="true"/>
								</div>
                                <div class="form-group">
                                    <input type="checkbox" class="chkInternalReport mt-1 mr-10" onclick="" id="internalreport_checkbox" checked="true"><label for="internalreport_checkbox" class="mb-0">IsInternalReport</label>
                               </div>
								<div class="custom-control custom-radio radio-theme">
									<input type="radio" id="customRadio_v1" name="customRadioV1" class="custom-control-input" checked>
									<label class="custom-control-label" for="customRadio_v1">Visible to all users</label>
								</div>
								<div class="custom-control custom-radio radio-theme">
									<input type="radio" id="customRadio_v2" name="customRadioV1" class="custom-control-input">
									<label class="custom-control-label" for="customRadio_v2">Visible to only me</label>
								</div>
							</div>
							<div class="modal-footer justify-content-start">
								<button type="button" id="btn-reportbuilder-save" class="btn btn-theme w-150p">Save</button>
							</div>
						</div>
					</div>
				</div>
				<!-- /Save as Modal -->
				
                <!-- Link Report Modal -->
                   <div id="linkReportModalDiv"></div>
                <!-- /Link Report Modal -->
			</div>	
		</div>
	<div id="divSelectDataList"></div>
    </div>`;
                        $(".biz-new-report").hide();
                        return html;
                    }
                    load(id, containerid, callback) {
                        Unibase.Platform.Helpers.FileCacheHelper.Instance().addCacheFiles(["platform/analytics/components/reportbuilder/reportfilter.js", "platform/analytics/requests/reportgroup.js", "platform/analytics/components/reportbuilder/reportgroup.js", "platform/analytics/components/reportbuilder/subreport.js", "platform/analytics/components/reportbuilder/columnformat.js", "platform/analytics/components/reportbuilder/reportrolesettings.js"]);
                        let instance = this;
                        instance.res = null;
                        this.reportManager = Analytics.Managers.ReportManager.Instance();
                        this._chartBuilder = Unibase.Platform.Analytics.Charts.ChartBuilder.Instance();
                        this._reportViewer = Analytics.Components.ReportViewer.Instance();
                        this._reportGroup = Reports.ReportGroup.Instance();
                        this._reportBuilderTemplate = Reports.ReportBuilder_Template.Instance();
                        this._columnFormat = Reports.ColumnFormat.Instance();
                        this._pivot = Reports.Pivot.Instance();
                        this.pivot = new PivotColumns();
                        Unibase.Platform.Analytics.Reports.SubReport.Instance().isReportDuplicate = false;
                        instance.dataTreeRowExpandedColumn = [];
                        let reportid = id;
                        instance.reportid = id;
                        instance.containerId = containerid;
                        $(".Datalist_Search").val("");
                        $("#" + containerid).find(".report-builder-body").height($(window).outerHeight() - 100);
                        $("#" + containerid).find("#tabulatorReportbuilder").addClass(containerid + "-table-canvas");
                        $("#" + containerid).find("#chart-container").addClass(containerid + "-chart-canvas");
                        $(".TableIcon").addClass("text-right").addClass("pull-right");
                        $('#saveAsModalBtn').click(function (e) {
                            $('#save_as_modal').fadeIn().css('background-color', 'rgba(0, 0, 0, 0.5)');
                        });
                        $('#save_as_modal .close').click(function (e) {
                            $('#save_as_modal').fadeOut().css('background-color', 'none');
                        });
                        $("#btn-reportbuilder-save").click(function () {
                            if ($("#RptGroup_AutoComplete option:selected").val() == "Select Group")
                                return MessageHelper.Instance().showError("Please select ReportGroup", 'divReport_ErrorMessage');
                            $("#modalDataListItems .datalist-items, #modalDataListColumns").find(".active").removeClass("active");
                            instance.saveReport(containerid, reportid);
                        });
                        instance._chartBuilder.loadTopIcons();
                        instance.loadTableToggleButtons();
                        instance.loadLeftNav();
                        instance.loadReportGroups();
                        instance.loadInstalledApps();
                        instance.loadConnectedApps();
                        instance.bindConnectedReportsSelect2("#connectedreports");
                        if (reportid > 0) {
                            instance.loadreportviewerdata(reportid);
                        }
                        else {
                            instance.loadDataList_Modal();
                            instance.loadDataLists();
                        }
                        instance.table = instance.initTable(containerid);
                        if (callback !== null) {
                            callback();
                            instance.table.redraw(true);
                        }
                        $('#' + containerid).find("#btnRefresh").click(function () {
                            return __awaiter(this, void 0, void 0, function* () {
                                yield instance.load_data(instance.table);
                            });
                        });
                        $('#reportBuilderModal').on('hidden.bs.modal', function () {
                            $('#reportBuilderModal').remove();
                        });
                        $('.btn-reportbuilder-close').on('click', function () {
                            instance.closeReportBuilder(containerid, reportid);
                        });
                        $("#DataListColumnsDiv").addClass("hidden");
                        instance.loadAddedColumnFilter();
                        $("#filter-by").select2({ minimumResultsForSearch: -1 });
                        $('#filter-by').on('change', function (e) {
                            instance.loadSelectedDataListColumns();
                        });
                        $("#reportCreateFolder").click(function () {
                            instance.navigationHelper.popup(reportid, '', instance._reportGroup, null, Platform.Helpers.Size.Medium);
                        });
                        $("#notification_checkbox").click(function () {
                            instance.isNotificationCheck();
                        });
                        $("#internalreport_checkbox").click(function () {
                            if ($('#internalreport_checkbox').prop('checked') == false) {
                                instance.IsInternalReport = false;
                            }
                            else {
                                instance.IsInternalReport = true;
                            }
                        });
                        $("#count_checkbox").click(function () {
                            if ($('#count_checkbox').prop('checked') == false) {
                                instance.enableCount = false;
                                $('#count_checkbox').prop('checked', false);
                            }
                            else {
                                instance.enableCount = true;
                                $('#count_checkbox').prop('checked', true);
                            }
                        });
                        $("#enableglobaldatepicker_checkbox").click(function () {
                            if ($('#enableglobaldatepicker_checkbox').prop('checked') == false) {
                                instance.enableGlobalDatepicker = false;
                                $('#enableglobaldatepicker_checkbox').prop('checked', false);
                            }
                            else {
                                instance.enableGlobalDatepicker = true;
                                $('#enableglobaldatepicker_checkbox').prop('checked', true);
                            }
                        });
                        $('#btn-apply-query').on('click', function () {
                            var qelement = $("#builder");
                            var obj = qelement.queryBuilder('getRules');
                            !obj && (obj = []);
                            instance.queryBuilderJson = JSON.stringify(obj);
                            instance.load_data(instance.table);
                            $(".qry-builder-container").hide();
                        });
                        $(".alldatalistcolumns_dlg_close_btn").click(() => {
                            let selectedColumns = $("#allDatalistColumns").find(".selected");
                            if (selectedColumns.length) {
                                for (var i = 0; i < selectedColumns.length; i++)
                                    $(selectedColumns[i]).removeClass("selected");
                            }
                            $(".DatalistColumns_Search").val("").trigger("keyup");
                        });
                        $("#divDatalistModal_ErrorMessage").empty();
                        $('.biz-reportbuilder-wrap').click(function () {
                            $('#tabulatorReportbuilder').find('.column-dp-menu.show').removeClass('show');
                        });
                        $("#pindynamicfilters_checkbox").click((e) => {
                            instance.pinDynamicFilters = $(e.currentTarget).is(':checked');
                        });
                        $("#showdatalistcolumns_checkbox").click((e) => {
                            instance.showDynamicFilters = e.currentTarget.checked;
                            instance._chartBuilder.loadDynamicFilterSelect(instance.showDynamicFilters);
                        });
                        $("#InstalledApp_AutoComplete").change(e => {
                            if (e.currentTarget.value && instance.selectedColumns.length) {
                                let idx = instance.selectedColumns.findIndex(x => x.AliasName == 'installedappid');
                                if (idx == -1) {
                                    MessageHelper.Instance().showError("Please add installedappid column in order to select app", "div_ReportBuilderErrorMessage");
                                    return false;
                                }
                            }
                        });
                        $('#DefaultLeftNav_body .reset-btn').click(e => {
                            e.preventDefault();
                            e.stopPropagation();
                        });
                    }
                    loadForm(FormId, Pk_Value, AppConfigurationId, Callback, ElementId) {
                        this.init(0, null);
                    }
                    init(reportid, callback) {
                        var instance = this;
                        instance.reportid = reportid;
                        instance.render(reportid, callback);
                    }
                    render(reportid, callback) {
                        var instance = this;
                        reportid = reportid;
                        this.navigationHelper.popup(reportid, '', instance, null, Platform.Helpers.Size.ExtraLarge);
                    }
                    loadReportForm(iscreate) {
                        var Pk_Value = 0;
                        if (!iscreate) {
                            Pk_Value = Unibase.Themes.Providers.DetailHelper.recordId;
                        }
                        this.init(Pk_Value, null);
                    }
                    initiateDataListSearch() {
                        $('.Datalist_Search,.DatalistColumns_Search').on('keyup', function () {
                            let ulClass = "";
                            if ($(this).hasClass('Datalist_Search')) {
                                ulClass = '.datalist-items';
                            }
                            else {
                                ulClass = '.columns-list';
                            }
                            $(ulClass + ' li').each(function () {
                                $(this).attr('data-search-term', $(this).text().replaceAll(" ", "_").toLowerCase());
                            });
                            let searchTerm = $(this).val().toString().toLowerCase();
                            searchTerm.includes(" ") && (searchTerm = searchTerm.replaceAll(" ", "_"));
                            if (searchTerm != "") {
                                let count = 0;
                                $(ulClass + ' li').each(function () {
                                    if ($(this).filter('[data-search-term *= ' + searchTerm + ']').length > 0 || searchTerm.length < 1) {
                                        $(this).show();
                                        count++;
                                    }
                                    else {
                                        $(this).hide();
                                    }
                                });
                                if (!count)
                                    return MessageHelper.Instance().showError("No results found", 'divDatalistModal_ErrorMessage');
                                else if ($("#divDatalistModal_ErrorMessage").children().length)
                                    $("#divDatalistModal_ErrorMessage").empty();
                            }
                            else {
                                $(ulClass + ' li').each(function () {
                                    $(this).show();
                                });
                            }
                        });
                    }
                    loadDataList_Modal() {
                        const instance = this;
                        let reportBuilder_DataListModalHtml = `<div class="modal fade biz-new-report" id="reportBuilderModal" tabindex="-1" role="dialog" aria-labelledby="reportBuilderPopup" aria-hidden="true">
		      	<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
				<div class="modal-content">
                  <div id="divDatalistModal_ErrorMessage"></div>
					<div class="modal-header flex-column">
						<h5 class="mb-5">Create New Report</h5>
						<p>Choose datalist and columns to your report</p>
					</div>
					<div class="modal-body pa-0 h-400p">
						<div class="dataset-list-wrap">
							<div class="form-search">
								<input class="form-control Datalist_Search" placeholder="Search Datalist">
							</div>
							<div data-simplebar class="simple-scroll-bar" id="DataListsDropDownDiv">
								<div id="modalDataListItems">

								</div>
							</div>
						</div>
						<div class="columns-list-wrap">
							<div class="d-flex align-items-center">
								<button class="btn btn-icon btn-flush-dark btn-rounded flush-soft-hover close-columns-list" href="#"><span class="btn-icon-wrap" ><span class="feather-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg></span></span></button>
								<div class="form-search col">
									<input class="form-control DatalistColumns_Search" placeholder="Search Columns">
								</div>
							</div>
							<div data-simplebar class="simple-scroll-bar">
								<div id="modalDataListColumns">
							
								</div>
							</div>
						</div>
					</div>
					<div class="modal-footer justify-content-center">
						<a class="btn btn-light mr-10 btn-reportbuilder-close" href="javascript:;" data-dismiss="modal">cancel</a>
                        <a class="btn btn-theme btn-reportbuilder-next" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().loadReportColumns()"> next </a>
					</div>
				</div>
			</div>
		</div>`;
                        $("#_bizgaze_modal").append(reportBuilder_DataListModalHtml);
                        $('#reportBuilderModal').modal({
                            backdrop: 'static',
                            keyboard: true,
                            show: true
                        });
                        instance.initiateDataListSearch();
                    }
                    loadDataLists() {
                        var instance = this;
                        let dataListHtml = "";
                        instance.reportManager.getDataLists().then(function (response) {
                            dataListHtml += '<ul class="nav nav-vertical nav-tabs datalist-items">';
                            for (var i = 0; i < response.length; i++) {
                                let obj = response[i];
                                dataListHtml += `<li class="nav-item">
											        <a class="nav-link data-list-sel" data-toggle="tab"
												        href="#tab_col_1" title="${obj.DataListName.trim()}" data-list-id="${obj.DataListId}" data-list-name="${obj.DataListName.trim().replaceAll(" ", "_")}"       onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().loadDataListColumns(${obj.DataListId},null,${false},${false},${obj.DataSourceId})">
												        <span class="nav-link-text">${obj.DataListName.trim()}</span>
											        </a>
										        </li>`;
                            }
                            dataListHtml += '</ul>';
                            $('#modalDataListItems').append(dataListHtml);
                            if (!window.matchMedia('(max-width: 1200px)').matches) {
                                $("#modalDataListItems ul li a:first").addClass("active").trigger('click');
                            }
                        });
                    }
                    loadDataListColumns(datalistid, term, search, IsForm, DataSourceId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            $('#modalDataListColumns').html("");
                            $("#reportBuilderModal").find(".DatalistColumns_Search").val("");
                            var instance = this;
                            instance.DataSourceId = DataSourceId;
                            if (datalistid != 0) {
                                var dataListColumnsHtml = "";
                                yield instance.reportManager.getDataListColumns(datalistid, term, null).then(function (response) {
                                    if (response.status == Unibase.Data.Status.Success) {
                                        if (response.result != "") {
                                            var dc_res = JSON.parse(response.result);
                                            instance.datalistColumnsResponseData = [];
                                            if (dc_res.length > 0) {
                                                dataListColumnsHtml += `<div class="tab-content">
										                    <div class="tab-pane fade show active" id="tab_col_1">
											                    <ul class="columns-list multi-sel">`;
                                                for (var i = 0; i < dc_res.length; i++) {
                                                    let obj = dc_res[i];
                                                    let columnIcon = instance.getColumnIconByDataTypes(obj.DataTypeId);
                                                    let dobj = { ColumnId: obj.ColumnId, DataType: obj.DataTypeId, ColumnName: obj.AliasName, DisplayText: obj.AliasName, AliasName: obj.AliasName, DlColumnName: obj.ColumnName, Isvisible: false, StaticFilterControlType: obj.StaticFilterControlTypeId };
                                                    instance.datalistColumnsResponseData.push(dobj);
                                                    dataListColumnsHtml += `<li>
													            <a href="#">
														            <span class="col-type-icon">
															            <span class="line-icon">
                                                                            ${columnIcon}
                                                                        </span>
														            </span>
														            <span>
															            <span class="col-name dataListModalColumn" data-column-datatype=${obj.DataTypeId} data-column-id='${obj.ColumnId}' data-column-dlcolumnname='${obj.ColumnName}'>${obj.AliasName}</span>

														            </span>
													            </a>
												            </li>`;
                                                }
                                                dataListColumnsHtml += `</ul></div>`;
                                                $('#modalDataListColumns').html(dataListColumnsHtml);
                                                instance.QueryBuilder_Columns = instance.datalistColumnsResponseData;
                                            }
                                            else {
                                                $('#modalDataListColumns').html("");
                                            }
                                        }
                                        else {
                                            return MessageHelper.Instance().showError("DataListColumns does'nt exist", "divDatalistModal_ErrorMessage");
                                        }
                                    }
                                    else {
                                        return MessageHelper.Instance().showError(response.message, "divDatalistModal_ErrorMessage");
                                    }
                                });
                            }
                        });
                    }
                    _selectedColumns(selCol) {
                        var instance = this;
                        let colFormat;
                        if (selCol.DataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime && selCol.ColumnFormat)
                            colFormat = selCol.ColumnFormat;
                        else if (selCol.DataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime && !(selCol.ColumnFormat))
                            colFormat = "Default";
                        instance.selectedColumns.push({
                            ReportColumnId: (selCol.ReportColumnId) ? selCol.ReportColumnId : 0,
                            ColumnId: selCol.ColumnId,
                            ColumnName: selCol.ColumnName,
                            AliasName: selCol.AliasName && selCol.AliasName.toLowerCase(),
                            DataListColumnName: selCol.DataListColumnName,
                            DlColumnName: selCol.DlColumnName,
                            DisplayText: (selCol.DisplayText) ? selCol.DisplayText : selCol.AliasName,
                            DataType: selCol.DataType,
                            DataTypeString: selCol.DataTypeString,
                            GroupBy: (selCol.GroupBy) ? selCol.GroupBy : false,
                            Isvisible: (selCol.Isvisible) ? selCol.Isvisible : false,
                            Aggregation: !isNaN(selCol.Aggregation) ? selCol.Aggregation : Reports.Enums.AggregationType.none,
                            SortOrder: (selCol.SortOrder) ? selCol.SortOrder : "none",
                            SortIndex: (selCol.SortIndex) ? selCol.SortIndex : 0,
                            IsFilterable: false,
                            IsPrimaryKey: (selCol.IsPrimaryKey) ? selCol.IsPrimaryKey : false,
                            IsContactColumn: (selCol.IsContactColumn) ? selCol.IsContactColumn : false,
                            ColumnIndex: instance.selectedColumns.length,
                            IsDragged: (selCol.IsDragged) ? selCol.IsDragged : false,
                            GroupByCategory: (selCol.GroupByCategory) ? selCol.GroupByCategory : false,
                            ColumnFormat: (colFormat) ? colFormat : "",
                            DistinctOn: (selCol.DistinctOn) ? selCol.DistinctOn : false,
                            IsPivotColumn: selCol.IsPivotColumn,
                            IsPivotAggrColumn: selCol.IsPivotAggrColumn,
                            IsPivotTableCol: (selCol.IsPivotTableCol) ? selCol.IsPivotTableCol : false,
                            IsDownload: (selCol.IsDownload) ? selCol.IsDownload : false,
                            TableAggrTypeId: !isNaN(selCol.TableAggrTypeId) ? selCol.TableAggrTypeId : Reports.Enums.AggregationType.none,
                            IsNumFormatting: (selCol.IsNumFormatting) ? selCol.IsNumFormatting : false,
                            IsRowTotal: (selCol.IsRowTotal) ? selCol.IsRowTotal : false,
                            IsImageUrl: (selCol.IsImageUrl) ? selCol.IsImageUrl : false,
                            PivotTableAggrTypeId: (selCol.PivotTableAggrTypeId) ? selCol.PivotTableAggrTypeId : 0,
                        });
                        var Width = selCol.Width;
                        if (Width != undefined) {
                            let index = instance.getIndexByAliasName_selectedColumnsArray(selCol.AliasName);
                            if (index != -1)
                                instance.selectedColumns[index].Width = Width;
                        }
                        var ColumnName = selCol.ColumnName;
                        let EditableTitle = true;
                        let HeaderSort = false;
                        if (instance.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                            EditableTitle = false;
                            HeaderSort = true;
                        }
                        instance.table.addColumn({ title: selCol.AliasName && selCol.AliasName.toLowerCase(), field: ColumnName && ColumnName.toLowerCase(), editableTitle: EditableTitle, headerSort: HeaderSort }, true, "LastColumn");
                        instance.EditableTabulatorTitle();
                    }
                    loadReportColumns() {
                        var instance = this;
                        if ($('#modalDataListItems .nav-link.data-list-sel.active').length == 0)
                            return MessageHelper.Instance().showError("Please select Datalist", 'divDatalistModal_ErrorMessage');
                        if ($('#modalDataListColumns .columns-list li.selected').length == 0)
                            return MessageHelper.Instance().showError("Please select Columns", 'divDatalistModal_ErrorMessage');
                        instance.datalistColumnsResponseData = [];
                        instance.DataListId = parseInt($('#modalDataListItems ul li a.active').attr('data-list-id'));
                        const DataListName = $('#modalDataListItems ul li a.active').attr('data-list-name');
                        var asb = 0;
                        $('#datalist_name').val(DataListName);
                        $('#header_datalist_name').html(DataListName);
                        if (!isNaN(instance.DataListId)) {
                            $('#modalDataListColumns ul.multi-sel li span.dataListModalColumn').each(function () {
                                let _id = Number($(this).attr('data-column-id'));
                                let _datatype = Number($(this).attr('data-column-datatype'));
                                let _datatypeString = $(this).attr('data-column-datatype');
                                let _dlcolumnname = $(this).attr('data-column-dlcolumnname');
                                let _dlaliasname = $(this).text();
                                let obj = { ColumnId: _id, DataType: _datatype, DataTypeString: _datatypeString, ColumnName: _dlaliasname, DisplayText: _dlaliasname, AliasName: _dlaliasname, DlColumnName: _dlcolumnname, Isvisible: false };
                                instance.datalistColumnsResponseData.push(obj);
                            });
                            $('#modalDataListColumns ul.multi-sel li.selected span.dataListModalColumn').each(function () {
                                let _id = Number($(this).attr('data-column-id'));
                                let _datatype = Number($(this).attr('data-column-datatype'));
                                let _datatypeString = $(this).attr('data-column-datatype');
                                let _dlaliasname = $(this).text();
                                let _dlcolumnname = $(this).attr('data-column-dlcolumnname');
                                let obj = { ColumnId: _id, DataType: _datatype, DataTypeString: _datatypeString, ColumnName: _dlaliasname, AliasName: _dlaliasname, DlColumnName: _dlcolumnname, Isvisible: true, IsDownload: true };
                                instance._selectedColumns(obj);
                            });
                            instance.loadSelectedDataListColumns();
                            instance.loadAllDataListColumns();
                            instance._chartBuilder.select2DataBinding("");
                            $('#reportBuilderModal').modal('hide');
                            $('.Datalist_Search').val("");
                            $('.DatalistColumns_Search').val("");
                            instance.load_data(instance.table);
                        }
                        ;
                    }
                    loadAllDataListColumns() {
                        var instance = this;
                        let allDatalistColumnsHtml = "";
                        allDatalistColumnsHtml += '<ul class="columns-list multi-sel">';
                        for (var i = 0; i < instance.datalistColumnsResponseData.length; i++) {
                            var obj = instance.datalistColumnsResponseData[i];
                            let columnIcon = instance.getColumnIconByDataTypes(obj.DataType);
                            allDatalistColumnsHtml += `<li id="li_${obj.ColumnId}">
															<a href="#">
																<span class="col-type-icon">
																	<span class="line-icon">${columnIcon}</span>
																</span>
																<span>
                                               <span class="col-name datalist_column" data-column-datatype=${obj.DataType} data-column-id='${obj.ColumnId}' data-column-dlcolumnname='${obj.DlColumnName}'>${obj.ColumnName}</span></span>	
															</a>
														</li>`;
                        }
                        allDatalistColumnsHtml += '</ul>';
                        $('#allDatalistColumns').html(allDatalistColumnsHtml);
                    }
                    loadSelectedDataListColumns() {
                        let opt = Number($('#filter-by').val());
                        let check = '';
                        var hiddenColumnsHtml = '';
                        if (opt == Unibase.Platform.Analytics.Enums.FilterType.allcolumns) {
                        }
                        else if (opt == Unibase.Platform.Analytics.Enums.FilterType.contactcolumns) {
                            check = 'IsContactColumn';
                        }
                        else if (opt == Unibase.Platform.Analytics.Enums.FilterType.primarykeycolumns) {
                            check = 'IsPrimaryKey';
                        }
                        var instance = this;
                        let selectedColumnsHtml = "";
                        $.each(instance.selectedColumns, function (index, value) {
                            var { selectedColumnHtml, hiddenColumnHtml } = instance.getSelectedColumnHtml(value, index, check);
                            selectedColumnsHtml += selectedColumnHtml;
                            if (!check)
                                hiddenColumnsHtml += hiddenColumnHtml;
                        });
                        $('#selectedColumns').html(selectedColumnsHtml);
                        $('#selectedColumns_hidden').html(hiddenColumnsHtml);
                        instance.sortSelectedColums();
                    }
                    getColumnHtml(AliasName, ColumnName, ColumnId, dnoneClass, Isvisible, isColumnVisible, DataType, DisplayText, isHiddenColumn) {
                        var idValue = isHiddenColumn ? "_hidden" : "";
                        const draggerClass = isHiddenColumn ? 'pl-40' : 'las la-braille dragger';
                        return `<div class="dsl-block ${Isvisible ? '' : 'd-none'}" id="column_${AliasName}_block${idValue}" data-isvisible="${isColumnVisible}">
						    <span>
							<i class="${draggerClass}"></i>
							<span class="dsl-block-name" data-column-id='${ColumnId}' data-report-columnname = '${ColumnName} ' data-report-aliasname ='${AliasName}' data-column-datatype='${DataType}'>${DisplayText}</span>
						</span>
						<span>
							<a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover text-secondary ${dnoneClass}" id="${AliasName}_EyeIcon${idValue}" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().showOrHideColumn_table('${ColumnId}','${AliasName}')" title="Show Column"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-eye-slash font-20"></i></span></span></a>
						</span>
				   	     </div>`;
                    }
                    getSelectedColumnHtml(value, index, check) {
                        var instance = this;
                        var selectedColumnHtml = '', hiddenColumnHtml = '';
                        let dnoneClass = 'd-none';
                        let isColumnVisible = "true";
                        if (!value.Isvisible) {
                            dnoneClass = '';
                            isColumnVisible = "false";
                        }
                        var colIndex = instance.getIndexByAliasName_selectedColumnsArray(value.AliasName);
                        instance.selectedColumns[colIndex].ColumnIndex = index;
                        if (check == '' && !value.IsPrimaryKey) {
                            selectedColumnHtml += instance.getColumnHtml(value.AliasName, value.ColumnName, value.ColumnId, dnoneClass, value.Isvisible, isColumnVisible, value.DataType, value.DisplayText);
                        }
                        else if (check == "IsPrimaryKey" && value.IsPrimaryKey) {
                            selectedColumnHtml += instance.getColumnHtml(value.AliasName, value.ColumnName, value.ColumnId, dnoneClass, value.Isvisible, isColumnVisible, value.DataType, value.ColumnName);
                        }
                        else if (check == '' && value.IsPrimaryKey) {
                            selectedColumnHtml += instance.getColumnHtml(value.AliasName, value.ColumnName, value.ColumnId, dnoneClass, value.Isvisible, isColumnVisible, value.DataType, value.AliasName);
                        }
                        else if (check == 'IsContactColumn' && value.IsContactColumn) {
                            selectedColumnHtml += `<div class="dsl-block ${value.Isvisible ? '' : 'd-none'}" id="column_${value.AliasName}_block" data-isvisible="${isColumnVisible}">
						<span>
							<i class="las la-braille dragger"></i>
							<span class="dsl-block-name" data-column-id='${value.ColumnId}' data-report-columnname = '${value.ColumnName}' data-report-aliasname ='${value.AliasName}' data-column-datatype='${value.DataType}'>${value.AliasName}</span>
						</span>
						<span>
							<a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover text-secondary ${dnoneClass}" id="${value.AliasName}_EyeIcon" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().showOrHideColumn_table('${value.ColumnId}','${value.AliasName}')" title="Show Column"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-eye-slash font-20"></i></span></span></a>
						</span>
					</div>`;
                        }
                        if (!value.Isvisible) {
                            hiddenColumnHtml += instance.getColumnHtml(value.AliasName, value.ColumnName, value.ColumnId, dnoneClass, true, isColumnVisible, value.DataType, value.DisplayText, true);
                        }
                        return {
                            selectedColumnHtml: selectedColumnHtml,
                            hiddenColumnHtml: hiddenColumnHtml
                        };
                    }
                    sortSelectedColums() {
                        var instance = this;
                        let list = $('#selectedColumns');
                        if (!list)
                            return;
                        list.sortable({
                            connectWith: "#selectedColumns",
                            cursor: 'move',
                            update: function (event, ui) {
                                instance.updateSelectedColumnIndex();
                                instance.load_data(instance.table);
                            }
                        });
                    }
                    appendExtraSelectedColumns() {
                        var instance = this;
                        let obj;
                        let newColumnsHtml = "";
                        if (instance.DataListId != 0) {
                            let show = false;
                            $('#allDatalistColumns ul.multi-sel li.selected span.datalist_column').each(function () {
                                let _id = Number($(this).attr('data-column-id'));
                                let _datatype = Number($(this).attr('data-column-datatype'));
                                let _datatypeString = $(this).attr('data-column-datatype');
                                let _name = $(this).text();
                                let _dlcolumnname = $(this).attr('data-column-dlcolumnname');
                                let opt = Number($('#filter-by').val());
                                if (opt == Unibase.Platform.Analytics.Enums.FilterType.primarykeycolumns && _datatype != Unibase.Platform.Analytics.Reports.Enums.DataType.int32 && _datatype != Unibase.Platform.Analytics.Reports.Enums.DataType.int64) {
                                    return MessageHelper.Instance().showError("Please select integer data type column for selecting primary key", "div_ReportBuilderErrorMessage");
                                }
                                obj = { ColumnId: _id, DataType: _datatype, DataTypeString: _datatypeString, ColumnName: _name, AliasName: _name, DlColumnName: _dlcolumnname, Isvisible: true, IsDownload: true };
                                var column = instance.selectedColumns.find(x => x.AliasName == _name) ? true : false;
                                if (!column)
                                    instance._selectedColumns(obj);
                                if (opt == Unibase.Platform.Analytics.Enums.FilterType.allcolumns) {
                                    if (column) {
                                        show = true;
                                        return instance.error(_name);
                                    }
                                    newColumnsHtml += instance.addDataListColumns_ColumnsTab(obj.ColumnId, obj.ColumnName, obj.AliasName, obj.DataType, _name);
                                }
                                else if (opt == Unibase.Platform.Analytics.Enums.FilterType.contactcolumns) {
                                    var contccol = instance.selectedColumns.find(x => x.AliasName == _name && x.IsContactColumn == true) ? true : false;
                                    if (contccol) {
                                        show = true;
                                        return instance.error(_name);
                                    }
                                    newColumnsHtml += instance.addDataListColumns_ColumnsTab(obj.ColumnId, obj.ColumnName, obj.AliasName, obj.DataType, _name);
                                    instance.IsContactColumn(_id, _name);
                                }
                                else if (opt == Unibase.Platform.Analytics.Enums.FilterType.primarykeycolumns) {
                                    var pkcol = instance.selectedColumns.find(x => x.ColumnName == _name && x.IsPrimaryKey == true) ? true : false;
                                    if (pkcol) {
                                        show = true;
                                        return MessageHelper.Instance().showError('Please remove existing pk_id column to add new primarykey column', 'div_ReportBuilderErrorMessage');
                                    }
                                    newColumnsHtml += instance.addDataListColumns_ColumnsTab(obj.ColumnId, obj.ColumnName, "pk_id", obj.DataType, _name);
                                    obj["AliasName"] = "pk_id";
                                    obj["IsPrimaryKey"] = true;
                                    instance._selectedColumns(obj);
                                    $("#txtAliasName_pk_id").val("pk_id");
                                }
                            });
                            $("#selectedColumns").append(newColumnsHtml);
                            instance.sortSelectedColums();
                            instance.loadAllDataListColumns();
                            instance._chartBuilder.select2DataBinding("");
                            instance._chartBuilder.loadSearchSelect2();
                            $(".DatalistColumns_Search").val("").trigger("keyup");
                            this._pivot.loadPivotSelect2s();
                            instance.load_data(instance.table);
                            if (!show)
                                $('#adj_drawer_1').hide();
                        }
                        ;
                    }
                    addDataListColumns_ColumnsTab(ColumnId, ColumnName, AliasName, DataType, name) {
                        let newColumnsHtml = `<div class="dsl-block" id="column_${AliasName}_block">
						<span>
							<i class="las la-braille dragger"></i>
							<span class="dsl-block-name" data-column-id='${ColumnId}' data-report-columnname = '${ColumnName}' data-report-aliasname ='${AliasName}' data-column-datatype='${DataType}'>${ColumnName}</span>
						</span>
						<span>
						   <a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover text-secondary d-none" id="${AliasName}_EyeIcon" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().showOrHideColumn_table('${ColumnId}','${AliasName}')" title="Show Column"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-eye-slash font-20"></i></span></span></a>
						</span>
					</div>`;
                        return newColumnsHtml;
                    }
                    addDuplicateColumn(columnName) {
                        var instance = this;
                        let duplicateCol;
                        let index = 0;
                        if (instance.duplicateColIndex.length > 0) {
                            let col = instance.duplicateColIndex[columnName];
                            if (col) {
                                index = col.index + 1;
                                duplicateCol = columnName + "_" + index;
                                delete instance.duplicateColIndex[columnName];
                                instance.duplicateColIndex[columnName] = { ColName: columnName, AliasName: duplicateCol, index: index };
                            }
                            else {
                                duplicateCol = columnName + "_" + index;
                                instance.duplicateColIndex[columnName] = { ColName: columnName, AliasName: duplicateCol, index: index };
                                instance.duplicateColIndex.length = instance.duplicateColIndex.length + 1;
                            }
                        }
                        else {
                            duplicateCol = columnName + "_" + index;
                            instance.duplicateColIndex[columnName] = { ColName: columnName, AliasName: duplicateCol, index: index };
                            instance.duplicateColIndex.length = instance.duplicateColIndex.length + 1;
                        }
                        return duplicateCol;
                    }
                    pivotData() {
                        var instance = this;
                        let sel_Col = instance.selectedColumns;
                        instance.table.options.dataTree = true;
                        for (var i = 0; i < sel_Col.length; i++) {
                            if (instance.pivot.ColumnName == sel_Col[i].ColumnName) {
                                let Col = [];
                                let row = instance.pivot.PivotRows;
                                for (var r = 0; r < row.length; r++) {
                                    Col.push({ title: row[r], field: row[r], visible: true, editableTitle: instance.EditableTitle, headerSort: instance.HeaderSort });
                                }
                                instance.tabulatorColumns = instance.tabulatorColumns.concat(Col);
                            }
                            else {
                                if (sel_Col[i].Width != undefined) {
                                    instance.tabulatorColumns.push({ title: sel_Col[i].ColumnName, field: sel_Col[i].ColumnName, visible: sel_Col[i].Isvisible, editableTitle: instance.EditableTitle, headerSort: instance.HeaderSort, width: sel_Col[i].Width });
                                }
                                else {
                                    if (instance.pivot.AggColumnName != sel_Col[i].ColumnName) {
                                        instance.tabulatorColumns.push({ title: sel_Col[i].ColumnName, field: sel_Col[i].ColumnName, visible: sel_Col[i].Isvisible, editableTitle: instance.EditableTitle, headerSort: instance.HeaderSort });
                                    }
                                }
                            }
                        }
                    }
                    findChildren(row, action) {
                        var instance = this;
                        if (action == "expand") {
                            row.treeExpand();
                        }
                        else {
                            row.treeCollapse();
                        }
                        ;
                        var childRows = row.getTreeChildren();
                        if (childRows.length > 0) {
                            childRows.forEach(function (child) {
                                if (child.getTreeChildren().length > 0) {
                                    instance.findChildren(child, action);
                                }
                            });
                        }
                    }
                    getDistinctData(colId, colName, AggrFuncId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            var cf_fromDate = btoa(Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate);
                            var cf_toDate = btoa(Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate);
                            yield Unibase.Platform.Analytics.Managers.ReportManager.Instance().getDistinctColumnData(instance.DataListId, colName, AggrFuncId, cf_fromDate, cf_toDate).then(function (response) {
                                if (response != "") {
                                    instance.distinctColumnData = response;
                                    let PivotRows = [];
                                    instance.pivot.ColumnName = colName;
                                    for (var i = 0; i < instance.distinctColumnData.length; i++) {
                                        PivotRows.push(instance.distinctColumnData[i][colName]);
                                    }
                                    if ($("#PivotRows_Select2").is(":visible")) {
                                        $("#PivotRows_Select2").select2({
                                            placeholder: 'Select Pivot Rows',
                                            data: PivotRows,
                                        });
                                    }
                                    instance.pivot.PivotRows = PivotRows;
                                }
                                else {
                                    instance.pivot.PivotRows = [];
                                }
                            });
                        });
                    }
                    timeIntervels(pivotCol) {
                        var instance = this;
                        var timeInterval = instance.TenureReport[pivotCol].TimeInterval.split(',');
                        var tenure = [];
                        for (var t = 0; t < timeInterval.length; t++) {
                            var start = 0;
                            if (t != timeInterval.length - 1) {
                                if (t == 0) {
                                    start = Number(timeInterval[t]);
                                }
                                else {
                                    start = Number(timeInterval[t]) + 1;
                                }
                                var end = timeInterval[t + 1];
                                tenure.push(start + "-" + end);
                            }
                            else {
                                tenure.push(">" + timeInterval[t]);
                            }
                        }
                        return tenure;
                    }
                    tenureData() {
                        var instance = this;
                        let sel_Col = instance.selectedColumns;
                        instance.tenureTimeIntervalCol = instance.pivot.ColumnName;
                        var tenure = instance.timeIntervels(instance.tenureTimeIntervalCol);
                        for (var i = 0; i < sel_Col.length; i++) {
                            if (instance.pivot.ColumnName == sel_Col[i].ColumnName) {
                                let Col = [];
                                for (var t = 0; t < tenure.length; t++) {
                                    if (sel_Col[i].Width) {
                                        Col.push({ title: tenure[t], field: tenure[t], visible: true, editableTitle: instance.EditableTitle, headerSort: instance.HeaderSort, width: sel_Col[i].Width });
                                    }
                                    else {
                                        Col.push({ title: tenure[t], field: tenure[t], visible: true, editableTitle: instance.EditableTitle, headerSort: instance.HeaderSort });
                                    }
                                }
                                instance.tabulatorColumns[sel_Col[i].ColumnIndex + 1] =
                                    {
                                        title: sel_Col[i].ColumnName,
                                        columns: Col,
                                    };
                            }
                            else {
                                if (instance.pivot.AggColumnName !== sel_Col[i].ColumnName) {
                                    instance.tabulatorColumns[sel_Col[i].ColumnIndex + 1] =
                                        { title: sel_Col[i].AliasName, field: sel_Col[i].ColumnName, visible: sel_Col[i].Isvisible, editableTitle: instance.EditableTitle, headerSort: instance.HeaderSort, width: sel_Col[i].Width };
                                }
                            }
                        }
                    }
                    initTable(containerid) {
                        var instance = this;
                        var autoNumFormatter = function (cell) {
                            var row = cell.getRow();
                            var rowIndex = row.getPosition(false);
                            return (rowIndex + 1);
                        };
                        let serviceurl = "apis/v4/unibase/platform/analytics/tabledata";
                        serviceurl = _appsettings.server_url() + (serviceurl.startsWith('/') ? serviceurl : ('/' + serviceurl));
                        instance.table = new Tabulator("." + containerid + "-table-canvas", {
                            columns: [
                                { title: "", formatter: autoNumFormatter, frozen: true, minWidth: 40, width: 40 },
                                { title: "LastColumn", field: "LastColumn", visible: false, headerSort: false }
                            ],
                            layout: "fitDataFill",
                            dataTree: true,
                            movableColumns: false,
                            dataTreeStartExpanded: instance._pivot.isDataTreeExpand,
                            dataTreeChildIndent: 15,
                            dataTreeRowExpanded: function (row, level) {
                                return __awaiter(this, void 0, void 0, function* () {
                                    var array = [];
                                    var _children = [];
                                    if (instance.datatreeIndex_Width / 70 <= level) {
                                        instance.datatreeIndex_Width = instance.datatreeIndex_Width + 70;
                                    }
                                    Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().tabulatorColumns[0].width = instance.datatreeIndex_Width;
                                    Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().tabulatorColumns[0].minWidth = instance.datatreeIndex_Width;
                                    if (instance.dataTreeRowExpandedColumn.length != 0) {
                                        instance.table.setColumns(instance.tabulatorColumns);
                                        instance.EditableTabulatorTitle();
                                        $(".tabulator-frozen").css("width", instance.datatreeIndex_Width);
                                        var Columns = instance.table.getColumns();
                                        for (var c = 0; c < Columns.length; c++) {
                                            var field = Columns[c].getField();
                                            var width = Columns[c]["_column"].width;
                                            $("#" + instance.containerId).find("[tabulator-field = '" + field + "']").css("width", width);
                                        }
                                    }
                                    var parentcolName = instance.pivot.ParentColumnName;
                                    var parentValue = row.getData()[parentcolName];
                                    instance.dataTreeRowExpandedColumn = [];
                                    instance.dataTreeRowExpandedColumn.push({ ColumnName: parentcolName, ColumnValue: parentValue, Level: level });
                                    instance.pivot.ChildColumnValue = parentValue;
                                    yield instance.load_data(instance.table);
                                    setTimeout(function () {
                                        instance.table.options.dataTree = true;
                                        var tabledata = JSON.parse(instance.tableData);
                                        var hasChild = tabledata.filter(x => x.haschild == true).forEach(c => c["_children"] = []);
                                        row.getData()._children = tabledata;
                                        return row.update(row.getData());
                                    }, 1000);
                                });
                            },
                            rowClick: function (e, row) {
                                if (instance.reportid != 0) {
                                    instance.subreportdata = instance.subreporttabledata;
                                }
                                var rowpostion = row.getPosition(false);
                                let subreportdata = instance.subreportdata;
                                if (subreportdata.length > 0) {
                                    if ($(".subTable" + (rowpostion + 1) + "").is(":visible")) {
                                        $(".subTable" + (rowpostion + 1) + "").toggle();
                                        return false;
                                    }
                                    else {
                                        $(".subTable" + (rowpostion + 1) + "").toggle();
                                        if (document.getElementsByClassName("subTable" + (rowpostion + 1) + "").length > 1) {
                                            return false;
                                        }
                                    }
                                    for (let i = 0; i < instance.subreportdata.length; i++) {
                                        let ChildReportId;
                                        let ReportColumnName;
                                        let Expression;
                                        let SubReportColumnName;
                                        if (instance.reportid != 0) {
                                            ChildReportId = instance.subreporttabledata[i].ChildReportId;
                                            ReportColumnName = (instance.subreporttabledata[i].ParameterValue).replace('@', '');
                                            SubReportColumnName = instance.subreporttabledata[i].ParameterName.trim();
                                        }
                                        else {
                                            ChildReportId = subreportdata[i].ChildReportId;
                                            ReportColumnName = subreportdata[i].ReportColumnName;
                                            SubReportColumnName = subreportdata[i].SubReportColumnName;
                                        }
                                        instance.reportManager.getColumns(ChildReportId).then(function (response) {
                                            var res = response.result;
                                            var col = [];
                                            res.forEach((c) => {
                                                const colHozAlign = instance.getColHorizontalAlign(c);
                                                col.push({ title: c.AliasName, field: c.AliasName, hozAlign: colHozAlign });
                                            });
                                            var holderEl = document.createElement("div");
                                            var tableEl = document.createElement("div");
                                            holderEl.style.boxSizing = "border-box";
                                            holderEl.style.padding = "10px 10px 10px 10px";
                                            holderEl.style.borderTop = "1px solid #333";
                                            holderEl.style.borderBottom = "1px solid #333";
                                            holderEl.style.background = "#ddd";
                                            holderEl.setAttribute('class', "subTable" + (rowpostion + 1) + "");
                                            tableEl.style.border = "1px solid #333";
                                            tableEl.setAttribute('class', "subTable" + (rowpostion + 1) + "");
                                            holderEl.appendChild(tableEl);
                                            row.getElement().appendChild(holderEl);
                                            var subTable = new Tabulator(tableEl, {
                                                layout: "fitDataFill",
                                            });
                                            subTable.setColumns(col);
                                            const id = (eval("row.getData()." + ReportColumnName + ""));
                                            var reportitemid = id.toString();
                                            let SubReportArr = [];
                                            SubReportArr.push({
                                                Operator: Platform.Core.Enums.ExpressionOperator.Equals,
                                                ParameterName: SubReportColumnName,
                                                ParameterValue: reportitemid
                                            });
                                            let repObj = new ReportObject();
                                            repObj.ReportId = ChildReportId;
                                            repObj.Filter = SubReportArr;
                                            repObj.LinkSubReport = true;
                                            instance.reportManager.getTableData(repObj).then(function (response) {
                                                var res = JSON.parse(response.result);
                                                subTable.setData(res.Data);
                                            });
                                        });
                                    }
                                }
                            },
                            cellClick: function (e, cell) {
                                var Interval = cell["_cell"].column.definition.title;
                                Unibase.Platform.Analytics.Reports.Tenure.Instance().tenureDetailsTable(Interval);
                            },
                            placeholder: "No data available",
                            columnResized: function (column) {
                                let col = column["_column"].field;
                                let width = column["_column"].width;
                                let index = instance.getIndexByAliasName_selectedColumnsArray(col);
                                instance.selectedColumns[index].Width = width;
                            },
                            scrollHorizontal: function () {
                                $('#tabulatorReportbuilder .tabulator-header').find('.column-dp-menu.show').removeClass('show');
                            },
                            dataLoading: function (data) {
                                if (data && data.length) {
                                    instance.navigationHelper.showLoading();
                                }
                            },
                            dataLoaded: function () {
                                if (instance.tableData) {
                                    instance.navigationHelper.hideLoading();
                                }
                            }
                        });
                        var height = $(".report-builder-body").height() - 40 + "px";
                        instance.table.setHeight(height);
                        $("#table-canvan").height(height);
                        return instance.table;
                    }
                    getReportData() {
                        var instance = this;
                        instance.ReportColumns = [];
                        if (instance.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                            instance._chartBuilder.pushPivotData();
                        }
                        if (instance.TenureReport.length != 0) {
                            instance.TenureReport;
                        }
                        var fromDate = "";
                        var toDate = "";
                        var cf_fromDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate;
                        var cf_toDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate;
                        if (cf_fromDate != null && cf_toDate != null) {
                            fromDate = cf_fromDate.toString();
                            toDate = cf_toDate.toString();
                        }
                        else {
                            fromDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                            toDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                        }
                        let repObj = new ReportObject();
                        repObj.DataListId = instance.DataListId;
                        repObj.StaticFilter = instance.queryBuilderJson;
                        repObj.SortColumns = instance.stringifyed_SortColumns;
                        repObj.Filter = null;
                        repObj.LinkSubReport = false;
                        repObj.PivotTypeId = instance._pivot.pivotTypeId;
                        repObj.IsPivotTree = instance.IsPivotTree;
                        repObj.TimeInterval = instance.Interval;
                        repObj.FromDate = fromDate;
                        repObj.ToDate = toDate;
                        repObj.IsTreeExpand = instance._pivot.isDataTreeExpand;
                        repObj.ReportTypeId = instance.reportType;
                        repObj.TopRecords = instance.topRecords;
                        if ($("#txt_totalrecords").val() != "") {
                            repObj.TopRecords = Number($("#txt_totalrecords").val());
                        }
                        if (instance.selectedColumns.length > 0) {
                            for (var i = 0; i < instance.selectedColumns.length; i++) {
                                var index = instance.selectedColumns.findIndex(x => x.ColumnIndex == i);
                                let col = new ReportColumn();
                                col.ColumnValue = Number(instance.selectedColumns[index]["ColumnId"]);
                                col.ReportColumnName = instance.selectedColumns[index]["ColumnName"];
                                col.AliasName = instance.selectedColumns[index]["AliasName"];
                                col.DisplayText = instance.selectedColumns[index]["DisplayText"];
                                col.DlColumnName = instance.selectedColumns[index]["DlColumnName"];
                                col.DataListColumnName = instance.selectedColumns[index]["DataListColumnName"];
                                col.ColumnIndex = instance.selectedColumns[index]["ColumnIndex"];
                                col.DataType = instance.selectedColumns[index]["DataType"];
                                col.AggrFuncId = instance.selectedColumns[index]["Aggregation"];
                                col.SortType = instance.selectedColumns[index]["SortOrder"];
                                col.SortIndex = instance.selectedColumns[index]["SortIndex"];
                                col.Isvisible = instance.selectedColumns[index]["Isvisible"];
                                col.GroupBy = instance.selectedColumns[index]["GroupBy"];
                                col.IsPrimaryKey = instance.selectedColumns[index]["IsPrimaryKey"];
                                col.PivotValueSelected = instance.pivot.PivotValue_Selected;
                                col.ColumnFormat = instance.selectedColumns[index]["ColumnFormat"];
                                col.YearComparisonType = instance.selectedColumns[index]["YearComparisonType"];
                                col.DistinctOn = instance.selectedColumns[index]["DistinctOn"];
                                col.IsPivotColumn = instance.selectedColumns[index]["IsPivotColumn"];
                                col.IsPivotAggrColumn = instance.selectedColumns[index]["IsPivotAggrColumn"];
                                col.IsPivotTableCol = instance.selectedColumns[index]["IsPivotTableCol"];
                                col.IsDownload = instance.selectedColumns[index]["IsDownload"];
                                col.TableAggrTypeId = instance.selectedColumns[index]["TableAggrTypeId"];
                                col.IsNumFormatting = instance.selectedColumns[index]["IsNumFormatting"];
                                col.IsRowTotal = instance.selectedColumns[index]["IsRowTotal"];
                                col.PivotTableAggrTypeId = instance.selectedColumns[index]["PivotTableAggrTypeId"];
                                if (col.ColumnFormat && col.ColumnFormat.toLowerCase() == "default") {
                                    col.ColumnFormat = '';
                                }
                                instance.reportColumns_Array(col);
                            }
                        }
                        repObj.ReportColumns = instance.ReportColumns;
                        return repObj;
                    }
                    load_data(table) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            var repObj = instance.getReportData();
                            yield instance.reportManager.getTableData(repObj).then(function (response) {
                                instance.navigationHelper.hideLoading();
                                if (response.status == Unibase.Data.Status.Success) {
                                    if (response.result != "") {
                                        var res = JSON.parse(response.result);
                                        instance.tableData = res.Data;
                                        if (instance.dataTreeRowExpandedColumn.length == 0) {
                                            if (instance.tableData) {
                                                instance.table.setData(instance.tableData);
                                            }
                                            instance.groupbyData();
                                            if (instance.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                                                if (instance.TenureReport.length == 0) {
                                                    if (res.Data != "") {
                                                        var data = JSON.parse(res.Data);
                                                        instance._chartBuilder.ChartData = data;
                                                        instance._chartBuilder.chart_dataSet();
                                                    }
                                                }
                                            }
                                        }
                                        else {
                                        }
                                    }
                                    else {
                                        MessageHelper.Instance().showError("No data found", "div_ReportBuilderErrorMessage");
                                        return false;
                                    }
                                }
                                else {
                                    MessageHelper.Instance().showError(response.message, "div_ReportBuilderErrorMessage");
                                    return false;
                                }
                            });
                            instance.loadTableData = 1;
                        });
                    }
                    groupbyData() {
                        var instance = this;
                        var groupBy_Category = [];
                        for (var i = 0; i < instance.selectedColumns.length; i++) {
                            var data = instance.selectedColumns[i];
                            if (data.GroupByCategory) {
                                if (jQuery.inArray(data.AliasName, groupBy_Category) == -1) {
                                    groupBy_Category.push(data.AliasName);
                                }
                            }
                        }
                        if (instance.datatreeIndex_Width == undefined) {
                            instance.datatreeIndex_Width = 70;
                        }
                        var tableData = [];
                        if (instance.tableData != "") {
                            tableData = JSON.parse(instance.tableData);
                        }
                        else {
                            $(".tabulator-loader").remove();
                        }
                        let sel_Col = instance.selectedColumns;
                        var ScrollPosition = $(".tabulator-tableHolder").scrollTop();
                        var autoNumFormatter = function (cell) {
                            var row = cell.getRow();
                            var rowIndex = row.getPosition(false);
                            return (rowIndex + 1);
                        };
                        instance.tabulatorColumns = [];
                        if (sel_Col.length != 0) {
                            instance.tabulatorColumns.push({ title: "", formatter: autoNumFormatter, frozen: true, minWidth: 50, width: 60, hozAlign: 'right' });
                            let btmCal_noneArray = [];
                            let IsAggr = false;
                            var tableData;
                            if (instance._pivot.pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.Pivot) {
                                instance.pivotData();
                            }
                            else if (instance._pivot.pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.TimeInterval) {
                                instance.tenureData();
                            }
                            else if (instance._pivot.pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.PivotTreeView) {
                                instance.pivotData();
                                tableData.filter(x => x.haschild == true).forEach(c => c["_children"] = []);
                            }
                            else {
                                if (instance._pivot.pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.TreeView) {
                                    tableData.filter(x => x.haschild == true).forEach(c => c["_children"] = []);
                                }
                                for (var i = 0; i < sel_Col.length; i++) {
                                    let sCol = sel_Col[i];
                                    let Aggr = sCol.TableAggrTypeId;
                                    let AggrName = instance.getAggregationName(Aggr);
                                    const colHozAlign = instance.getColHorizontalAlign(sCol);
                                    if (instance.DataSourceId == 0 || instance.DataSourceId == Platform.DataSources.Enums.DataSource.Sql || instance.DataSourceId == Platform.DataSources.Enums.DataSource.MySql) {
                                        instance.tabulatorColumns[sCol.ColumnIndex + 1] =
                                            { title: sCol.DisplayText, field: sCol.AliasName.toLowerCase(), visible: sCol.Isvisible, editableTitle: instance.EditableTitle, headerSort: instance.HeaderSort, bottomCalc: AggrName, bottomCalcParams: { precision: 2 }, hozAlign: colHozAlign };
                                    }
                                    else {
                                        instance.tabulatorColumns[sCol.ColumnIndex + 1] =
                                            { title: sCol.AliasName, field: sCol.AliasName, visible: sCol.Isvisible, editableTitle: instance.EditableTitle, headerSort: instance.HeaderSort, bottomCalc: AggrName, bottomCalcParams: { precision: 2 }, hozAlign: colHozAlign };
                                    }
                                    if (sCol.Width == undefined) {
                                        delete instance.tabulatorColumns[sCol.ColumnIndex + 1].width;
                                    }
                                    if (AggrName != "none") {
                                        IsAggr = true;
                                    }
                                    else {
                                        delete instance.tabulatorColumns[sCol.ColumnIndex + 1].bottomCalc;
                                        btmCal_noneArray.push({ ColumnName: sCol.ColumnName });
                                    }
                                }
                            }
                            instance.tabulatorColumns.push({ title: "LastColumn", field: "LastColumn", visible: false, headerSort: instance.HeaderSort });
                            instance.table.options.dataTree = false;
                            instance.table.setColumns(instance.tabulatorColumns);
                            if (instance.reportid != 0) {
                                instance.getSubReports(instance.reportid);
                            }
                            if (instance.dataTreeRowExpandedColumn.length == 0) {
                                instance.table.options.dataTree = true;
                                instance.table.setData(tableData);
                            }
                            if (groupBy_Category.length == 0) {
                                instance.table.options.dataTree = false;
                                instance.table.setGroupBy("");
                            }
                            else {
                                instance.table.options.dataTree = false;
                                instance.table.setGroupBy(groupBy_Category);
                            }
                            for (i = 0; i < btmCal_noneArray.length; i++) {
                                $(".tabulator-calcs-holder").find("[tabulator-field='" + btmCal_noneArray[i].ColumnName + "']").text("");
                            }
                            if (IsAggr == false) {
                                $("#tabulatorReportbuilder .tabulator-footer").addClass("hidden");
                            }
                            else {
                                if (groupBy_Category.length == 0) {
                                    $("#tabulatorReportbuilder .tabulator-footer").removeClass("hidden");
                                }
                            }
                            instance.EditableTabulatorTitle();
                        }
                        else {
                            instance.table.clearData();
                        }
                        $(".tabulator-tableHolder").scrollTop(ScrollPosition);
                    }
                    getColHorizontalAlign(col) {
                        let colHozAlign = '';
                        if (col.DataType == Reports.Enums.DataType.decimal || col.DataType == Reports.Enums.DataType.int32 || col.DataType == Reports.Enums.DataType.int64) {
                            colHozAlign = 'right';
                        }
                        else if (col.DataType == Reports.Enums.DataType.date || col.DataType == Reports.Enums.DataType.dateTime) {
                            colHozAlign = 'center';
                        }
                        else {
                            colHozAlign = 'left';
                        }
                        return colHozAlign;
                    }
                    getTreeViewData(reportresponse) {
                        var instance = this;
                        if (reportresponse.result.ReportJsonData.Result.Data != "") {
                            let parentrecords = [];
                            let reportjsondata = JSON.parse(reportresponse.result.ReportJsonData.Result.Data);
                            parentrecords = reportjsondata.filter(function (col) {
                                return col.parentid == reportresponse.result.ReportInfo.PivotValue;
                            });
                            if (parentrecords.length == 0) {
                                parentrecords = reportjsondata;
                            }
                            for (var p = 0; p < parentrecords.length; p++) {
                                let childrecords = _children(parentrecords[p].childid);
                                if (childrecords != undefined) {
                                    parentrecords[p]["_children"] = [];
                                    parentrecords[p]._children = childrecords;
                                }
                            }
                            function _children(childid) {
                                let childrecords = instance.gettreeChildRecords(reportjsondata, childid);
                                if (childrecords.length > 0) {
                                    for (var c = 0; c < childrecords.length; c++) {
                                        let subchilds = _children(childrecords[c].childid);
                                        if (subchilds != undefined) {
                                            childrecords[c]["_children"] = [];
                                            childrecords[c]._children = subchilds;
                                        }
                                    }
                                    return childrecords;
                                }
                            }
                            return parentrecords;
                        }
                    }
                    gettreeChildRecords(reportjsondata, childid) {
                        return reportjsondata.filter(function (col) {
                            return col.parentid == childid;
                        });
                    }
                    getSubReports(reportid) {
                        var instance = this;
                        instance.reportManager.getSubReports(reportid).then(function (response) {
                            if (response.status == Unibase.Data.Status.Success && response.result && response.result.length) {
                                var subreportdata = response.result;
                                instance.subreportdata = subreportdata;
                                if (subreportdata.length > 0) {
                                    var subdata = subreportdata.find(s => s.RowClick == true);
                                    if (subdata) {
                                        var hideIcon = function (cell, formatterParams, onRendered) {
                                            return "<i class='fa fa-eye'></i>";
                                        };
                                        instance.table.addColumn({ formatter: hideIcon, width: 5, title: "", headerSort: false }, true);
                                    }
                                }
                            }
                        });
                    }
                    changeAliasName_table(columnId, aliasName) {
                        var instance = this;
                        let lowercase_ColumnName = aliasName;
                        if (instance.DataSourceId == 0 || instance.DataSourceId == Platform.DataSources.Enums.DataSource.Sql || instance.DataSourceId == Platform.DataSources.Enums.DataSource.MySql) {
                            lowercase_ColumnName = aliasName.toLowerCase();
                        }
                        let Index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        let colName = instance.selectedColumns[Index].ColumnName;
                        let _aliasText = $("#txtAliasName_" + aliasName).val();
                        let changed_aliasText = _aliasText.trim().toLocaleLowerCase();
                        let sortHtml = "";
                        if (changed_aliasText != "") {
                            if (Index > -1) {
                                if (changed_aliasText.toLocaleLowerCase() == "pk_id") {
                                    $("#txtAliasName_" + aliasName).val(colName);
                                    return MessageHelper.Instance().showError('Can not change pk_id as aliasname', 'div_ReportBuilderErrorMessage');
                                }
                                if (changed_aliasText.indexOf(' ') >= 0) {
                                    $("#txtAliasName_" + aliasName).val(colName);
                                    return MessageHelper.Instance().showError('Please Remove Spaces Form "' + changed_aliasText + '"', 'div_ReportBuilderErrorMessage');
                                }
                                var sCols = instance.selectedColumns.find(s => s.AliasName == changed_aliasText) ? true : false;
                                if (sCols) {
                                    $("#txtAliasName_" + aliasName).val(colName);
                                    return instance.error(changed_aliasText);
                                }
                                $("#selectedColumns").find("#column_" + colName + "_block").attr("id", "column_" + _aliasText + "_block");
                                $("#column_" + colName + "_block").find(".dsl-block-name").attr("data-report-aliasname", changed_aliasText);
                                $("#" + aliasName + "_EyeIcon").attr("id", changed_aliasText + "_EyeIcon");
                                $("#" + changed_aliasText + "_EyeIcon").attr("onclick", "Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().showOrHideColumn_table(" + columnId + ",'" + changed_aliasText + "')");
                                $("#txtAliasName_" + aliasName).attr("onchange", "Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeAliasName_table(" + columnId + ",'" + changed_aliasText + "')");
                                $("#txtAliasName_" + aliasName).attr("id", "txtAliasName_" + changed_aliasText);
                                instance.selectedColumns[Index].AliasName = changed_aliasText;
                                if (instance.SearchColumns) {
                                    let searchColumns = instance.SearchColumns.split('|');
                                    let srchIdx = searchColumns.indexOf(aliasName);
                                    if (srchIdx != -1) {
                                        searchColumns[srchIdx] = changed_aliasText;
                                        instance.SearchColumns = searchColumns.join("|");
                                    }
                                }
                                this._chartBuilder.loadSortColumnsSelect2();
                                this._chartBuilder.loadDynamicFilterSelect(this.showDynamicFilters);
                                this._chartBuilder.loadSearchSelect2();
                                let sortIdx = this.SortColumns.findIndex(x => x.DisplayText == aliasName);
                                let dyfilIdx = this.dynamicFilters.findIndex(x => x.IsFilterableColumn == aliasName);
                                if (sortIdx != -1)
                                    this.SortColumns[sortIdx].DisplayText = changed_aliasText;
                                if (dyfilIdx != -1)
                                    this.dynamicFilters[dyfilIdx].IsFilterableColumn = changed_aliasText;
                                for (var i = 0; i < this.SortColumns.length; i++) {
                                    let selCol = this.selectedColumns.find(x => x.AliasName == this.SortColumns[i].DisplayText);
                                    if (selCol)
                                        sortHtml += this._reportBuilderTemplate.loadSortSelect2Column(selCol.ColumnId, selCol.AliasName, selCol.DataType);
                                }
                                $("#sort_selected_columns").html(sortHtml);
                                this.stringifyed_SortColumns = this.getSortColumnsStringify();
                                $("#dynamic-list-group-wrapper").empty();
                                for (var i = 0; i < this.dynamicFilters.length; i++) {
                                    let currentFilter = this.dynamicFilters[i];
                                    let dyfilterHtml = "";
                                    let selCol = this.selectedColumns.find(x => x.AliasName == currentFilter.IsFilterableColumn);
                                    if (selCol)
                                        dyfilterHtml += this._reportBuilderTemplate.loadDynamicFilterColumn(selCol.ColumnId, selCol.AliasName, selCol.DataType);
                                    $("#dynamic-list-group-wrapper").append(dyfilterHtml);
                                    if (selCol && selCol.DataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime) {
                                        $(".dynamic-filter-icon-" + parseInt(selCol.ColumnId)).addClass("hidden");
                                        if (currentFilter.IsDefault)
                                            $("#dynamicfilter-defaultdate_" + currentFilter.IsFilterableColumn).prop("checked", true);
                                        else if (currentFilter.IsPartition)
                                            $("#chk_ispartition_" + currentFilter.IsFilterableColumn).prop("checked", true);
                                    }
                                }
                                instance.load_data(instance.table);
                            }
                        }
                        else {
                            $("[tabulator-field = '" + lowercase_ColumnName + "']").find(".tabulator-title-editor").val(colName);
                        }
                    }
                    changeDisplayText_table(columnId, aliasName) {
                        var instance = this;
                        let displayText = $("[tabulator-field = '" + aliasName + "']").find(".tabulator-title-editor").val().toString();
                        if (displayText) {
                            let sIndex = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                            if (sIndex > -1) {
                                instance.selectedColumns[sIndex].DisplayText = displayText;
                                $(".tabulator-col-title").find("#DisplayText_" + aliasName).val(displayText);
                                $(".tabulator-col-title").find("#DisplayText_" + aliasName).focus();
                                $("#selectedColumns #column_" + aliasName + "_block").find(".dsl-block-name").text(displayText);
                            }
                            let xIdx = this._chartBuilder.xaxisColumns.findIndex(x => x.AliasName == aliasName);
                            if (xIdx > -1) {
                                this._chartBuilder.xaxisColumns[xIdx].DisplayText = displayText;
                            }
                            let yIdx = this._chartBuilder.yaxisColumns.findIndex(x => x.AliasName == aliasName);
                            if (yIdx > -1) {
                                this._chartBuilder.yaxisColumns[yIdx].DisplayText = displayText;
                            }
                            let cbcIdx = this._chartBuilder.chartBaseColumns.findIndex(x => x.AliasName == aliasName);
                            if (cbcIdx > -1) {
                                this._chartBuilder.chartBaseColumns[cbcIdx].DisplayText = displayText;
                            }
                            let cscIdx = this._chartBuilder.ChartSelectedColumns.findIndex(x => x.AliasName == aliasName);
                            if (cscIdx > -1) {
                                this._chartBuilder.ChartSelectedColumns[cscIdx].DisplayText = displayText;
                            }
                        }
                    }
                    showOrHideColumn_table(ColumnId, AliasName) {
                        var instance = this;
                        let Index = instance.getIndexByAliasName_selectedColumnsArray(AliasName);
                        let col = instance.selectedColumns[Index];
                        if (instance.selectedColumns[Index].Isvisible == true) {
                            instance.selectedColumns[Index].Isvisible = false;
                            var { hiddenColumnHtml } = instance.getSelectedColumnHtml(col, Index, '');
                            $("#selectedColumns_hidden").append(hiddenColumnHtml);
                            $('#column_' + AliasName + '_block').addClass("d-none").find('#ShowOrHideColumn').text("Show Column");
                            if (instance.selectedColumns[Index].DataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime)
                                instance.selectedColumns[Index].ColumnFormat = "";
                        }
                        else {
                            $('#' + AliasName + '_EyeIcon').addClass('d-none');
                            instance.selectedColumns[Index].Isvisible = true;
                            $('#column_' + AliasName + '_block').removeClass("d-none").find('#ShowOrHideColumn').text("Hide Column");
                            $('#column_' + AliasName + '_block_hidden').remove();
                            if (instance.selectedColumns[Index].DataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime)
                                instance.selectedColumns[Index].ColumnFormat = "Default";
                        }
                        instance.load_data(instance.table);
                    }
                    updateSelectedColumnIndex() {
                        const instance = this;
                        $('#selectedColumns .dsl-block').each(function (index, item) {
                            const itemName = $(item).attr('id').slice(7).replace('_block', '');
                            const colIndex = instance.selectedColumns.findIndex(x => x.AliasName == itemName);
                            if (colIndex > -1) {
                                instance.selectedColumns[colIndex].ColumnIndex = index;
                            }
                        });
                    }
                    isDistinct(columnId, aliasName) {
                        var instance = this;
                        let index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        if (index > -1) {
                            if ($("#isDistinct_" + columnId).prop("checked") == true) {
                                instance.selectedColumns[index].DistinctOn = true;
                            }
                            else {
                                instance.selectedColumns[index].DistinctOn = false;
                            }
                        }
                    }
                    changeSortBy_table(columnId, aliasName, sortType) {
                        var instance = this;
                        if (sortType == 'Asc') {
                            instance.table.setSort(aliasName, "asc");
                            $("#dsl_column_" + aliasName + " .sort-icon").removeClass('la-sort-down');
                            $("#dsl_column_" + aliasName + " .sort-icon").addClass('la-sort-up');
                        }
                        else {
                            instance.table.setSort(aliasName, "desc");
                            $("#dsl_column_" + aliasName + " .sort-icon").addClass('la-sort-down');
                            $("#dsl_column_" + aliasName + " .sort-icon").removeClass('la-sort-up');
                        }
                        let index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        instance.selectedColumns[index].SortOrder = sortType;
                        let sortcolindex = instance.getIndexByDisplayText_sortColumnsArray(aliasName);
                        if (instance.SortColumns.length != 0) {
                            instance.SortColumns[sortcolindex].SortOrder = sortType;
                        }
                        if (instance.stringifyed_SortColumns) {
                            let ss = JSON.parse(instance.stringifyed_SortColumns);
                            if (ss.length > 0) {
                                let sindex = ss.findIndex(s => s.Name == aliasName);
                                ss[sindex].Order = sortType;
                            }
                            instance.stringifyed_SortColumns = JSON.stringify(ss);
                        }
                        instance.load_data(instance.table);
                        if (instance.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                            var cindex = instance._chartBuilder.getIndexByDisplayText_ChartSelectedColumns(aliasName);
                            if (cindex > -1) {
                                instance._chartBuilder.ChartSelectedColumns[cindex].SortOrder = sortType;
                                instance._chartBuilder.ChartSelectedColumns[cindex].SortIndex = instance.SortColumns.length;
                            }
                            instance._chartBuilder.chartPreview(instance._chartBuilder.ChartTypeName, instance._chartBuilder.ChartTypeId);
                        }
                    }
                    changeAggregation_table(aliasName, aggrValue, type) {
                        var instance = this;
                        let Index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        if (type == 1 || instance.reportType == Reports.Enums.ReportType.Chart)
                            instance.selectedColumns[Index].Aggregation = aggrValue;
                        else
                            instance.selectedColumns[Index].TableAggrTypeId = aggrValue;
                        if (instance.reportType == Analytics.Reports.Enums.ReportType.Chart) {
                            let CIndex = instance.getIndexByAliasName_chartSelectedColumnsArray(aliasName);
                            if (CIndex > -1)
                                instance._chartBuilder.ChartSelectedColumns[CIndex].Aggregation = aggrValue;
                            if (aggrValue == Unibase.Platform.Analytics.Reports.Enums.AggregationType.month || aggrValue == Unibase.Platform.Analytics.Reports.Enums.AggregationType.year) {
                                let colName = instance.selectedColumns[CIndex].ColumnName;
                                let colId = instance.selectedColumns[CIndex].ColumnValue;
                            }
                            instance.load_data(instance.table);
                            instance._chartBuilder.chartPreview(instance._chartBuilder.ChartTypeName, instance._chartBuilder.ChartTypeId);
                        }
                        else {
                            instance.load_data(instance.table);
                        }
                    }
                    changeColumnFormat_table(DisplayText, ColumnFormat) {
                        let format;
                        if (ColumnFormat == "Default")
                            format = "Default";
                        if (ColumnFormat == "No Format")
                            format = "No Format";
                        else if (ColumnFormat == Unibase.Platform.Analytics.Enums.DateFormat.hhmmss)
                            format = "hh:mi:ss";
                        else if (ColumnFormat == Unibase.Platform.Analytics.Enums.DateFormat.hhmmssAM)
                            format = "hh:mi:ss AM";
                        else if (ColumnFormat == Unibase.Platform.Analytics.Enums.DateFormat.ddmmyyyyhhmmss)
                            format = "dd/mm/yyyy hh:mi:ss";
                        else if (ColumnFormat == Unibase.Platform.Analytics.Enums.DateFormat.ddmmyyyyhhmm)
                            format = "dd/mm/yyyy hh:mi";
                        else if (ColumnFormat == Unibase.Platform.Analytics.Enums.DateFormat.ddmmyyyyhhmmssAM)
                            format = "dd/mm/yyyy hh:mi:ss AM";
                        else if (ColumnFormat == Unibase.Platform.Analytics.Enums.DateFormat.momddyyyyhhmmssAM)
                            format = "Mon dd, yyyy hh:mi:ss AM";
                        else
                            format = ColumnFormat;
                        var instance = this;
                        let Index = instance.getIndexByAliasName_selectedColumnsArray(DisplayText);
                        instance.selectedColumns[Index].ColumnFormat = format;
                        instance.load_data(instance.table);
                    }
                    changeColumnIndex_table(DisplayText) {
                        var instance = this;
                        let Index = instance.getIndexByAliasName_selectedColumnsArray(DisplayText);
                        let selCols = instance.selectedColumns;
                        let ColIndex = 0;
                        for (var i = 0; i < selCols.length; i++) {
                            if (selCols[i].ColumnIndex > ColIndex) {
                                ColIndex = selCols[i].ColumnIndex;
                            }
                        }
                        if (selCols.length == 1) {
                            ColIndex = 0;
                        }
                        else {
                            ColIndex = ColIndex + 1;
                        }
                        instance.selectedColumns[Index].ColumnIndex = ColIndex;
                    }
                    IsContactColumn(columnId, aliasName) {
                        var instance = this;
                        let selected_Index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        let IsContactColumn = instance.selectedColumns[selected_Index].IsContactColumn;
                        instance.selectedColumns[selected_Index].IsContactColumn = !IsContactColumn;
                    }
                    IsFilterableColumn_table(columnId, aliasName, dataTypeId) {
                        var instance = this;
                        let selected_Index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        if (dataTypeId == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime) {
                            $("#DropDown_IsFilterable_" + aliasName).removeClass("hidden");
                            selected_Index > -1 && (instance.selectedColumns[selected_Index].IsFilterable = true);
                        }
                        if (selected_Index == -1) {
                            Unibase.Platform.Analytics.Reports.DynamicFilter.Instance().dataListColumnName = aliasName;
                            selected_Index = this.datalistColumnsResponseData.findIndex(x => { return x.AliasName == aliasName; });
                        }
                        Unibase.Platform.Analytics.Components.ReportViewer.Instance().navigationHelper.popup(selected_Index, "", Unibase.Platform.Analytics.Reports.DynamicFilter.Instance(), null, Platform.Helpers.Size.Auto);
                    }
                    loadFormats(DataType, ColId, DisplayText) {
                        var instance = this;
                        var html = "";
                        if (instance._columnFormat.loadFormats(DataType).length > 0) {
                            var formats = instance._columnFormat.loadFormats(DataType);
                            for (var i = 0; i < formats.length; i++) {
                                html += `<a class="dropdown-item Format_` + DisplayText + `_` + formats[i].id + `"  onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeColumnFormat_table('` + DisplayText + `','` + formats[i].format + `')" id="Format_` + DisplayText + `_` + formats[i].id + `" onclick="" href="javascript: ; "><i class="ri-checkbox-blank-circle-line dropdown-icon" id="DropDown_ColumnFormat_` + DisplayText + `_` + formats[i].id + `" id="` + DisplayText.replace(" ", "") + `"></i><span class="text-uppercase">` + formats[i].format + `</span></a>`;
                            }
                        }
                        return html;
                    }
                    removeSelectedColumn_table(ColumnId, AliasName) {
                        var instance = this;
                        var isChartBaseColumn = false;
                        var cbcIndex = instance._chartBuilder.chartBaseColumns.findIndex(csc => csc.AliasName === AliasName);
                        let cscIdx = instance._chartBuilder.ChartSelectedColumns.findIndex(csc => csc.AliasName === AliasName);
                        var XIndex = instance._chartBuilder.xaxisColumns.findIndex(x => x.AliasName === AliasName);
                        var YIndex = instance._chartBuilder.yaxisColumns.findIndex(x => x.AliasName === AliasName);
                        var GIndex = instance._chartBuilder.groupColumns.findIndex(x => x.AliasName === AliasName);
                        var LCIndex = instance._chartBuilder.lineChartColumns.findIndex(csc => csc.AliasName === AliasName);
                        if (cbcIndex != -1) {
                            instance._chartBuilder.chartBaseColumns.splice(cbcIndex, 1);
                            isChartBaseColumn = true;
                            if (cscIdx != -1 && XIndex == -1 && YIndex == -1 && GIndex == -1 && LCIndex == -1) {
                                instance._chartBuilder.ChartSelectedColumns.splice(cscIdx, 1);
                            }
                        }
                        if (XIndex != -1 && !isChartBaseColumn) {
                            instance._chartBuilder.xaxisColumns.splice(XIndex, 1);
                            if (YIndex == -1 && GIndex == -1 && LCIndex == -1 && cbcIndex == -1 && cscIdx != -1)
                                instance._chartBuilder.ChartSelectedColumns.splice(cscIdx, 1);
                        }
                        if (YIndex != -1 && !isChartBaseColumn) {
                            instance._chartBuilder.yaxisColumns.splice(YIndex, 1);
                            if (XIndex == -1 && GIndex == -1 && LCIndex == -1 && cbcIndex == -1 && cscIdx != -1)
                                instance._chartBuilder.ChartSelectedColumns.splice(cscIdx, 1);
                        }
                        if (GIndex != -1 && !isChartBaseColumn) {
                            instance._chartBuilder.groupColumns.splice(GIndex, 1);
                            if (XIndex == -1 && YIndex == -1 && LCIndex == -1 && cbcIndex == -1 && cscIdx != -1)
                                instance._chartBuilder.ChartSelectedColumns.splice(cscIdx, 1);
                        }
                        if (LCIndex != -1 && !isChartBaseColumn) {
                            instance._chartBuilder.lineChartColumns.splice(LCIndex, 1);
                            if (XIndex == -1 && YIndex == -1 && GIndex == -1 && cbcIndex == -1 && cscIdx != -1)
                                instance._chartBuilder.ChartSelectedColumns.splice(cscIdx, 1);
                        }
                        if (LCIndex == -1 && GIndex == -1 && YIndex == -1 && XIndex == -1 && cbcIndex == -1 && cscIdx != -1) {
                            instance._chartBuilder.ChartSelectedColumns.splice(cscIdx, 1);
                        }
                        var SC_Index = instance.getIndexByAliasName_selectedColumnsArray(AliasName);
                        let isGroupByCategory = this.selectedColumns[SC_Index].GroupByCategory;
                        if (SC_Index != -1) {
                            let dyfil = this.dynamicFilters.find(x => x.IsFilterableColumn == AliasName);
                            let srtCol = this.SortColumns.find(x => x.DisplayText === AliasName);
                            if (dyfil)
                                return MessageHelper.Instance().showError("Please remove the dynamic filter associated with this column, before trying to remove the column", 'div_ReportBuilderErrorMessage');
                            if (instance.SearchColumns) {
                                let srchCol = instance.SearchColumns.split("|");
                                let srchIdx = srchCol.indexOf(AliasName);
                                if (srchIdx != -1)
                                    return MessageHelper.Instance().showError(`${this.selectedColumns[SC_Index].AliasName} is used in search column, please remove from search columns and try again`, 'div_ReportBuilderErrorMessage');
                            }
                            if (srtCol && !isGroupByCategory && instance.reportType != Reports.Enums.ReportType.Chart)
                                return MessageHelper.Instance().showError(`${this.selectedColumns[SC_Index].AliasName} is used in sort column, please remove from sort column and try again`, 'div_ReportBuilderErrorMessage');
                            else if (instance.reportType == Reports.Enums.ReportType.Chart && srtCol)
                                return;
                            if (isGroupByCategory && event.target.closest("#categories_selected_columns")) {
                                this.selectedColumns[SC_Index].GroupByCategory = false;
                                $("#categories_selected_columns #dsl_column_" + AliasName).remove();
                                $("#sort_selected_columns #dsl_column_" + AliasName).remove();
                                this.removeAndUpdateStringfiedSortColumns(AliasName);
                                instance.load_data(instance.table);
                                return "";
                            }
                        }
                        if (!isChartBaseColumn) {
                            instance.selectedColumns.splice(SC_Index, 1);
                            instance.table.deleteColumn(AliasName);
                            instance.loadSelectedDataListColumns();
                        }
                        var GTableIndex = instance.groupBy_Category.findIndex(x => x.AliasName === AliasName);
                        if (GTableIndex != -1) {
                            instance.groupBy_Category.splice(GTableIndex, 1);
                            instance.setSelectOption('groupby_select');
                            instance.groupbyData();
                        }
                        instance.removeAndUpdateStringfiedSortColumns(AliasName);
                        instance._chartBuilder.enableOrDisableChartIcons();
                        var sindex = instance.SortColumns.findIndex(function (s) {
                            return AliasName == s.AliasName;
                        });
                        if (sindex > -1) {
                            instance.removeSelectedSortColumn_table(ColumnId, AliasName);
                        }
                        else {
                            instance.load_data(instance.table);
                        }
                        this._chartBuilder.loadSortColumnsSelect2();
                        this._chartBuilder.loadDynamicFilterSelect(instance.showDynamicFilters);
                        this._chartBuilder.loadSearchSelect2();
                        this._pivot.loadPivotSelect2s();
                    }
                    removeSelectedSortColumn_table(columnId, aliasName) {
                        var instance = this;
                        let sortIndex = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        instance.selectedColumns[sortIndex].SortOrder = "none";
                        var index = instance.SortColumns.findIndex(function (s) {
                            return aliasName == s.DisplayText;
                        });
                        instance.SortColumns.splice(index, 1);
                        instance.stringifyed_SortColumns = "";
                        if (instance.SortColumns.length != 0) {
                            var _sort = [];
                            for (var i = 0; i < instance.SortColumns.length; i++) {
                                instance.SortColumns[i].SortIndex = i;
                                let s = instance.SortColumns[i];
                                _sort.push({ Name: s.DisplayText, Order: s.SortOrder });
                            }
                            instance.stringifyed_SortColumns = JSON.stringify(_sort);
                        }
                        instance.load_data(instance.table);
                    }
                    setSelectOption(selectId) {
                        $('#' + selectId).prop('selectedIndex', 0);
                        $('#' + selectId).select2({
                            allowClear: true
                        });
                        $('#select2-' + selectId + '-container .select2-selection__clear').hide();
                    }
                    loadInstalledApps() {
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/apps/InstalledAppAutocomplete';
                        AutoCompleteHelper.getHelper().Create("#InstalledApp_AutoComplete", "#hfAutoComplete_InstalledApp", url, null);
                        AutoCompleteHelper.getHelper().Create("#dependecyapps", "#hfAutoCompleteId_dependency", url, null);
                    }
                    loadConnectedApps() {
                        Unibase.Platform.Apps.Managers.AppManager.Instance().getInstalledApps().then((res) => {
                            this.connectedAppsData = [];
                            for (var i = 0; i < res.result.length; i++) {
                                this.connectedAppsData.push({ id: res.result[i].InstalledAppId, text: res.result[i].AppTitle });
                            }
                            $("#connectedapps").select2({
                                placeholder: 'Select connected apps',
                                data: this.connectedAppsData,
                            });
                        });
                    }
                    loadAddedColumnFilter() {
                        let dataOptions = [
                            { id: 1, text: "All added columns", selected: true },
                            { id: 2, text: "Contact columns" },
                            { id: 3, text: "PrimaryKey columns" }
                        ];
                        $("#filter-by").select2({
                            placeholder: 'Filter By',
                            data: dataOptions
                        });
                    }
                    loadTableToggleButtons() {
                        var instance = this;
                        $("#PivotIcon").click(function () {
                            var DataListId = instance.DataListId;
                            $("#DatalistColumns_Search").val("");
                            instance._pivot.load(0, null, null);
                        });
                    }
                    reportRoleSetting() {
                        var instance = this;
                        instance.navigationHelper.popup(0, '', Unibase.Platform.Analytics.Reports.ReportRoleSettings.Instance(), null, Platform.Helpers.Size.Medium);
                    }
                    EditableTabulatorTitle() {
                        var instance = this;
                        if (instance.EditableTitle == true) {
                            let sel_Col = instance.selectedColumns;
                            var len = sel_Col.length;
                            for (var i = 0; i < len; i++) {
                                let colId = sel_Col[i].ColumnId;
                                let aliasName = sel_Col[i].AliasName.replace(" ", "");
                                let colName = sel_Col[i].ColumnName;
                                let DataType = sel_Col[i].DataType;
                                let html = "";
                                if (DataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime || Unibase.Platform.Analytics.Reports.Enums.DataType.decimal) {
                                    html = `<div class="dropdown column-dropdown"><span class="dropdown-toggle no-caret pl-1 column-dpmenu-icon" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().tabulatorColumnMoreIcon_Click(` + colId + `,'` + aliasName + `',` + DataType + `,event)"><span class="tabulator-header-menu-button">&#8942;</span></span>
                                            <ul class="dropdown-menu column-dp-menu dropdown-radio dropdown-menu_` + colId + ` open-left-side">
                                            <li><h6 class="dropdown-header" href="javascript:;" >` + colName + `</h6></li><div class="dropdown-divider"></div>
                                            <li class="dropdown-item"><input type="textbox" id="txtAliasName_` + aliasName + `" value="` + aliasName + `" onchange="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeAliasName_table(` + colId + `,'` + aliasName + `')" placeholder="displaytext"/></li>
                                            <li id="dropdown_Aggregation_` + aliasName + `">
                                            <div class="sub-dropdown-menu show-on-hover">
                                            <a class="dropdown-item" href="javascript:;" onclick=""><span id="AggregateOperation"> Aggregation </span></a>
                                            <div class="dropdown-menu dropdown-radio open-left-side"></div></div></li>
                                            <li id="dropdown_Table_Aggregation_` + aliasName + `">
                                            <div class="sub-dropdown-menu show-on-hover">
                                            <a class="dropdown-item" href="javascript:;" onclick=""><span id="TableAggregateOperation"> Table Aggregation </span></a>
                                            <div class="dropdown-menu dropdown-radio open-left-side"></div></div></li>
                                            <li><a class="dropdown-item pr-0 hidden" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsPrimaryKey(` + colId + `,'` + aliasName + `')"><span id="IsPrimaryKeyColumn hidden">IsPrimaryKey<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsPrimaryKey_` + aliasName + `"></i></span> </a></li>
                                            <li><a class="dropdown-item pr-0 hidden" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsContactColumn(` + colId + `,'` + aliasName + `')"><span id="IsContactColumn" class="flex-center">IsContactColumn<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsContactColumn_` + aliasName + `"></i></span></a></li>
                                            <li id="ColumnFormat_` + aliasName + `"><div class="sub-dropdown-menu show-on-hover"><a class="dropdown-item" href="javascript:;" onclick=""><span id="ColumnFormat">Date Format </span></a><div class="dropdown-menu dropdown-radio open-left-side biz-custom-scrollbar h-350p " style=""></div></div></li><div class="dropdown-divider"></div><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.SubReport.Instance().linkreport('` + aliasName + `')">Link Report</a></li><div class="dropdown-divider"></div>
                                            <li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().showOrHideColumn_table(` + colId + `,'` + aliasName + `')"><span id="ShowOrHideColumn">Hide Column</span> </a></li>
                                            <li><a class="dropdown-item flex-between-center" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().isDistinct(` + colId + `,'` + aliasName + `')"><label class="distinct-label" for="isDistinct_${colId}">IsDistinct</label><input type="checkbox" class="pull-right" id="isDistinct_` + colId + `"></a></li>
                                            <li><a class="dropdown-item flex-between-center" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().isDownload(` + colId + `,'` + aliasName + `')"><label class="distinct-label" for="isDownload_${colId}">IsDownload</label><input type="checkbox" class="pull-right" id="isDownload_` + colId + `"></a></li>
                                            <li><a class="dropdown-item flex-between-center isnumformatting hidden" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().isNumFormatting(` + colId + `,'` + aliasName + `')"><label class="distinct-label" for="isNumFormatting_${colId}">Number Formatting</label><input type="checkbox" class="pull-right" id="isNumFormatting_` + colId + `"></a></li>
                                            <li><a class="dropdown-item flex-between-center isrowtotal hidden" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().isRowTotal(` + colId + `,'` + aliasName + `')"><label class="rowtotal-label" for="isRowTotal_${colId}">IsRowTotal</label><input type="checkbox" class="pull-right" id="isRowTotal_` + colId + `"></a></li>
                                            <li><a class="dropdown-item flex-between-center isimageurl hidden" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().isImageUrl(` + colId + `,'` + aliasName + `')"><label class="rowtotal-label" for="isimageurl_${colId}">Is Image Url</label><input type="checkbox" class="pull-right" id="isimageurl_` + colId + `"></a></li>
                             <li><a class="dropdown-item link-danger" href="javascript:;" onclick=""><span id="RemoveSelectedColumn" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectedColumn_table(` + colId + `,'` + aliasName + `')"> Remove Column </span></a></li></ul></div>`;
                                }
                                else {
                                    html = `<div class="dropdown column-dropdown"><span class="dropdown-toggle no-caret pl-1 column-dpmenu-icon" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().tabulatorColumnMoreIcon_Click(` + colId + `,'` + aliasName + `',` + DataType + `,event)"><span class="tabulator-header-menu-button">&#8942;</span></span>
                                            <ul class="dropdown-menu column-dp-menu dropdown-radio dropdown-menu-right dropdown-menu_` + colId + ` open-left-side"><li><h6 class="dropdown-header">` + colName + `</h6></li><div class="dropdown-divider"></div>
                                            <li><input type="textbox" id="txtAliasName_` + aliasName + `" value="` + aliasName + `" onchange="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeAliasName_table(` + colId + `,'` + aliasName + `')" placeholder="displaytext"/></li>
                                            <li id="dropdown_Aggregation_` + aliasName + `"><div class="sub-dropdown-menu show-on-hover"><a class="dropdown-item" href="javascript:;" onclick=""><span id="AggregateOperation"> Aggregation </span></a><div class="dropdown-menu dropdown-radio open-left-side"></div></div></li>
                                            <li id="dropdown_Table_Aggregation_` + aliasName + `">
                                            <div class="sub-dropdown-menu show-on-hover">
                                            <a class="dropdown-item" href="javascript:;" onclick=""><span id="TableAggregateOperation"> Table Aggregation </span></a>
                                            <div class="dropdown-menu dropdown-radio open-left-side"></div></div></li>
                                            <li><a class="dropdown-item pr-0 hidden" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsFilterableColumn_table(` + colId + `,'` + aliasName + `',` + DataType + `)"><span id="IsFilterableColumn">IsFilterable<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsFilterable_` + aliasName + `"></i></span> </a></li>
                                            <li><a class="dropdown-item pr-0" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsPrimaryKey(` + colId + `,'` + aliasName + `')"><span id="IsPrimaryKeyColumn">IsPrimaryKey<i class="dropdown-icon fa fa-check pull-right hidden text-primary"  id="DropDown_IsPrimaryKey_` + aliasName + `"></i></span> </a></li>
                                            <li><a class="dropdown-item pr-0 hidden" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().IsContactColumn(` + colId + `,'` + aliasName + `')"><span id="IsContactColumn">IsContactColumn<i class="dropdown-icon fa fa-check pull-right text-primary"  id="DropDown_IsContactColumn_` + aliasName + `"></i></span></a></li>
                            <div class="dropdown-divider"></div><li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.SubReport.Instance().linkreport('` + aliasName + `')">Link Report</a></li><div class="dropdown-divider"></div>
                                            <li><a class="dropdown-item" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().showOrHideColumn_table(` + colId + `,'` + aliasName + `')"><span id="ShowOrHideColumn">Hide Column</span> </a></li>
                                            <li><a class="dropdown-item flex-between-center" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().isDistinct(` + colId + `,'` + aliasName + `')"><label class="distinct-label" for="isDistinct_${colId}">IsDistinct</label><input type="checkbox" class="pull-right" id="isDistinct_` + colId + `"></a></li>
                                            <li><a class="dropdown-item flex-between-center" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().isDownload(` + colId + `,'` + aliasName + `')"><label class="distinct-label" for="isDownload_${colId}">IsDownload</label><input type="checkbox" class="pull-right" id="isDownload_` + colId + `"></a></li>
                                            <li><a class="dropdown-item flex-between-center isnumformatting hidden" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().isNumFormatting(` + colId + `,'` + aliasName + `')"><label class="distinct-label" for="isNumFormatting_${colId}">Number Formatting</label><input type="checkbox" class="pull-right" id="isNumFormatting_` + colId + `"></a></li>
                                            <li><a class="dropdown-item flex-between-center isrowtotal hidden" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().isRowTotal(` + colId + `,'` + aliasName + `')"><label class="rowtotal-label" for="isRowTotal_${colId}">IsRowTotal</label><input type="checkbox" class="pull-right" id="isRowTotal_` + colId + `"></a></li>
                                            <li><a class="dropdown-item flex-between-center isimageurl hidden" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().isImageUrl(` + colId + `,'` + aliasName + `')"><label class="rowtotal-label" for="isimageurl_${colId}">Is Image Url</label><input type="checkbox" class="pull-right" id="isimageurl_` + colId + `"></a></li>
                                            <li><a class="dropdown-item link-danger" href="javascript:;" onclick=""><span id="RemoveSelectedColumn" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectedColumn_table(` + colId + `,'` + aliasName + `')"> Remove Column </span></a></li></ul></div>`;
                                }
                                if ($('#tabulatorReportbuilder .pvtUi').length !== 0) {
                                    const pivotTableEl = $('#tabulatorReportbuilder .pvtUi');
                                    const columnEl = pivotTableEl.find(`.pvtAttr:contains(${aliasName.toLocaleLowerCase()})`);
                                    columnEl.find('.column-dropdown').remove();
                                    columnEl.append(html);
                                    columnEl.find('.dropdown-menu.open-left-side').removeClass('open-left-side').addClass('open-right-side');
                                    if (sel_Col[i].Isvisible == false) {
                                        columnEl.find("#ShowOrHideColumn").text("Show Column");
                                        columnEl.find("#DropDown_Eye_EyeSlash").removeClass("fa-eye-slash").addClass("fa-eye");
                                    }
                                }
                                else {
                                    const tabulatorEl = $('#tabulatorReportbuilder');
                                    tabulatorEl.find("[tabulator-field='" + aliasName.toLocaleLowerCase() + "']").find(".tabulator-col-title").prepend(html);
                                    tabulatorEl.find("[tabulator-field='" + aliasName.toLocaleLowerCase() + "']").find(".tabulator-col-title").html(html).append(`<input class="tabulator-title-editor ml-0 w-95" value="` + sel_Col[i].DisplayText + `" id="DisplayText_` + sel_Col[i].DisplayText + `" onchange="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeDisplayText_table(` + colId + `,'` + aliasName + `','` + sel_Col[i].DisplayText + `')">`);
                                    if (sel_Col[i].Isvisible == false) {
                                        tabulatorEl.find("[tabulator-field='" + aliasName + "']").find("#ShowOrHideColumn").text("Show Column");
                                        tabulatorEl.find("[tabulator-field='" + aliasName + "']").find("#DropDown_Eye_EyeSlash").removeClass("fa-eye-slash").addClass("fa-eye");
                                    }
                                }
                            }
                        }
                    }
                    traverseRows(tbl, action) {
                        var instance = this;
                        var tblRows = tbl.getRows();
                        tblRows.forEach(function (row) {
                            if (row.getData()._children != undefined) {
                                instance.findChildren(row, action);
                            }
                        });
                    }
                    bindAggregations(aggregations, aggrval, aliasName, type, id) {
                        let html = "";
                        if (aggregations) {
                            for (var i = 0; i < aggregations.length; i++) {
                                let Aggregation = aggregations[i];
                                if (i == 0) {
                                    aggrval = Aggregation.Value;
                                }
                                html += `<a class="dropdown-item Aggregation_` + aliasName + `" id="` + id + `_Aggr_` + aliasName + `_` + Aggregation.Value + `" onclick="javascript: Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeAggregation_table('` + aliasName + `', ` + Aggregation.Value + `,` + type + `); " href="javascript: "><span class="tabulator-header-menu-button"></span><i class="ri-checkbox-blank-circle-line dropdown-icon" id="DropDown_` + Aggregation.Value + `_` + aliasName + `"></i><span class="text-uppercase">` + Aggregation.AggrType + `</span></a>`;
                            }
                            $('#' + id).find(".dropdown-menu").html(html);
                            $("#dsl_column_" + aliasName).find('#' + id).find(".dropdown-menu").html(html);
                        }
                        return aggrval;
                    }
                    tabulatorColumnMoreIcon_Click(elementId, aliasName, dataTypeId, event) {
                        if (event) {
                            event.stopPropagation();
                        }
                        var instance = this;
                        let html = "";
                        var Aggr, tableaggr = 0;
                        var Sortby = "none";
                        var ColumnFormat = "";
                        let isDistinct = false;
                        let displayText = "";
                        let isDownload = false;
                        var aggregations = instance.getAggregationsByDataType(dataTypeId);
                        Aggr = instance.bindAggregations(aggregations, Aggr, aliasName, 1, "dropdown_Aggregation_" + aliasName);
                        tableaggr = instance.bindAggregations(aggregations, Aggr, aliasName, 2, "dropdown_Table_Aggregation_" + aliasName);
                        if (dataTypeId == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime) {
                            var formathtml = "";
                            formathtml = instance.loadFormats(dataTypeId, elementId, aliasName);
                            $('#ColumnFormat_' + aliasName).find(".dropdown-menu").html(formathtml);
                            $("#dsl_column_" + aliasName).find('#ColumnFormat_' + aliasName).find(".dropdown-menu").html(formathtml);
                        }
                        else {
                            $('#ColumnFormat_' + aliasName).remove();
                            $("#dsl_column_" + aliasName).find('#ColumnFormat_' + aliasName).remove();
                        }
                        let Index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        let column = instance.selectedColumns[Index];
                        Aggr = column.Aggregation;
                        Sortby = column.SortOrder;
                        aliasName = column.AliasName;
                        ColumnFormat = column.ColumnFormat == "" ? "Default" : column.ColumnFormat;
                        isDistinct = column.DistinctOn;
                        isDownload = column.IsDownload;
                        displayText = column.DisplayText;
                        if (column.DataType == Reports.Enums.DataType.int32 || column.DataType == Reports.Enums.DataType.int64 || column.DataType == Reports.Enums.DataType.decimal) {
                            $(event.currentTarget).closest(".dropdown.column-dropdown").find(".isrowtotal").removeClass("hidden");
                            $(event.currentTarget).closest(".dropdown.column-dropdown").find(".isnumformatting").removeClass("hidden");
                        }
                        else if (column.DataType == Reports.Enums.DataType.string) {
                            $(event.currentTarget).closest(".dropdown.column-dropdown").find(".isimageurl").removeClass("hidden");
                        }
                        if (isDistinct)
                            $("#isDistinct_" + elementId).prop("checked", true);
                        else
                            $("#isDistinct_" + elementId).prop("checked", false);
                        if (isDownload)
                            $("#isDownload_" + elementId).prop("checked", true);
                        else
                            $("#isDownload_" + elementId).prop("checked", false);
                        if (column.IsNumFormatting)
                            $("#isNumFormatting_" + elementId).prop("checked", true);
                        else
                            $("#isNumFormatting_" + elementId).prop("checked", false);
                        if (column.IsImageUrl)
                            $("#isimageurl_" + elementId).prop("checked", true);
                        else
                            $("#isimageurl_" + elementId).prop("checked", false);
                        let grpby = $("#groupby_select").val();
                        if (jQuery.inArray(elementId.toString(), grpby) != -1) {
                            $('#dropdown_Aggregation_' + aliasName).find(".sub-dropdown-menu").removeClass("show-on-hover");
                            $('#dropdown_Aggregation_' + aliasName).find(".sub-dropdown-menu").find(".dropdown-item").css("cursor", "not-allowed");
                        }
                        else {
                            $('#dropdown_Aggregation_' + aliasName).find(".sub-dropdown-menu").addClass("show-on-hover");
                            $('#dropdown_Aggregation_' + aliasName).find(".sub-dropdown-menu").find(".dropdown-item").css("cursor", "pointer");
                        }
                        let IsFilterable = column.IsFilterable;
                        if (IsFilterable == true)
                            $("#DropDown_IsFilterable_" + aliasName).removeClass('hidden');
                        else
                            $("#DropDown_IsFilterable_" + aliasName).addClass('hidden');
                        let IsPrimaryKey = column.IsPrimaryKey;
                        if (IsPrimaryKey == true)
                            $("#DropDown_IsPrimaryKey_" + aliasName).removeClass('hidden');
                        else
                            $("#DropDown_IsPrimaryKey_" + aliasName).addClass('hidden');
                        let IsContactColumn = column.IsContactColumn;
                        if (IsContactColumn == true)
                            $("#DropDown_IsContactColumn_" + aliasName).removeClass('hidden');
                        else
                            $("#DropDown_IsContactColumn_" + aliasName).addClass('hidden');
                        let IsAggregation = column.Aggregation;
                        if (IsAggregation == Unibase.Platform.Analytics.Reports.Enums.AggregationType.none)
                            $("#dropdown_Aggregation_" + aliasName + "_Aggr_" + aliasName + "_" + IsAggregation).addClass("selected");
                        else
                            $("#dropdown_Aggregation_" + aliasName + "_Aggr_" + aliasName + "_" + IsAggregation).addClass("selected");
                        let tableAggrTypeId = column.TableAggrTypeId;
                        if (tableAggrTypeId == Unibase.Platform.Analytics.Reports.Enums.AggregationType.none)
                            $("#dropdown_Table_Aggregation_" + aliasName + "_Aggr_" + aliasName + "_" + tableAggrTypeId).addClass("selected");
                        else
                            $("#dropdown_Table_Aggregation_" + aliasName + "_Aggr_" + aliasName + "_" + tableAggrTypeId).addClass("selected");
                        let IsSortBy = column.SortOrder;
                        if (IsSortBy == "Asc") {
                            $("#SortOrder_" + elementId + "_Asc").addClass('selected');
                            $("#SortOrder_" + elementId + "_Desc").removeClass('selected');
                        }
                        else if (IsSortBy == "Desc") {
                            $("#SortOrder_" + elementId + "_Desc").addClass('selected');
                            $("#SortOrder_" + elementId + "_Asc").removeClass('selected');
                        }
                        else {
                            $("#SortOrder_" + elementId + "_Asc").addClass('selected');
                        }
                        let format = instance._columnFormat.loadFormats(dataTypeId).find(x => x.format == ColumnFormat);
                        if (format != undefined) {
                            $("#" + instance.containerId).find(".Format_" + aliasName + "_" + format.id).addClass("selected");
                        }
                        if ($('#tabulatorReportbuilder .pvtUi').length !== 0) {
                            $(`.column-dp-menu.show`).not(`.dropdown-menu_${elementId}`).removeClass('show');
                            $(`.column-dp-menu.dropdown-menu_${elementId}`).toggleClass('show');
                            return;
                        }
                        for (var i = 0; i == Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().table.columnManager.columns.length; i++) {
                            if (Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().table.columnManager.columns[i].definition.visible == true) {
                                $(".dropdown-menu_" + i).find(".dropdown-menu").removeClass("open-left-side");
                                $(".dropdown-menu_" + i).find(".dropdown-menu").addClass("open-right-side");
                                break;
                            }
                        }
                        $($(".table-wrap .tabulator-col:visible")[1]).find('ul.dropdown-menu .dropdown-menu').removeClass('open-left-side').addClass('open-right-side');
                        $($(".table-wrap .tabulator-col:visible")[2]).find('ul.dropdown-menu .dropdown-menu').removeClass('open-left-side').addClass('open-right-side');
                        if (event) {
                            instance.setColumnDpMenuPosition(event);
                        }
                    }
                    setColumnDpMenuPosition(event) {
                        event.stopPropagation();
                        const targetEl = $(event.currentTarget);
                        if (targetEl.siblings('.column-dp-menu').hasClass('show')) {
                            targetEl.siblings('.column-dp-menu').removeClass('show');
                        }
                        else {
                            $('#tabulatorReportbuilder .tabulator-header').find('.column-dp-menu.show').removeClass('show');
                            const elLeftPos = targetEl.offset().left - $('#tabulatorReportbuilder').offset().left;
                            const headerHeight = $('#tabulatorReportbuilder .tabulator-header').outerHeight(true);
                            targetEl.siblings('.column-dp-menu').css({ position: 'fixed', top: headerHeight, left: elLeftPos }).addClass('show').attr('onclick', 'event.stopPropagation();');
                        }
                    }
                    loadLeftNav() {
                        var instance = this;
                        let html = instance._reportBuilderTemplate.loadLeftNav();
                        $("#DefaultLeftNav_body").html(html);
                    }
                    loadSorting(elementId, displayText) {
                        var instance = this;
                        let Index = instance.getIndexByDisplayText_sortColumnsArray(displayText);
                        let IsSortBy = instance.SortColumns[Index].SortOrder;
                        if (IsSortBy == "Asc") {
                            $("#SortOrder_" + elementId + "_Asc").addClass('selected');
                            $("#SortOrder_" + elementId + "_Desc").removeClass('selected');
                        }
                        else if (IsSortBy == "Desc") {
                            $("#SortOrder_" + elementId + "_Desc").addClass('selected');
                            $("#SortOrder_" + elementId + "_Asc").removeClass('selected');
                        }
                        else {
                            $("#SortOrder_" + elementId + "_Asc").addClass('selected');
                        }
                        for (var i = 1; i <= Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().table.columnManager.columns.length; i++) {
                            if (Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().table.columnManager.columns[i].definition.visible == true) {
                                $(".dropdown-menu_" + i).find(".dropdown-menu").removeClass("open-left-side");
                                $(".dropdown-menu_" + i).find(".dropdown-menu").addClass("open-right-side");
                                break;
                            }
                        }
                    }
                    clickedTableCaret(ElementId, DisplayText, DataType) {
                        var instance = this;
                        let html = "";
                        var Aggr = 0;
                        var Sortby = "none";
                        var ColumnFormat = "";
                        var Aggregation = instance.getAggregationsByDataType(DataType);
                        if (Aggregation) {
                            for (var i = 0; i < Aggregation.length; i++) {
                                if (i == 0) {
                                    Aggr = Aggregation[i].Value;
                                }
                                html += `<a class="dropdown-item Aggregation_` + DisplayText + `" id="Aggr_` + DisplayText + `_` + Aggregation[i].Value + `" onclick="javascript: Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().changeAggregation_table('` + DisplayText + `', ` + Aggregation[i].Value + `); " href="javascript: "><span class="tabulator-header-menu-button"></span><i class="ri-checkbox-blank-circle-line dropdown-icon" id="DropDown_` + Aggregation[i].Value + `_` + DisplayText + `"></i><span class="text-uppercase">` + Aggregation[i].AggrType + `</span></a>`;
                            }
                        }
                        $('#dropdown_Aggregation_' + DisplayText).find(".dropdown-menu").html(html);
                        $("#dsl_column_" + DisplayText).find('#dropdown_Aggregation_' + DisplayText).find(".dropdown-menu").html(html);
                        if (DataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime) {
                            var formathtml = "";
                            formathtml = instance.loadFormats(DataType, ElementId, DisplayText);
                            $('#ColumnFormat_' + DisplayText).find(".dropdown-menu").html(formathtml);
                            $("#dsl_column_" + DisplayText).find('#ColumnFormat_' + DisplayText).find(".dropdown-menu").html(formathtml);
                        }
                        else {
                            $('#ColumnFormat_' + DisplayText).remove();
                            $("#dsl_column_" + DisplayText).find('#ColumnFormat_' + DisplayText).remove();
                        }
                        let Index = instance.getIndexByAliasName_selectedColumnsArray(DisplayText);
                        Aggr = instance.selectedColumns[Index].Aggregation;
                        Sortby = instance.selectedColumns[Index].SortOrder;
                        DisplayText = instance.selectedColumns[Index].AliasName;
                        ColumnFormat = instance.selectedColumns[Index].ColumnFormat == "" ? "Default" : instance.selectedColumns[Index].ColumnFormat;
                        $("#DisplayText_" + DisplayText).val(DisplayText);
                        $("#DisplayText_" + DisplayText).focus();
                        let grpby = $("#groupby_select").val();
                        if (jQuery.inArray(ElementId.toString(), grpby) != -1) {
                            $('#dropdown_Aggregation_' + DisplayText).find(".sub-dropdown-menu").removeClass("show-on-hover");
                            $('#dropdown_Aggregation_' + DisplayText).find(".sub-dropdown-menu").find(".dropdown-item").css("cursor", "not-allowed");
                        }
                        else {
                            $('#dropdown_Aggregation_' + DisplayText).find(".sub-dropdown-menu").addClass("show-on-hover");
                            $('#dropdown_Aggregation_' + DisplayText).find(".sub-dropdown-menu").find(".dropdown-item").css("cursor", "pointer");
                        }
                        let IsFilterable = instance.selectedColumns[Index].IsFilterable;
                        if (IsFilterable == true)
                            $("#DropDown_IsFilterable_" + DisplayText).removeClass('hidden');
                        else
                            $("#DropDown_IsFilterable_" + DisplayText).addClass('hidden');
                        let IsPrimaryKey = instance.selectedColumns[Index].IsPrimaryKey;
                        if (IsPrimaryKey == true)
                            $("#DropDown_IsPrimaryKey_" + DisplayText).removeClass('hidden');
                        else
                            $("#DropDown_IsPrimaryKey_" + DisplayText).addClass('hidden');
                        let IsContactColumn = instance.selectedColumns[Index].IsContactColumn;
                        if (IsContactColumn == true)
                            $("#DropDown_IsContactColumn_" + DisplayText).removeClass('hidden');
                        else
                            $("#DropDown_IsContactColumn_" + DisplayText).addClass('hidden');
                        let IsAggregation = instance.selectedColumns[Index].Aggregation;
                        if (IsAggregation == Unibase.Platform.Analytics.Reports.Enums.AggregationType.none)
                            $("#Aggr_" + DisplayText + "_" + IsAggregation).addClass("selected");
                        else
                            $("#Aggr_" + DisplayText + "_" + IsAggregation).addClass("selected");
                        let IsSortBy = instance.selectedColumns[Index].SortOrder;
                        if (IsSortBy == "Asc") {
                            $("#SortOrder_" + ElementId + "_Asc").addClass('selected');
                            $("#SortOrder_" + ElementId + "_Desc").removeClass('selected');
                        }
                        else if (IsSortBy == "Desc") {
                            $("#SortOrder_" + ElementId + "_Desc").addClass('selected');
                            $("#SortOrder_" + ElementId + "_Asc").removeClass('selected');
                        }
                        else {
                            $("#SortOrder_" + ElementId + "_Asc").addClass('selected');
                        }
                        let format = instance._columnFormat.loadFormats(DataType).find(x => x.format == ColumnFormat);
                        if (format != undefined) {
                            $("#" + instance.containerId).find(".Format_" + DisplayText + "_" + format.id).addClass("selected");
                        }
                        for (i = 1; i <= Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().table.columnManager.columns.length; i++) {
                            if (Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().table.columnManager.columns[i].definition.visible == true) {
                                $(".dropdown-menu_" + i).find(".dropdown-menu").removeClass("open-left-side");
                                $(".dropdown-menu_" + i).find(".dropdown-menu").addClass("open-right-side");
                                break;
                            }
                        }
                    }
                    loadQueryBuilderDiv() {
                        var instance = this;
                        var fromDate = "";
                        var toDate = "";
                        var cf_fromDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate;
                        var cf_toDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate;
                        if (cf_fromDate != null && cf_toDate != null) {
                            fromDate = cf_fromDate.toString();
                            toDate = cf_toDate.toString();
                        }
                        else {
                            fromDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                            toDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                        }
                        if (instance.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Table) {
                            $("#Categories").removeClass("hidden");
                        }
                        else if (instance.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                            $("#Categories").addClass("hidden");
                        }
                        $("#QueryBuilder").html(`<div class="qry-builder-body"><div data-simplebar class="simple-scroll-bar"><div id="builder"></div></div></div>`);
                        var DataListId = instance.DataListId;
                        $("#DatalistColumns_Search").val("");
                        let qelem;
                        qelem = $('#builder');
                        instance.filtersArray = [];
                        qelem.on("afterAddRule.queryBuilder", (event, group) => {
                            this.addCheckbox();
                        });
                        for (var i = 0; i < instance.QueryBuilder_Columns.length; i++) {
                            let element = instance.QueryBuilder_Columns[i];
                            let dataType = "";
                            let IsInput = false;
                            let serviceurl = "apis/v4/unibase/platform/analytics/reportcolumndata";
                            serviceurl = _appsettings.server_url() + (serviceurl.startsWith('/') ? serviceurl : ('/' + serviceurl));
                            let dataTypeid = element.DataType;
                            let plugin_config = {
                                placeholder: "Select Options",
                                width: "auto",
                                unique: true,
                                allowClear: true,
                                tags: true,
                                ajax: {
                                    url: serviceurl,
                                    contentType: 'application/json',
                                    dataType: 'json',
                                    type: "POST",
                                    traditional: true,
                                    crossDomain: true,
                                    async: true,
                                    beforeSend: function (xhr) {
                                        if (Unibase.Platform.Membership.Infos.Identity.getCurrentUser() !== undefined && Unibase.Platform.Membership.Infos.Identity.getCurrentUser() !== null) {
                                            xhr.setRequestHeader('Authorization', 'Basic ' + Unibase.Platform.Membership.Infos.Identity.getCurrentUser().sessionId);
                                            xhr.setRequestHeader('geoposition', Unibase.Platform.Membership.Infos.Identity.getCurrentUser().latd + ':' + Unibase.Platform.Membership.Infos.Identity.getCurrentUser().lgId);
                                        }
                                    },
                                    data: function (params) {
                                        let name = this[0].name.substring(0, this[0].name.indexOf("_value_"));
                                        searchName = params.term;
                                        var Qb_Col = instance.QueryBuilder_Columns.find(q => q.ColumnId == element.ColumnId);
                                        let repObj = new ReportObject();
                                        repObj.DataListId = instance.DataListId;
                                        let Aggr = Reports.Enums.AggregationType.none;
                                        if (params.hasOwnProperty("term") == true) {
                                            repObj.StaticFilter = "CAST(" + element.ColumnName + " AS text) " + " ILIKE('%" + params.term + "%')";
                                            if (instance.DataSourceId == Number(Platform.DataSources.Enums.DataSource.MongoDB)) {
                                                repObj.StaticFilter = "{" + element.ColumnName + ":" + params.term + "}";
                                                if (Analytics.Reports.Enums.DataType[element.DataType] == "string") {
                                                    repObj.StaticFilter = "{" + element.ColumnName + ":{$regex:'" + params.term + "'" + "}}";
                                                }
                                            }
                                        }
                                        repObj.TopRecords = 5;
                                        repObj.Distinct = true;
                                        let col = new ReportColumn();
                                        col.ColumnValue = element.ColumnId;
                                        col.ReportColumnName = element.ColumnName;
                                        col.AliasName = element.ColumnName;
                                        col.DlColumnName = (Qb_Col) ? Qb_Col.DlColumnName : null;
                                        col.AggrFuncId = Aggr;
                                        repObj.ReportColumns = [];
                                        repObj.ReportColumns.push(col);
                                        repObj.FromDate = fromDate;
                                        repObj.ToDate = toDate;
                                        return JSON.stringify(repObj);
                                    },
                                    processResults: function (data) {
                                        var col = [];
                                        var defaultid;
                                        var id = searchName;
                                        var autoCompleteId = $(".select2-container--open").parent().parent()[1].id;
                                        console.log(autoCompleteId);
                                        var identity = $("#" + autoCompleteId + "_checkbox").prop("checked");
                                        if (identity) {
                                            var identityinfo = Unibase.Platform.Membership.Infos.Identity.currentUser;
                                            var keys = Object.keys(identityinfo);
                                            for (let i = 0; i < keys.length; i++) {
                                                col.push({ id: "Identity_" + keys[i], text: "Identity_" + keys[i] });
                                            }
                                            var settings = identityinfo.settings;
                                            if (settings && settings.length != 0) {
                                                for (var s = 0; s < settings.length; s++) {
                                                    col.push({ id: "Identity_" + settings[s].settingName, text: "Identity_" + settings[s].settingName });
                                                }
                                            }
                                            console.log(col);
                                        }
                                        else {
                                            if (JSON.parse(data.result).Data != "") {
                                                defaultid = {
                                                    id: 0,
                                                    text: '------'
                                                };
                                                col.push(defaultid);
                                                for (let i = 0; i < JSON.parse(JSON.parse(data.result).Data).length; i++) {
                                                    let jsondata = JSON.parse(JSON.parse(data.result).Data);
                                                    var col_text = jsondata[i][element.ColumnName];
                                                    if (col_text != null) {
                                                        var ids = {
                                                            id: jsondata[i][element.ColumnName],
                                                            text: col_text.toString()
                                                        };
                                                        col.push(ids);
                                                    }
                                                }
                                            }
                                            else {
                                                if (searchName == "") {
                                                    defaultid = {
                                                        id: 0,
                                                        text: '------'
                                                    };
                                                }
                                                else {
                                                    defaultid = {
                                                        id: id,
                                                        text: searchName
                                                    };
                                                }
                                                col.push(defaultid);
                                            }
                                        }
                                        return {
                                            results: col
                                        };
                                    }
                                },
                            };
                            let Values = [];
                            let Input = 'select';
                            let Plugin = 'select2';
                            if (dataTypeid == Unibase.Platform.Analytics.Reports.Enums.DataType.string) {
                                dataType = "string";
                            }
                            else if (dataTypeid == Unibase.Platform.Analytics.Reports.Enums.DataType.int32 || dataTypeid == Unibase.Platform.Analytics.Reports.Enums.DataType.int64) {
                                dataType = "integer";
                            }
                            else if (dataTypeid == Unibase.Platform.Analytics.Reports.Enums.DataType.decimal) {
                                dataType = "double";
                            }
                            else if (dataTypeid == Unibase.Platform.Analytics.Reports.Enums.DataType.boolean) {
                                dataType = "string";
                                Values = ["true", "false"];
                                Input = 'radio';
                                Plugin = '';
                            }
                            else if (dataTypeid == Unibase.Platform.Analytics.Reports.Enums.DataType.date || dataTypeid == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime) {
                                dataType = 'date';
                                IsInput = true;
                            }
                            if (element.StaticFilterControlType == Unibase.Platform.Analytics.Reports.Enums.StaicFilterControlType.Text) {
                                IsInput = true;
                                Input = 'text';
                            }
                            let searchName = "";
                            let filter = {};
                            if (dataTypeid == Unibase.Platform.Analytics.Reports.Enums.DataType.date || dataTypeid == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime) {
                                filter = {
                                    id: element.ColumnName,
                                    label: element.ColumnName,
                                    field: element.ColumnName,
                                    type: dataType,
                                    validation: {
                                        format: 'YYYY/MM/DD'
                                    },
                                    plugin: 'datepicker',
                                    plugin_config: {
                                        format: 'yyyy/mm/dd',
                                        todayBtn: 'linked',
                                        todayHighlight: true,
                                        autoclose: true
                                    }
                                };
                            }
                            else {
                                filter = {
                                    id: element.ColumnName,
                                    label: element.ColumnName,
                                    field: element.ColumnName,
                                    type: dataType,
                                    size: 30,
                                    unique: true,
                                    input: Input,
                                    plugin: !IsInput && Plugin,
                                    plugin_config: !IsInput && plugin_config,
                                    values: Values
                                };
                            }
                            instance.filtersArray.push(filter);
                        }
                        qelem.queryBuilder({
                            filters: instance.filtersArray
                        });
                        if (instance.queryBuilderJson && instance.queryBuilderJson != "[]") {
                            let qeleme = $('#builder');
                            let qb_json = JSON.parse(instance.queryBuilderJson);
                            let qb_rules = instance.changeFieldnametoId(qb_json.rules);
                            qeleme.queryBuilder('setRules', qb_rules);
                            var ruledata = JSON.parse(instance.queryBuilderJson);
                            var jsonarray = JSON.stringify(ruledata);
                            jsonarray = jsonarray.replace(/[{}\[\]']/g, '');
                            jsonarray = jsonarray.split(',"');
                            var finalarray = [];
                            for (var arrayvalue of jsonarray) {
                                if (arrayvalue.includes('value') == true) {
                                    var value = arrayvalue.split(':');
                                    if (value[1].includes('"') == true) {
                                        value[1] = value[1].replace(/"/g, '');
                                    }
                                    finalarray.push(value[1]);
                                }
                            }
                            for (let k = 0; k < finalarray.length; k++) {
                                var id = $('[id*=select2-builder_rule_' + k + ']').attr('id');
                                $('#' + id).html('');
                                $('#' + id).css('width', $('#' + id).width() + 150);
                                $('#' + id).html('<span class="select2-selection__placeholder text-dark">' + finalarray[k] + '</span>');
                                if (finalarray[k] && finalarray[k].includes("Identity_")) {
                                    let valueContainer = $('#' + id).closest(".rule-value-container").next();
                                    valueContainer.children().first().removeClass("hidden");
                                    valueContainer.find("input").prop("checked", true);
                                }
                            }
                        }
                        $('#btn-reset-query').on('click', function () {
                            instance.queryBuilderString = "";
                            instance.querybuilderCheckboxes = [];
                            instance.queryBuilderJson = "";
                            $(".qry-builder-container").hide();
                            instance.load_data(instance.table);
                            qelem.queryBuilder('reset');
                            instance.queryBuilderJson = "";
                        });
                        $('#builder').on('afterApplyRuleFlags.queryBuilder', function (e, rule) {
                            let selectValue = $("#" + rule.id).find(".rule-filter-container").children().first().val();
                            if (selectValue != -1 && selectValue) {
                                $("#" + rule.id).find(".rule-check-container").children().first().removeClass("hidden");
                            }
                        });
                        $('#builder-widgets').on('afterUpdateRuleValue.queryBuilder', function (e, rule) {
                            if (rule.filter.plugin === 'datepicker') {
                                rule.$el.find('.rule-value-container input').datepicker('update');
                            }
                        });
                        $('#builder').on('afterUpdateRuleOperator.queryBuilder', (e, rule) => {
                            if (rule.operator.type == "in")
                                rule.$el.find(".rule-value-container select").prop('multiple', true).attr('name', 'sub_type[]');
                            else
                                rule.$el.find(".rule-value-container select").prop('multiple', false).attr('name', 'sub_type');
                        });
                    }
                    addCheckbox() {
                        let instance = this;
                        let isChecked = '';
                        let checkboxId = $($('.rule-container')[$('.rule-container').length - 1]).attr('id') + '_checkbox';
                        console.log(instance.querybuilderCheckboxes);
                        for (let i = 0; i < instance.querybuilderCheckboxes.length; i++) {
                            if (checkboxId.replace('_checkbox', '') == instance.querybuilderCheckboxes[i]) {
                                isChecked = 'checked';
                                break;
                            }
                        }
                        $($('.rule-container')[$('.rule-container').length - 1]).append(`<div class="rule-check-container">
				<div class="custom-control hidden custom-checkbox checkbox-teal">
					<input type="checkbox" class="custom-control-input" id="${checkboxId}" ${isChecked}>
					<label class="custom-control-label" for="${checkboxId}">Indentity</label>
				</div>
			</div>`);
                        $('#' + checkboxId).change(function () {
                            var id = $(this).attr('id').replace('_checkbox', '');
                            $("#" + id).find(".rule-value-container select").empty();
                            if ($(this).is(':checked')) {
                                instance.querybuilderCheckboxes.push(id);
                            }
                            else {
                                for (let i = 0; i < instance.querybuilderCheckboxes.length; i++) {
                                    let checkbox_id = instance.querybuilderCheckboxes[i];
                                    if (checkbox_id == id) {
                                        instance.querybuilderCheckboxes.splice(i, 1);
                                        break;
                                    }
                                }
                            }
                        });
                    }
                    changeFieldnametoId(rules) {
                        var instance = this;
                        for (var r = 0; r < rules.length; r++) {
                            let rule = rules[r];
                            if (rule.rules)
                                rule.rules = instance.changeFieldnametoId(rule.rules);
                            rules[r].id = rule.field;
                        }
                        return rules;
                    }
                    toggleQueryBuilderDiv() {
                        $(".report-builder-body").toggleClass("hidden");
                        $("#QueryBuilder").toggleClass("hidden");
                    }
                    reportTypeChange(id) {
                        var instance = this;
                        if (id == "fa fa-bar-chart-o") {
                            instance.reportType = Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart;
                            instance._chartBuilder.loadChartIcons();
                            if (instance.TenureReport.length != 0 && instance.reportid == 0) {
                                Unibase.Platform.Analytics.Reports.Tenure.Instance().CheckedTenure();
                                instance._chartBuilder.tenureChart('myChart', instance.reportid);
                            }
                            else {
                                if (instance.reportid != 0) {
                                    instance._chartBuilder.select2DataBinding("");
                                }
                                instance._chartBuilder.select2DataBinding("ReportTypeChanged");
                            }
                            $('.report-builder-body').find('#table-canvan').height($(window).outerHeight() - $('.report-builder-body').find('#chart-container').height() - $(".modal-footer").height() - 100);
                        }
                        else {
                            instance.reportType = Unibase.Platform.Analytics.Reports.Enums.ReportType.Table;
                        }
                        $(".ChartIcons").toggleClass("hidden");
                        $("#ChartIcon_Default").toggleClass("hidden");
                        if (instance.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                            instance._chartBuilder.IsChartBuilder = true;
                            instance.EditableTitle = false, instance.HeaderSort = true;
                            $(".divselect2_GroupBy").removeClass("hidden");
                            $(".TableIcon").addClass("hidden");
                            $("#datalabel_div").removeClass("hidden");
                            $("#chart-container").removeClass("hidden");
                            $('.report-builder-body').find('#table-canvan').height($(window).outerHeight() - $('.report-builder-body').find('#chart-container').height() - $(".modal-footer").height() - 105);
                            if ($("#DataListsDiv").hasClass("hidden") && instance.TenureReport.length == 0) {
                                $("#XAxis").removeClass("hidden");
                                $("#YAxis").removeClass("hidden");
                                var x_val = $('#xaxis_select').val().toString();
                                var y_val = $('#yaxis_select').val().toString();
                                if (x_val.length == 0) {
                                    $('#xaxis_select').val('').trigger('change');
                                }
                                if (y_val.length == 0) {
                                    $('#yaxis_select').val('').trigger('change');
                                }
                            }
                            $("#ChartCanvasDiv").removeClass("hidden");
                            if ($("#txt_totalrecords").val() == "") {
                                $("#txt_totalrecords").val("5");
                            }
                            if (instance._chartBuilder.legendTitleTypeId == Unibase.Platform.Analytics.Enums.LegendTitleType.Column) {
                                $("#lagendtypecolumn").prop("checked", true);
                            }
                            else {
                                $("#lagendtypedata").prop("checked", true);
                            }
                            $("#showtooltipheader_checkbox").prop("checked", instance._chartBuilder.isTooltipHeader);
                            $("#isdatalabel").prop("checked", instance._chartBuilder.isDataLabel);
                            $("#label_length").val(instance._chartBuilder.tickLabelLength);
                            if (instance._chartBuilder.chartBaseValue)
                                $("#dataset_base_value").val(instance._chartBuilder.chartBaseValue);
                        }
                        else {
                            if ($("#DataListsDiv").hasClass("hidden")) {
                                $("#Categories").removeClass("hidden");
                            }
                            instance.EditableTitle = true, instance.HeaderSort = false;
                            instance._chartBuilder.select2DataBinding("");
                            if (instance.selectedColumns.length > 0) {
                                instance.load_data(instance.table);
                            }
                            $(".TableIcon").removeClass("hidden");
                            $("#datalabel_div").addClass("hidden");
                            $("#ExpandIcon, #CollapseIcon").addClass("hidden");
                            $("#chart-container").addClass("hidden");
                            var height = $(".report-builder-body").height() - 35 + "px";
                            instance.table.setHeight(height);
                            $("#table-canvan").height(height);
                            $(".bl-nav-right").addClass("hidden");
                            $("#bl-nav-right-default").removeClass("hidden");
                            $("#XAxis").addClass("hidden");
                            $("#YAxis").addClass("hidden");
                            $("#ChartCanvasDiv").addClass("hidden");
                        }
                    }
                    getAggregationName(AggrFuncId) {
                        var AggrName = Unibase.Platform.Analytics.Reports.Enums.AggregationType[AggrFuncId];
                        return AggrName;
                    }
                    getAggregationsByDataTypes(DataType) {
                        var aggrType = Unibase.Platform.Analytics.Reports.Enums.AggregationType;
                        var items = {
                            "String": [{ "Value": aggrType.none, "AggrType": "none" },
                                { "Value": aggrType.count, "AggrType": "count" }],
                            "DateTime": [{ "Value": aggrType.none, "AggrType": "none" },
                                { "Value": aggrType.count, "AggrType": "count" },
                                { "Value": aggrType.month, "AggrType": "month" },
                                { "Value": aggrType.year, "AggrType": "year" }],
                            "Int64": [{ "Value": aggrType.none, "AggrType": "none" },
                                { "Value": aggrType.count, "AggrType": "count" },
                                { "Value": aggrType.sum, "AggrType": "sum" },
                                { "Value": aggrType.avg, "AggrType": "avg" },
                                { "Value": aggrType.max, "AggrType": "max" },
                                { "Value": aggrType.min, "AggrType": "min" }],
                            "Int32": [{ "Value": aggrType.none, "AggrType": "none" },
                                { "Value": aggrType.count, "AggrType": "count" },
                                { "Value": aggrType.sum, "AggrType": "sum" },
                                { "Value": aggrType.avg, "AggrType": "avg" },
                                { "Value": aggrType.max, "AggrType": "max" },
                                { "Value": aggrType.min, "AggrType": "min" }],
                            "Decimal": [{ "Value": aggrType.none, "AggrType": "none" },
                                { "Value": aggrType.count, "AggrType": "count" },
                                { "Value": aggrType.sum, "AggrType": "sum" },
                                { "Value": aggrType.avg, "AggrType": "avg" },
                                { "Value": aggrType.max, "AggrType": "max" },
                                { "Value": aggrType.min, "AggrType": "min" }],
                            "Boolean": [{ "Value": aggrType.none, "AggrType": "none" },
                                { "Value": aggrType.count, "AggrType": "count" }],
                            "none": [
                                {}
                            ]
                        };
                        return items[DataType];
                    }
                    getAggregationsByDataType(DataType) {
                        var items = [];
                        var aggrType = Unibase.Platform.Analytics.Reports.Enums.AggregationType;
                        switch (DataType) {
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.string:
                                items = [{ "Value": aggrType.none, "AggrType": "none" },
                                    { "Value": aggrType.count, "AggrType": "count" }];
                                break;
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime:
                                items = [{ "Value": aggrType.none, "AggrType": "none" },
                                    { "Value": aggrType.count, "AggrType": "count" },
                                    { "Value": aggrType.month, "AggrType": "month" },
                                    { "Value": aggrType.year, "AggrType": "year" }];
                                break;
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.int64:
                                items = [{ "Value": aggrType.none, "AggrType": "none" },
                                    { "Value": aggrType.count, "AggrType": "count" },
                                    { "Value": aggrType.sum, "AggrType": "sum" },
                                    { "Value": aggrType.avg, "AggrType": "avg" },
                                    { "Value": aggrType.max, "AggrType": "max" },
                                    { "Value": aggrType.min, "AggrType": "min" }];
                                break;
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.int32:
                                items = [{ "Value": aggrType.none, "AggrType": "none" },
                                    { "Value": aggrType.count, "AggrType": "count" },
                                    { "Value": aggrType.sum, "AggrType": "sum" },
                                    { "Value": aggrType.avg, "AggrType": "avg" },
                                    { "Value": aggrType.max, "AggrType": "max" },
                                    { "Value": aggrType.min, "AggrType": "min" }];
                                break;
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.decimal:
                                items = [{ "Value": aggrType.none, "AggrType": "none" },
                                    { "Value": aggrType.count, "AggrType": "count" },
                                    { "Value": aggrType.sum, "AggrType": "sum" },
                                    { "Value": aggrType.avg, "AggrType": "avg" },
                                    { "Value": aggrType.max, "AggrType": "max" },
                                    { "Value": aggrType.min, "AggrType": "min" }];
                                break;
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.boolean:
                                items = [{ "Value": aggrType.none, "AggrType": "none" },
                                    { "Value": aggrType.count, "AggrType": "count" }];
                                break;
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.none:
                                [{}];
                                break;
                        }
                        return items;
                    }
                    getColumnIconByDataTypes(DataTypeId) {
                        let icon = "";
                        switch (DataTypeId) {
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.string:
                                icon = `<i class="las la-text-width"></i>`;
                                break;
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.int32:
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.int64:
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.decimal:
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.boolean:
                                icon = `<i class="las la-hashtag"></i>`;
                                break;
                            case Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime:
                                icon = `<i class="las la-calendar-minus"></i>`;
                                break;
                        }
                        return icon;
                    }
                    dataType(type) {
                        var DataType;
                        switch (type) {
                            case "String":
                                DataType = Unibase.Platform.Analytics.Reports.Enums.DataType.string;
                                break;
                            case "Int32":
                                DataType = Unibase.Platform.Analytics.Reports.Enums.DataType.int32;
                                break;
                            case "Int64":
                                DataType = Unibase.Platform.Analytics.Reports.Enums.DataType.int64;
                                break;
                            case "DateTime":
                                DataType = Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime;
                                break;
                            case "Decimal":
                                DataType = Unibase.Platform.Analytics.Reports.Enums.DataType.decimal;
                                break;
                            case "Boolean":
                                DataType = Unibase.Platform.Analytics.Reports.Enums.DataType.boolean;
                                break;
                        }
                        return DataType;
                    }
                    _sortColumns() {
                        var instance = this;
                        let list = $('#sort_selected_columns');
                        if (!list)
                            return;
                        let itemName;
                        let endIndex;
                        list.sortable({
                            connectWith: "#sort_selected_columns",
                            cursor: 'move',
                            update: function (event, ui) {
                                $.each($('#sort_selected_columns .dsl-block'), function (index, item) {
                                    let itemName = $(item).attr('id').slice(11);
                                    let sindex = instance.SortColumns.findIndex(x => x.AliasName == itemName);
                                    if (sindex > -1) {
                                        instance.SortColumns[sindex].SortIndex = index;
                                    }
                                    let scolindex = instance.selectedColumns.findIndex(x => x.ColumnName == itemName);
                                    if (scolindex > -1) {
                                        instance.selectedColumns[scolindex].SortIndex = index;
                                    }
                                });
                                instance.load_data(instance.reportid);
                            }
                        });
                    }
                    getIndexByColumnName_selectedColumnsArray(ColumnName) {
                        var instance = this;
                        return instance.selectedColumns.findIndex(x => x.ColumnName == ColumnName);
                    }
                    getIndexByAliasName_selectedColumnsArray(AliasName) {
                        var instance = this;
                        return instance.selectedColumns.findIndex(x => x.AliasName == AliasName);
                    }
                    getIndexByDisplayTextAndColumnName_selectedColumnsArray(AliasName, ColumnName) {
                        var instance = this;
                        return instance.selectedColumns.findIndex(x => x.AliasName == AliasName && x.ColumnName == ColumnName);
                    }
                    getColumnId_ByColumnName_datalistColumnsArray(ColumnName) {
                        var instance = this;
                        let Col = instance.datalistColumnsResponseData.find(x => x.ColumnName == ColumnName);
                        return Col.ColumnId;
                    }
                    getDlColumn_ByColumnId_datalistColumnsArray(ColumnId) {
                        var instance = this;
                        let Col = instance.datalistColumnsResponseData.find(x => x.ColumnId == ColumnId);
                        return Col.DlColumnName;
                    }
                    getIndexByDisplayText_sortColumnsArray(DisplayText) {
                        var instance = this;
                        return instance.SortColumns.findIndex(x => x.DisplayText == DisplayText);
                    }
                    getIndexByAliasName_DatalistColumnsArray(AliasName) {
                        return this.datalistColumnsResponseData.findIndex(x => x.AliasName == AliasName);
                    }
                    getIndexByAliasName_chartSelectedColumnsArray(AliasName) {
                        var instance = this;
                        return instance._chartBuilder.ChartSelectedColumns.findIndex(x => x.AliasName == AliasName);
                    }
                    loadReportGroups() {
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/reportgroups_autocomplete';
                        AutoCompleteHelper.getHelper().Create("#RptGroup_AutoComplete", "#hfAutoComplete_ReportGroup", url, null);
                    }
                    getAvailableReportGroups(reportGroupsResponseData) {
                        var instance = this;
                        let html = "";
                        for (let i = 0; i < reportGroupsResponseData.length; i++) {
                            var template = instance._reportBuilderTemplate.loadDataListsTemplate();
                            var templateScript = Handlebars.compile(template);
                            var context = { "SelectText": reportGroupsResponseData[i].GroupName, "Value": reportGroupsResponseData[i].ReportGroupId };
                            html += templateScript(context);
                        }
                        if (reportGroupsResponseData.length == 0) {
                            var template = instance._reportBuilderTemplate.loadDataListsTemplate();
                            var templateScript = Handlebars.compile(template);
                        }
                        $("#RptGroup_AutoComplete").append(html);
                    }
                    reportColumns_Array(repCol) {
                        var instance = this;
                        let col = new ReportColumn();
                        col.ReportColumnId = instance.isduplicate == true ? 0 : repCol.ReportColumnId;
                        col.ColumnValue = (repCol.ColumnValue) ? repCol.ColumnValue : 0;
                        col.ReportColumnName = repCol.ReportColumnName;
                        col.DataListColumnName = repCol.DataListColumnName;
                        col.DlColumnName = repCol.DlColumnName;
                        col.DisplayText = (repCol.DisplayText) ? repCol.DisplayText : repCol.AliasName;
                        col.AliasName = (repCol.AliasName) ? repCol.AliasName : col.DisplayText;
                        col.DataType = (repCol.DataType) ? repCol.DataType : 0;
                        col.Isvisible = (repCol.Isvisible) ? repCol.Isvisible : false;
                        col.AggrFuncId = !isNaN(repCol.AggrFuncId) ? repCol.AggrFuncId : Reports.Enums.AggregationType.none,
                            col.SortType = (repCol.SortType) ? repCol.SortType : "none";
                        col.SortIndex = (repCol.SortIndex) ? repCol.SortIndex : 0;
                        col.GroupBy = (repCol.GroupBy) ? repCol.GroupBy : false;
                        col.IsPivotAggrColumn = (repCol.IsPivotAggrColumn) ? repCol.IsPivotAggrColumn : false;
                        col.IsPivotColumn = (repCol.IsPivotColumn) ? repCol.IsPivotColumn : false;
                        col.IsPivotRow = (repCol.IsPivotRow) ? repCol.IsPivotRow : false;
                        col.IsPivotRowSelected = (repCol.IsPivotRowSelected) ? repCol.IsPivotRowSelected : false;
                        col.IsPivotParentColumn = (repCol.IsPivotParentColumn) ? repCol.IsPivotParentColumn : false;
                        col.IsPivotChildColumn = (repCol.IsPivotChildColumn) ? repCol.IsPivotChildColumn : false;
                        col.PivotValue = 0;
                        col.PivotValueSelected = (instance.pivot && instance.pivot.PivotValue_Selected) ? repCol.PivotValueSelected : 0;
                        col.IsPivotRowSelected = (repCol.IsPivotRowSelected) ? repCol.IsPivotRowSelected : false;
                        col.PivotDateType = isNaN(repCol.PivotDateType) ? 0 : Number(repCol.PivotDateType);
                        col.TimeInterval = (repCol.TimeInterval) ? repCol.TimeInterval : "";
                        col.ColumnFormat = (repCol.ColumnFormat == "No Format" || !(repCol.ColumnFormat)) ? "" : repCol.ColumnFormat;
                        col.YearComparisonType = (repCol.YearComparisonType) ? repCol.YearComparisonType : 0;
                        col.WidthUnit = "px";
                        col.RoleId = "0";
                        col.IsFilterable = false;
                        col.IsPrimaryKey = (repCol.IsPrimaryKey) ? repCol.IsPrimaryKey : false;
                        col.IsContactColumn = (repCol.IsContactColumn) ? repCol.IsContactColumn : false;
                        col.GroupByCategory = (repCol.GroupByCategory) ? repCol.GroupByCategory : false;
                        col.IsTenureApplied = (repCol.IsTenureApplied) ? repCol.IsTenureApplied : false;
                        col.Width = (repCol.Width) ? repCol.Width : 0;
                        col.ColumnIndex = (repCol.ColumnIndex) ? repCol.ColumnIndex : 0;
                        col.DistinctOn = (repCol.DistinctOn) ? repCol.DistinctOn : false;
                        col.IsPivotTableCol = (repCol.IsPivotTableCol) ? repCol.IsPivotTableCol : false;
                        col.IsDownload = (repCol.IsDownload) ? repCol.IsDownload : false;
                        col.TableAggrTypeId = !isNaN(repCol.TableAggrTypeId) ? repCol.TableAggrTypeId : Reports.Enums.AggregationType.none;
                        col.IsNumFormatting = (repCol.IsNumFormatting) ? repCol.IsNumFormatting : false;
                        col.IsRowTotal = (repCol.IsRowTotal) ? repCol.IsRowTotal : false;
                        col.IsImageUrl = (repCol.IsImageUrl) ? repCol.IsImageUrl : false;
                        col.PivotTableAggrTypeId = (repCol.PivotTableAggrTypeId) ? repCol.PivotTableAggrTypeId : 0;
                        let PivotDateType = instance.pivot && instance.pivot.DateType ? instance.pivot.DateType : 0;
                        if (instance.pivot && instance.pivot.AggColumnName != "") {
                            if (instance.pivot.AggColumnName == col.ReportColumnName) {
                                col.AggrFuncId = Number(instance.pivot.AggFuncId);
                                col.IsPivotAggrColumn = true;
                            }
                            if (instance.pivot.ColumnName == col.ReportColumnName) {
                                col.IsPivotColumn = true;
                                var Tenure = instance.TenureReport[instance.pivot.ColumnName];
                                col.TimeInterval = Tenure != undefined ? Tenure.TimeInterval : "";
                                col.PivotDateType = Number(PivotDateType);
                            }
                            if (instance.pivot.ChildColumnName != "") {
                                if (instance.pivot.ChildColumnName == col.ReportColumnName) {
                                    col.IsPivotChildColumn = true;
                                    if (repCol.PivotValue == undefined) {
                                        col.PivotValue = Number(instance.pivot.ChildColumnValue);
                                    }
                                    else {
                                        col.PivotValue = Number(instance.pivot.PivotValue_Selected);
                                    }
                                    instance.IsPivotTree = true;
                                }
                                if (instance.pivot.ParentColumnName == col.ReportColumnName) {
                                    col.IsPivotParentColumn = true;
                                }
                            }
                        }
                        if (repCol.TimeInterval != "") {
                        }
                        instance.ReportColumns.push(col);
                    }
                    groupByAggregation() {
                        var instance = this;
                        var isGrp = instance.selectedColumns.find(g => g.GroupBy == true);
                        if (isGrp) {
                            for (var i = 0; i < instance.selectedColumns.length; i++) {
                                var scol = instance.selectedColumns[i];
                                if (!scol.GroupBy && scol.Aggregation == Unibase.Platform.Analytics.Reports.Enums.AggregationType.none) {
                                    let Index = instance.getIndexByColumnName_selectedColumnsArray(scol.AliasName);
                                    var Col = instance.selectedColumns[Index];
                                    Col.Aggregation = Unibase.Platform.Analytics.Reports.Enums.AggregationType.count;
                                }
                            }
                        }
                    }
                    saveReport(containerid, reportid) {
                        var instance = this;
                        this.navigationHelper.showLoading();
                        let rptGroupId = Number($("#RptGroup_AutoComplete").val());
                        if (rptGroupId == 0)
                            return MessageHelper.Instance().showError("Please select ReportGroup", 'divReport_ErrorMessage');
                        instance.ReportColumns = [];
                        var grpby = instance.selectedColumns.filter(x => x.GroupBy == true);
                        var agg = [];
                        var SortArry = [];
                        if (grpby.length > 0) {
                            agg = instance.selectedColumns.filter(x => x.Aggregation == Reports.Enums.AggregationType.none).filter(x => x.GroupBy == false);
                        }
                        if (agg.length > 0 && instance.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Table) {
                            var cols = "";
                            if (agg.length == 1) {
                                cols = " Column \"";
                            }
                            else {
                                cols = " Columns \"";
                            }
                            for (var a = 0; a < agg.length; a++) {
                                cols += " " + agg[a].ColumnName + ",";
                            }
                            cols = cols.substring(0, cols.length - 1) + " ";
                            alert("SAVE FAILED: " + cols + "\" must be added in groupby or need to give aggregation. For UI Groupby add in Categories instead of groupby");
                            return false;
                        }
                        else {
                            for (var i = 0; i < instance.selectedColumns.length; i++) {
                                let selectedColumn = instance.selectedColumns[i];
                                let Width = 0;
                                if (selectedColumn.Width != undefined) {
                                    Width = selectedColumn.Width;
                                }
                                var Tenure = instance.TenureReport[selectedColumn.ColumnName];
                                let AggrFuncId = selectedColumn.Aggregation;
                                let col = new ReportColumn();
                                col.ReportColumnId = selectedColumn.ReportColumnId,
                                    col.ReportColumnName = selectedColumn.ColumnName,
                                    col.AliasName = selectedColumn.AliasName,
                                    col.DisplayText = selectedColumn.DisplayText,
                                    col.DlColumnName = selectedColumn.DlColumnName,
                                    col.ColumnIndex = selectedColumn.ColumnIndex,
                                    col.Width = Width,
                                    col.ColumnValue = Number(selectedColumn.ColumnId),
                                    col.DataType = selectedColumn.DataType,
                                    col.IsFilterable = selectedColumn.IsFilterable,
                                    col.IsPrimaryKey = selectedColumn.IsPrimaryKey,
                                    col.IsContactColumn = selectedColumn.IsContactColumn,
                                    col.Isvisible = selectedColumn.Isvisible,
                                    col.GroupBy = selectedColumn.GroupBy,
                                    col.SortType = selectedColumn.SortOrder,
                                    col.SortIndex = selectedColumn.SortIndex,
                                    col.AggrFuncId = AggrFuncId,
                                    col.IsTenureApplied = Tenure != undefined ? true : false,
                                    col.GroupByCategory = selectedColumn.GroupByCategory,
                                    col.ColumnFormat = selectedColumn.ColumnFormat == "Default" ? "" : selectedColumn.ColumnFormat,
                                    col.PivotValue = instance.pivot.PivotValue_Selected,
                                    col.DistinctOn = selectedColumn.DistinctOn,
                                    col.IsPivotTableCol = selectedColumn.IsPivotTableCol,
                                    col.IsDownload = selectedColumn.IsDownload,
                                    col.TableAggrTypeId = selectedColumn.TableAggrTypeId,
                                    col.IsNumFormatting = selectedColumn.IsNumFormatting,
                                    col.IsRowTotal = selectedColumn.IsRowTotal,
                                    col.IsImageUrl = selectedColumn.IsImageUrl,
                                    col.PivotTableAggrTypeId = selectedColumn.PivotTableAggrTypeId,
                                    instance.reportColumns_Array(col);
                            }
                            let pivotRows = instance.pivot.PivotRows;
                            if (instance.SortColumns.length != 0) {
                                for (var i = 0; i < instance.SortColumns.length; i++) {
                                    var col = instance.SortColumns.find(x => x.SortIndex == i);
                                    if (col)
                                        SortArry.push({ Name: col.DisplayText, Order: col.SortOrder });
                                }
                            }
                            if (SortArry.length == 0) {
                                if (instance.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                                    instance.navigationHelper.hideLoading();
                                    return MessageHelper.Instance().showError('Please Select SortColumn', 'div_ReportBuilderErrorMessage');
                                }
                                SortArry.push({ Name: instance.selectedColumns[0].AliasName, Order: "Desc" });
                            }
                            instance._chartBuilder.chartColumns();
                            if (instance.isduplicate == true) {
                                $("#txt_reportid").val(0);
                                if ($("#txt_reportname").val() == "") {
                                    $("#errordiv").show();
                                    $("#errordiv").html('<div id="Bizgaze-messageInfo" class="alert alert-danger " ><strong>Error! </strong>Mandatory fields are missing</div>');
                                    $("#errordiv").css({ "height": "50px", "visibility": "hidden", "opacity": "0", "transition": "visibility 0s 6s,opacity 6s linear" });
                                    setTimeout(function () {
                                        $("#errordiv").removeAttr('style');
                                        $("#errordiv").hide();
                                    }, 6000);
                                    return false;
                                }
                            }
                            var dependencyapps = $("#dependecyapps").val();
                            let ReportName = $("#txt_reportname").val().toString();
                            instance.reportname = String($("#txt_reportname").val());
                            var SearchColumns_Data = $("#searchcolumns").select2('data');
                            var SearchCols = "";
                            for (var i = 0; i < SearchColumns_Data.length; i++) {
                                SearchCols += SearchColumns_Data[i].text + "|";
                            }
                            let connectedAppsArray = $("#connectedapps").select2('data');
                            let connectedReportsArray = $("#connectedreports").select2('data').map(x => x.id);
                            let connectedApps = connectedAppsArray.map(x => x.id).join("|");
                            let connectedReports = connectedReportsArray.join("|");
                            let baseValue = $("#dataset_base_value").val();
                            if (instance.res && instance.res.UniqueId) {
                                if (connectedReportsArray.includes(instance.res.UniqueId)) {
                                    instance.navigationHelper.hideLoading();
                                    return MessageHelper.Instance().showError("Same report cannot be selected as connected report", 'divReport_ErrorMessage');
                                }
                            }
                            instance.updateDynamicFilterIndex();
                            var fromDate = "";
                            var toDate = "";
                            var cf_fromDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate;
                            var cf_toDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate;
                            if (cf_fromDate != null && cf_toDate != null) {
                                fromDate = cf_fromDate.toString();
                                toDate = cf_toDate.toString();
                            }
                            else {
                                fromDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                                toDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                            }
                            let uniqueId = instance.res && instance.res.UniqueId ? instance.res.UniqueId : "Bizgaze_Platform_Analytics_Reports_" + ReportName.replace(/\s/g, '');
                            let model = new Unibase.Platform.Analytics.Requests.Report();
                            model.SearchColumns = SearchCols;
                            model.SubReports = instance.subreportdata;
                            model.DependencyApps = dependencyapps.join('|');
                            model.DynamicFilters = instance.dynamicFilters;
                            model.ReportId = Number($("#txt_reportid").val());
                            model.ReportName = String($("#txt_reportname").val());
                            model.DisplayName = String($("#txt_displayname").val());
                            model.ReportTypeId = instance.reportType;
                            model.DataListId = instance.DataListId;
                            model.Description = '';
                            model.ReportGroupId = Number($("#RptGroup_AutoComplete").val());
                            model.ReportColumns = instance.ReportColumns;
                            model.ChartColumns = instance.ChartColumns;
                            model.RoleSettings = instance.roleSettings;
                            model.EditFilters = null;
                            model.StaticFilter = instance.queryBuilderJson;
                            model.SortColumns = JSON.stringify(SortArry);
                            model.TopRecords = Number($("#txt_totalrecords").val());
                            model.Parameters = String($("#txt_dynamicparameters").val()).trim();
                            model.ChartTypeId = instance._chartBuilder.ChartTypeId;
                            model.DateColumn = String($("#DateColumnDropDown").val());
                            model.UniqueId = uniqueId;
                            model.ViewerId = instance.ViewerId;
                            model.ViewerTypeId = instance.ViewerTypeId;
                            model.OnClick = String($("#txt_onclick").val());
                            model.InstalledAppId = isNaN(Number($("#InstalledApp_AutoComplete option:selected").val())) == true ? 0 : Number($("#InstalledApp_AutoComplete option:selected").val());
                            model.IsNotification = instance.IsNotification;
                            model.TableTypeId = Number($("#tableTypeSelect").val());
                            model.DisplayName = String($("#txt_displayname").val());
                            model.IsLegend = instance._chartBuilder.displayLegend;
                            model.LegendTypeId = isNaN(Number($("#legend-select").val())) == true ? 0 : Number($("#legend-select").val());
                            model.IsInternalReport = instance.IsInternalReport;
                            model.IsPivotTree = instance.IsPivotTree;
                            model.PivotValue = (instance.pivot.PivotValue_Selected) ? Number(instance.pivot.PivotValue_Selected) : 0;
                            model.IsEnableCount = instance.enableCount;
                            model.IsEnableGlobalDatepicker = instance.enableGlobalDatepicker;
                            model.PaletteId = instance.paletteId;
                            model.ColorAppliedTypeId = instance._chartBuilder.colorAppliedOn;
                            model.PivotTypeId = instance._pivot.pivotTypeId;
                            model.TimeInterval = instance.Interval;
                            model.ConnectedApps = connectedApps;
                            model.LinkReportId = instance.linkReportId;
                            model.IsTreeExpand = instance._pivot.isDataTreeExpand;
                            model.ReportIndex = 0;
                            model.ViewAll = instance.viewAll;
                            model.ConnectedReports = connectedReports;
                            model.LegendTitleTypeId = instance._chartBuilder.legendTitleTypeId;
                            model.ChartBaseValue = baseValue === undefined ? 0 : Number(baseValue);
                            model.FromDate = fromDate;
                            model.ToDate = toDate;
                            model.EnablePivotTableConfig = instance.enablePivotTableConfig;
                            model.Js = String($("#txt_js").val());
                            model.PinDynamicFilters = instance.pinDynamicFilters;
                            model.IsDataLabel = $("#isdatalabel").prop("checked");
                            model.IsTooltipHeader = $("#showtooltipheader_checkbox").prop("checked");
                            model.ShowDataListColsOnDynFil = instance.showDynamicFilters;
                            model.TickLabelLength = instance._chartBuilder.tickLabelLength;
                            instance.reportManager.saveReport(model).then(function (response) {
                                instance.navigationHelper.hideLoading();
                                if (response.status == Unibase.Data.Status.Error) {
                                    MessageHelper.Instance().showError(response.message, 'divReport_ErrorMessage');
                                    $('#save_as_modal #divReport_ErrorMessage #Bizgaze-messageInfo').addClass('btn mx-4 my-3');
                                    $('#save_as_modal #divReport_ErrorMessage #Bizgaze-messageInfo').css('border-radius', '.25rem');
                                }
                                else {
                                    MessageHelper.Instance().showSuccess(response.message, '');
                                    $('#' + containerid).modal('hide');
                                    $('#' + containerid).remove();
                                    instance._chartBuilder.clearSelectedChartFields();
                                    instance.clearSelectedTableFields();
                                    instance.querybuilderCheckboxes = [];
                                    var res = JSON.parse(response.result);
                                    if (reportid != 0 && !instance.isReportWidget) {
                                        const lastContainerId = instance.lastContainerId;
                                        $(`#${lastContainerId}`).modal("hide");
                                        $(`#${lastContainerId}`).remove();
                                        if (lastContainerId.includes('_viewall') || lastContainerId.includes('_ViewAllByUniqueId_') || lastContainerId.includes('fullscreen') || lastContainerId.includes('_linkedreport_')) {
                                            Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance.filter(instance => instance.childcontainerid !== lastContainerId);
                                            instance._reportViewer.report_ViewAll(reportid, 0, lastContainerId, null);
                                            if (lastContainerId.includes('fullscreen') && lastContainerId.includes('div_dashboardportletwidget')) {
                                                const widgetContainerId = lastContainerId.replace('fullscreen_', '');
                                                instance.reloadDashboardPortletWidget(widgetContainerId);
                                            }
                                        }
                                        else {
                                            instance._reportViewer.InstalledAppId = res.InstalledAppId;
                                            instance.navigationHelper.popin(res.ReportId, "", instance._reportViewer, null);
                                        }
                                    }
                                    else if (instance.isReportWidget) {
                                        instance.reloadReportWidget(instance.reportWidgetType);
                                        if (instance.reportWidgetType == 'portlet' && instance.lastContainerId) {
                                            $("#" + instance.lastContainerId).modal("hide");
                                            $("#" + instance.lastContainerId).remove();
                                            instance._reportViewer.report_ViewAll(0, 0, 0, null);
                                        }
                                    }
                                }
                            });
                        }
                    }
                    reloadDashboardPortletWidget(widgetContainerId) {
                        const instance = this;
                        const containerId = widgetContainerId ? widgetContainerId : instance.lastContainerId;
                        const widgetItem = $(`#${containerId}`).closest('.dashboardwidget-item');
                        const widgetId = Number($(`#${containerId}`).closest('.dashboardwidget-item').find('#hf_widgetId').val());
                        const portletwidgetid = Number(widgetItem.find('#hf_portletwidgetId').val());
                        Unibase.Themes.Compact.Components.ReportWidgets.Default.Instance().getReportWidget(portletwidgetid, widgetId, containerId, [], [], false, 0, false);
                    }
                    reloadReportWidget(widgetType) {
                        const instance = this;
                        if (widgetType == 'dashboard') {
                            instance.reloadDashboardPortletWidget();
                        }
                        else if (widgetType == 'portlet') {
                            $('._bizgaze_detail_container:visible').find('#layout-detail-tabs .tab-item a.active').trigger('click');
                        }
                    }
                    clearSelectedTableFields() {
                        var instance = this;
                        instance.datalistColumnsResponseData = [];
                        instance.selectedColumns = [];
                        instance.ReportColumns = [];
                        instance.SortColumns = [];
                        instance.stringifyed_SortColumns = "";
                        instance.queryBuilderJson = "";
                        instance.reportGroupId = 0;
                        instance.reportType = 1;
                        instance.Categories = [];
                        instance.dynamicFilters = [];
                        instance.roleSettings = [];
                        instance.TenureReport = [];
                        instance.subreporttabledata = [];
                        instance.subreportdata = [];
                        instance.dataTreeRowExpandedColumn = [];
                        instance.Edit_BindData = false;
                        instance.isEdit = false;
                        instance._pivot.pivotTypeId = 0;
                        instance.IsInternalReport = true;
                    }
                    defaultReportGroup() {
                        var instance = this;
                        if (instance.IsInternalReport) {
                            let groupName = "InternalGroup";
                            instance.reportManager.getReportGroupByName(groupName).then(function (grpresponse) {
                                if (grpresponse.result == "") {
                                    let model = new Unibase.Platform.Analytics.Reports.Requests.ReportGroup();
                                    model.GroupName = groupName;
                                    instance.reportManager.saveReportGroup(model).then(function (response) {
                                        if (response.result != null) {
                                            let res = JSON.parse(response.result);
                                            instance.reportGroupId = res.ReportGroupId;
                                            $("#RptGroup_AutoComplete").append("<option selected value=" + res.ReportGroupId + ">" + res.GroupName + "</option>");
                                        }
                                    });
                                }
                                else {
                                    instance.reportGroupId = grpresponse.result.ReportGroupId;
                                    $("#RptGroup_AutoComplete").append("<option selected value=" + grpresponse.result.ReportGroupId + ">" + grpresponse.result.GroupName + "</option>");
                                }
                            });
                        }
                        else {
                            $('#RptGroup_AutoComplete').removeAttr('disabled');
                        }
                    }
                    closeReportBuilder(containerid, reportid) {
                        var instance = this;
                        instance._chartBuilder.clearSelectedChartFields();
                        instance.clearSelectedTableFields();
                        $('#' + containerid).modal('hide');
                        $('#' + containerid).remove();
                    }
                    loadreportviewerdata(reportid) {
                        var instance = this;
                        instance.isEdit = true;
                        instance.loadDynmaicFilters(reportid);
                        instance.bindReportData(reportid);
                    }
                    loadDynmaicFilters(reportid) {
                        var instance = this;
                        instance.reportManager.getDynamicFilters(reportid).then(function (response) {
                            instance.dynamicFilters = [];
                            for (let i = 0; i < response.length; i++) {
                                var data = response.find(d => d.Index == i);
                                if (data != undefined) {
                                    var model = new DynamicFilterModel();
                                    model.DynamicFilterId = data.DynamicFilterId;
                                    model.IsFilterableColumn = data.IsFilterableColumn.trim();
                                    model.DataListId = Number(data.DatalistId);
                                    model.DataListName = data.DataListName != null ? (data.DataListName).toString() : null;
                                    model.ReportId = data.ReportId;
                                    model.MappedColumn = data.MappedColumn;
                                    model.TextColumn = data.TextColumn != null ? data.TextColumn : null;
                                    model.ValueColumn = data.TextColumn != null ? data.ValueColumn : null;
                                    model.Index = data.Index;
                                    model.ControlTypeId = data.ControlTypeId;
                                    model.DataType = data.DataType;
                                    model.DisplayName = data.DisplayName;
                                    model.IsPartition = data.IsPartition;
                                    model.FontCaseTypeId = data.FontCaseTypeId;
                                    model.IsDefault = data.IsDefault;
                                    model.IsUnLimited = data.IsUnLimited;
                                    model.IsRequired = data.IsRequired;
                                    model.ParentColumn = data.ParentColumn;
                                    model.ApplyFor = data.ApplyFor;
                                    model.IsCustomFilter = data.IsCustomFilter;
                                    model.ReplaceExistingDates = data.ReplaceExistingDates;
                                    model.DateRangeTypeId = data.DateRangeTypeId;
                                    instance.dynamicFilters.push(model);
                                    Unibase.Platform.Analytics.Reports.DynamicFilter.Instance().dynamicFilters = instance.dynamicFilters;
                                    let html = instance._reportBuilderTemplate.loadDynamicFilterColumn(Number(model.DynamicFilterId), model.IsFilterableColumn, '');
                                    $("#dynamic-list-group-wrapper").append(html);
                                    if (data.DataType == Unibase.Platform.Analytics.Reports.Enums.DataType.dateTime) {
                                    }
                                    if (data.IsPartition)
                                        $("#chk_ispartition_" + data.IsFilterableColumn.trim()).prop("checked", true);
                                    if (data.IsUnLimited)
                                        $('#isunlimited_checkbox').prop('checked', true);
                                    else
                                        $('#isunlimited_checkbox').prop('checked', false);
                                    Unibase.Platform.Analytics.Reports.DynamicFilter.Instance().sortDynamicFilter(model);
                                }
                            }
                        });
                    }
                    bindReportData(reportid) {
                        var instance = this;
                        var reportObj = {
                            ReportId: reportid,
                            IsEditReport: true
                        };
                        instance.reportManager.getReportInfo(reportObj).then(function (response) {
                            return __awaiter(this, void 0, void 0, function* () {
                                if (response.status == Unibase.Data.Status.Error) {
                                    return MessageHelper.Instance().showError(response.message, 'div_ReportBuilderErrorMessage');
                                }
                                var res = response.result.ReportInfo;
                                instance.DataListId = res.DataListId;
                                instance.DataSourceId = res.DataSourceId;
                                instance.topRecords = res.TopRecords;
                                yield instance.loadDataListColumns(res.DataListId, null, false, false, instance.DataSourceId);
                                instance.initiateDataListSearch();
                                instance._chartBuilder.isDataLabel = response.result.ReportInfo.IsDataLabel;
                                instance.pinDynamicFilters = res.PinDynamicFilters;
                                if (res.appDependents != null) {
                                    let dependecyapps = [];
                                    if (res.appDependents.length) {
                                        for (let i = 0; i < res.appDependents.length; i++) {
                                            dependecyapps.push(res.appDependents[i].InstalledAppId);
                                        }
                                        $("#dependecyapps").val(dependecyapps).trigger("change");
                                    }
                                }
                                $("#txt_reportid").val(res.ReportId);
                                if (instance.isduplicate != true) {
                                    $("#txt_reportname").val(res.ReportName);
                                    $("#txt_reportname").attr("disabled", "disabled");
                                }
                                if (res.SearchColumns != null) {
                                    instance.SearchColumns = res.SearchColumns;
                                }
                                $("#header_datalist_name").text(res.DataListName);
                                $("#txt_totalrecords").val(res.TopRecords);
                                $("#txt_onclick").val(res.Onclick);
                                $("#txt_js").val(res.Js);
                                $("#pindynamicfilters_checkbox").prop("checked", res.PinDynamicFilters);
                                if (res.ShowDataListColsOnDynFil)
                                    $("#showdatalistcolumns_checkbox").trigger("click");
                                if (res.Js) {
                                    instance.Js = res.Js;
                                }
                                if (res.InstalledAppId != 0) {
                                    $("#InstalledApp_AutoComplete").append(`<option value="` + res.InstalledAppId + `">` + res.AppTitle + `</option>`);
                                    $("#InstalledApp_AutoComplete").val(res.InstalledAppId).trigger("change");
                                }
                                if (res.ConnectedApps) {
                                    let connectApps = res.ConnectedApps.split("|");
                                    $("#connectedapps").val(connectApps).trigger("change");
                                }
                                if (res.ConnectedReports) {
                                    let connectedReports = res.ConnectedReports.split("|");
                                    for (var i = 0; i < connectedReports.length; i++) {
                                        yield Unibase.Platform.Analytics.Managers.ReportManager.Instance().getReportByUniqueIdEncoded(btoa(connectedReports[i])).then((res) => {
                                            if (res.result && res.status == Unibase.Data.Status.Success) {
                                                let option = new Option(res.result.ReportName, connectedReports[i], true);
                                                $("#connectedreports").append(option);
                                            }
                                        });
                                    }
                                    ;
                                    $("#connectedreports").val(connectedReports).trigger("change");
                                }
                                if (res.IsNotification) {
                                    $(".chkNotification").attr("checked", "checked");
                                }
                                instance.Interval = res.TimeInterval;
                                if (!res.IsInternalReport) {
                                    instance.IsInternalReport = false;
                                    $('#internalreport_checkbox').prop('checked', false);
                                }
                                else {
                                    instance.IsInternalReport = true;
                                    $('#internalreport_checkbox').prop('checked', true);
                                }
                                if (!res.IsEnableCount) {
                                    instance.enableCount = false;
                                    $('#count_checkbox').prop('checked', false);
                                }
                                else {
                                    instance.enableCount = true;
                                    $('#count_checkbox').prop('checked', true);
                                }
                                if (!res.IsEnableGlobalDatepicker) {
                                    instance.enableGlobalDatepicker = false;
                                    $('#enableglobaldatepicker_checkbox').prop('checked', false);
                                }
                                else {
                                    instance.enableGlobalDatepicker = true;
                                    $('#enableglobaldatepicker_checkbox').prop('checked', true);
                                }
                                Unibase.Platform.Analytics.Components.LinkReport.Instance().linkreportid = res.LinkReportId;
                                instance.reportGroupId = res.ReportGroupId;
                                $("#RptGroup_AutoComplete").append(`<option value="` + res.ReportGroupId + `">` + res.GroupName + `</option>`);
                                $("#RptGroup_AutoComplete").val(res.ReportGroupId).trigger("change");
                                $("#txt_displayname").val(res.DisplayName);
                                $("#tableTypeSelect").val(res.TableTypeId);
                                $('#chkPivotTableConfig_checkbox').prop('checked', res.EnablePivotTableConfig);
                                $('#chktreeexpand_checkbox').prop('checked', res.IsTreeExpand);
                                instance.enablePivotTableConfig = res.EnablePivotTableConfig;
                                instance._pivot.isDataTreeExpand = res.IsTreeExpand;
                                instance.IsPivotTree = res.IsPivotTree;
                                instance._pivot.pivotTypeId = res.PivotTypeId;
                                instance._pivot.intervals = res.TimeInterval;
                                instance._chartBuilder.displayLegend = res.IsLegend;
                                instance._chartBuilder.tickLabelLength = res.TickLabelLength;
                                instance._pivot.selectedpivotType(res.PivotTypeId);
                                if (res.StaticFilter != null) {
                                    instance.queryBuilderJson = res.StaticFilter;
                                }
                                instance.ViewerTypeId = res.ViewerTypeId;
                                instance.ViewerId = res.ViewerId;
                                if (res.SortColumns != null) {
                                    instance.stringifyed_SortColumns = res.SortColumns;
                                    var sortCols = JSON.parse(res.SortColumns);
                                    for (var sc = 0; sc < sortCols.length; sc++) {
                                        let sortcol = sortCols[sc];
                                        instance.SortColumns.push({ DisplayText: sortcol.Name, SortOrder: sortcol.Order, SortIndex: sc });
                                        var rptCols;
                                        if (res.DataSourceId == Number(Unibase.Platform.DataSources.Enums.DataSource.MongoDB)) {
                                            rptCols = res.ReportColumns.find(s => s.AliasName.toLowerCase() == sortcol.Name.toLowerCase());
                                        }
                                        else {
                                            rptCols = res.ReportColumns.find(s => s.AliasName.toLowerCase() == sortcol.Name);
                                        }
                                        var html = instance._reportBuilderTemplate.loadSortSelect2Column(rptCols.ColumnValue, rptCols.AliasName, rptCols.DataType);
                                        $("#sort_selected_columns").append(html);
                                        if (instance.SortColumns[0].SortOrder == "Desc") {
                                            $("#dsl_column_" + sortcol.DisplayText + " .sort-icon").addClass('la-sort-down');
                                            $("#dsl_column_" + sortcol.DisplayText + " .sort-icon").removeClass('la-sort-up');
                                        }
                                        else {
                                            $("#dsl_column_" + sortcol.DisplayText + " .sort-icon").removeClass('la-sort-down');
                                            $("#dsl_column_" + sortcol.DisplayText + " .sort-icon").addClass('la-sort-up');
                                        }
                                        instance.setSelectOption("sortColumns_select");
                                        instance._sortColumns();
                                    }
                                }
                                instance.roleSettings = res.RoleSettings ? res.RoleSettings : [];
                                if (!res.LegendTitleTypeId)
                                    res.LegendTitleTypeId = Unibase.Platform.Analytics.Enums.LegendTitleType.Column;
                                if (res.LegendTitleTypeId == Unibase.Platform.Analytics.Enums.LegendTitleType.Column) {
                                    $("#lagendtypecolumn").prop("checked", true);
                                    instance._chartBuilder.legendTitleTypeId = Unibase.Platform.Analytics.Enums.LegendTitleType.Column;
                                }
                                else {
                                    $("#lagendtypedata").prop("checked", true);
                                    instance._chartBuilder.legendTitleTypeId = Unibase.Platform.Analytics.Enums.LegendTitleType.Data;
                                }
                                instance._chartBuilder.chartBaseValue = res.ChartBaseValue;
                                instance.viewAll = res.ViewAll;
                                if (res.LinkReportId) {
                                    instance.linkReportId = res.LinkReportId;
                                }
                                instance.res = res;
                                let id = "";
                                id = res.ReportTypeId == Unibase.Platform.Analytics.Reports.Enums.ReportType.Table ? 'fa fa-table' : 'fa fa-bar-chart-o';
                                instance.reportTypeChange(id);
                                if (res.ReportTypeId == Unibase.Platform.Analytics.Reports.Enums.ReportType.Table) {
                                    yield instance.bindTableData(res.ReportColumns, reportid);
                                    instance.reportType = res.ReportTypeId;
                                    $("#no_of_records").closest(".card").first().addClass("hidden");
                                }
                                else {
                                    instance._chartBuilder.ChartTypeId = res.ChartTypeId;
                                    instance.reportType = res.ReportTypeId;
                                    $("#ReportTypeChart").find('i').toggleClass('fa-table fa-bar-chart-o');
                                    instance._reportBuilderTemplate.loadChartSideBar();
                                    instance._chartBuilder.sortTooltipColumnsEvent();
                                    instance._chartBuilder.loadReportTypeChart('fa fa-bar-chart-o');
                                    $('#tabulatorReportbuilder').addClass('contains-chartview');
                                    if (res.ColorAppliedTypeId == Unibase.Platform.Analytics.Enums.ColorType.column) {
                                        $("#columnRadio").prop("checked", true);
                                        instance._chartBuilder.colorAppliedOn = Unibase.Platform.Analytics.Enums.ColorType.column;
                                    }
                                    else {
                                        $("#rowRadio").prop("checked", true);
                                        instance._chartBuilder.colorAppliedOn = Unibase.Platform.Analytics.Enums.ColorType.row;
                                    }
                                    instance._chartBuilder.ChartSelectedColumns = res.ChartColumns;
                                    instance._chartBuilder.bindChartColumns(res.ChartColumns);
                                    instance._chartBuilder.prepareAndBindToolTipColumns(res.ChartColumns);
                                    instance.paletteId = res.PaletteId;
                                    const indexInstance = Unibase.Themes.Compact.Components.Index.Instance();
                                    if (instance.paletteId !== 0 || indexInstance.currentTheme.paletteId) {
                                        let paletteId = instance.paletteId;
                                        if (!paletteId) {
                                            instance._chartBuilder.paletteColors.push(...indexInstance.themePalette);
                                        }
                                        else {
                                            instance._chartBuilder.getpaletteColors(paletteId, false);
                                        }
                                    }
                                    $("#legend-select").val(res.LegendTypeId);
                                    instance._chartBuilder.loadSelectedLegend(res.LegendTypeId, false);
                                    instance.bindTableData(res.ReportColumns, reportid);
                                }
                                instance.loadAllDataListColumns();
                                instance.loadSelectedDataListColumns();
                                instance._chartBuilder.loadSearchSelect2();
                                instance._chartBuilder.loadSortColumnsSelect2();
                                instance._chartBuilder.loadDynamicFilterSelect(instance.showDynamicFilters);
                                instance._chartBuilder.loadCategoriesSelect2();
                            });
                        });
                    }
                    bindTableData(reportColumns, reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            var instance = this;
                            if (reportColumns && reportColumns.length) {
                                reportColumns = reportColumns.sort((x, y) => x.ColumnIndex - y.ColumnIndex);
                            }
                            var data = reportColumns;
                            instance.pivot.ColumnName = "";
                            var pivotChildCol = data.filter(c => c.IsPivotChildColumn == true);
                            var pivotParentCol = data.filter(c => c.IsPivotParentColumn == true);
                            var groupby = [];
                            var categories = [];
                            var categories_text = [];
                            var searchcolumns = instance.SearchColumns.split('|');
                            for (var i = 0; i < data.length; i++) {
                                var selCol = new SelectedColumns();
                                selCol.ReportColumnId = data[i].ReportColumnId;
                                selCol.ColumnId = data[i].ColumnValue;
                                selCol.ColumnName = data[i].ReportColumnName;
                                selCol.AliasName = data[i].AliasName;
                                selCol.DataListColumnName = data[i].DataListColumnName;
                                selCol.DlColumnName = data[i].DlColumnName;
                                selCol.DataType = data[i].DataType;
                                selCol.GroupBy = data[i].GroupBy;
                                selCol.Aggregation = data[i].AggrFuncId;
                                selCol.SortOrder = data[i].SortType;
                                selCol.Isvisible = data[i].Isvisible;
                                selCol.SortIndex = data[i].SortIndex;
                                selCol.DisplayText = data[i].DisplayText;
                                selCol.IsFilterable = data[i].IsFilterable;
                                selCol.IsPrimaryKey = data[i].IsPrimaryKey;
                                selCol.IsContactColumn = data[i].IsContactColumn;
                                selCol.ColumnIndex = data[i].ColumnIndex;
                                selCol.GroupByCategory = data[i].GroupByCategory;
                                selCol.DistinctOn = data[i].DistinctOn;
                                selCol.IsPivotColumn = data[i].IsPivotColumn;
                                selCol.IsPivotAggrColumn = data[i].IsPivotAggrColumn;
                                selCol.IsPivotTableCol = data[i].IsPivotTableCol;
                                selCol.IsDownload = data[i].IsDownload;
                                selCol.TableAggrTypeId = data[i].TableAggrTypeId;
                                selCol.IsNumFormatting = data[i].IsNumFormatting;
                                selCol.IsRowTotal = data[i].IsRowTotal;
                                selCol.IsImageUrl = data[i].IsImageUrl;
                                selCol.PivotTableAggrTypeId = data[i].PivotTableAggrTypeId;
                                selCol.ColumnFormat = data[i].ColumnFormat;
                                if (data[i].Width != 0) {
                                    selCol.Width = data[i].Width;
                                }
                                selCol.IsDragged = true;
                                if (data[i].GroupBy == true) {
                                    groupby.push(data[i].ColumnValue);
                                }
                                if (data[i].GroupByCategory == true) {
                                    categories.push(data[i].ColumnValue);
                                    categories_text.push({ id: data[i].ColumnValue, text: data[i].ReportColumnName });
                                }
                                if (data[i].IsFilterable) {
                                    $("#DropDown_IsFilterable_" + data[i].AliasName).removeClass('hidden');
                                }
                                else {
                                    $("#DropDown_IsFilterable_" + data[i].AliasName).addClass('hidden');
                                }
                                if (data[i].IsPrimaryKey) {
                                    $("#DropDown_IsPrimaryKey_" + data[i].AliasName).removeClass('hidden');
                                }
                                else {
                                    $("#DropDown_IsPrimaryKey_" + data[i].AliasName).addClass('hidden');
                                }
                                if (data[i].IsContactColumn) {
                                    $("#DropDown_IsContactColumn_" + data[i].AliasName).removeClass('hidden');
                                }
                                else {
                                    $("#DropDown_IsContactColumn_" + data[i].AliasName).addClass('hidden');
                                }
                                instance._selectedColumns(selCol);
                                if (selCol.GroupByCategory) {
                                    var html = instance._reportBuilderTemplate.loadSelect2Column(selCol.ColumnId, selCol.AliasName, selCol.DataType);
                                    $("#categories_selected_columns").append(html);
                                    instance.setSelectOption("categories_select");
                                }
                                if (data[i].TimeInterval != "" && data[i].TimeInterval != null) {
                                    instance.TenureReport[data[i].ReportColumnName] = {
                                        TimeInterval: data[i].TimeInterval
                                    };
                                    instance.TenureReport.length = instance.TenureReport.length + 1;
                                }
                                if (data[i].IsPivotColumn) {
                                    instance.pivot.ColumnName = data[i].ReportColumnName;
                                    yield instance.getDistinctData(0, data[i].ReportColumnName, data[i].PivotDateType);
                                }
                                if (data[i].IsPivotAggrColumn) {
                                    instance.pivot.AggColumnName = data[i].ReportColumnName;
                                    instance.pivot.AggFuncId = data[i].AggrFuncId;
                                }
                                if (data[i].PivotDateType != "") {
                                    instance.pivot.DateType = data[i].PivotDateType;
                                }
                                if (data[i].IsPivotChildColumn) {
                                    instance.pivot.ChildColumnName = pivotChildCol[0].ReportColumnName;
                                    instance.pivot.ChildColumnValue = data[i].PivotValue;
                                    instance.pivot.PivotValue_Selected = data[i].PivotValue;
                                    instance.pivot.ParentColumnName = pivotParentCol[0].ReportColumnName;
                                }
                            }
                            instance.Categories = categories_text;
                            instance._chartBuilder.select2DataBinding("");
                            if (instance._pivot.pivotTypeId == Unibase.Platform.Analytics.Reports.Enums.PivotType.PivotTable) {
                                yield instance._pivot.loadPivotTable(instance.table);
                                instance.getSubReports(reportid);
                                instance.navigationHelper.hideLoading();
                            }
                            else {
                                yield instance.load_data(instance.table);
                            }
                            if (instance.TenureReport.length != 0) {
                                Unibase.Platform.Analytics.Reports.Tenure.Instance().CheckedTenure();
                                instance._chartBuilder.tenureChart('myChart', instance.reportid);
                            }
                            if (instance.reportType == Unibase.Platform.Analytics.Reports.Enums.ReportType.Chart) {
                                if (instance.pivot.ColumnName) {
                                    instance._chartBuilder.chartType('myChart');
                                }
                            }
                            var SearchCols = [];
                            for (var s = 0; s < searchcolumns.length; s++) {
                                if (searchcolumns[s] != "") {
                                    let SearchCol_Index = instance.datalistColumnsResponseData.findIndex(x => x.ColumnName == searchcolumns[s]);
                                    if (SearchCol_Index != -1) {
                                        var col = instance.datalistColumnsResponseData[SearchCol_Index].ColumnId;
                                        SearchCols.push(col);
                                    }
                                }
                            }
                            $("#searchcolumns").val(SearchCols).trigger("change");
                        });
                    }
                    addParameter() {
                        let parameterHtml = "";
                        let parameterDropdownHtml = "";
                        let elementNumber = this.parameterNumber;
                        parameterHtml += `<div class="custom-control custom-radio adj-drawer-open" data-target="para_${elementNumber}">
                            <input type="radio" id="customRadio${elementNumber}" name="customRadio" class="custom-control-input">
                                <label class="custom-control-label d-flex justify-content-between" for="customRadio${elementNumber}"> Parameter ${elementNumber} <a class="btn btn-xs btn-icon btn-flush-dark btn-rounded flush-soft-hover float-right" href="javascript:;" onclick="Unibase.Platform.Analytics.Reports.ReportBuilder.Instance().removeSelectParameter('para_${elementNumber}')"><span class="btn-icon-wrap"><span class="line-icon"><i class="las la-times font-16"></i></span></span></a></label>
                                    </div>`;
                        $("#parameter-options").append(parameterHtml);
                        parameterDropdownHtml += `<div id="para_${elementNumber}" class="biz-mini-adj-drawer">
															<header>
																<h6>Parameter ${elementNumber}</h6>
																<span class="close btn-mini-drawer-close"></span>
															</header>
															<div class="drawer-body">
																<div class="nicescroll-bar">
																	<p>All option related to parameter will be listed here</p>
																</div>
															</div>
															<footer>
																<a href="#" class="btn btn-light btn-mini-drawer-close mr-10">clear</a>
																<a href="#" class="btn btn-theme btn-mini-drawer-close">save</a>
															</footer>
														</div>`;
                        $("#parameter-dropdown").append(parameterDropdownHtml);
                        let para = `para_${elementNumber}`;
                        let obj = { paraId: para };
                        this.parameterArray.push(obj);
                        this.parameterNumber++;
                    }
                    removeSelectParameter(paraId) {
                        var instance = this;
                        for (var i = 0; i < instance.parameterArray.length; i++)
                            if (instance.parameterArray[i].paraId === paraId) {
                                instance.parameterArray.splice(i, 1);
                                $("#parameter-options").find('[data-target = ' + paraId + ']').remove();
                                $("#parameter-dropdown").find('#' + paraId).remove();
                                break;
                            }
                    }
                    error(name) {
                        return MessageHelper.Instance().showError('Column -"' + name + '" Already Exists. Please change display text and try again', 'div_ReportBuilderErrorMessage');
                    }
                    isNotificationCheck() {
                        var instance = this;
                        var tenantindex = instance.selectedColumns.findIndex(x => x.ColumnName == "tenantid");
                        var versionguidindex = instance.selectedColumns.findIndex(x => x.ColumnName == "versionguid");
                        if ($('#notification_checkbox').prop('checked') == true) {
                            if (tenantindex == -1) {
                                let tenantcol = instance.datalistColumnsResponseData.find(d => d.ColumnName == "tenantid");
                                if (tenantcol) {
                                    tenantcol.Isvisible = true;
                                    instance._selectedColumns(tenantcol);
                                }
                                else {
                                    $('#notification_checkbox').prop('checked', false);
                                    return MessageHelper.Instance().showError("tenantid Column doesn't exist", "div_ReportBuilderErrorMessage");
                                }
                                if (versionguidindex > -1)
                                    instance.load_data(instance.table);
                            }
                            if (versionguidindex == -1) {
                                let versionguidcol = instance.datalistColumnsResponseData.find(d => d.ColumnName == "versionguid");
                                if (versionguidcol) {
                                    versionguidcol.Isvisible = true;
                                    instance._selectedColumns(versionguidcol);
                                }
                                else {
                                    $('#notification_checkbox').prop('checked', false);
                                    return MessageHelper.Instance().showError("versionguid Column doesn't exist", "div_ReportBuilderErrorMessage");
                                }
                                if (tenantindex > -1)
                                    instance.load_data(instance.table);
                            }
                            instance.IsNotification = true;
                        }
                        else {
                            instance.IsNotification = false;
                            if (tenantindex > -1)
                                instance.selectedColumns.splice(tenantindex);
                            if (versionguidindex > -1)
                                instance.selectedColumns.splice(versionguidindex);
                            return instance.load_data(instance.table);
                        }
                        if (tenantindex == -1 && versionguidindex == -1 || tenantindex > -1 && versionguidindex > -1)
                            instance.load_data(instance.table);
                    }
                    getSelectedColumns_Select2_Data() {
                        let data = [{ id: "0", text: "- Select Columns -" }];
                        for (var i = 0; i < this.selectedColumns.length; i++) {
                            data.push({ id: this.selectedColumns[i].ColumnId, text: this.selectedColumns[i].AliasName });
                        }
                        return data;
                    }
                    getSelectedColumns_Select2_Data_AliasName_As_TextValue() {
                        let data = [{ id: "0", text: "- Select Columns -" }];
                        for (var i = 0; i < this.selectedColumns.length; i++) {
                            data.push({ id: this.selectedColumns[i].AliasName, text: this.selectedColumns[i].AliasName });
                        }
                        return data;
                    }
                    getSelect2DataForDynamicFiltersDatalistColumns() {
                        let data = [{ id: "0", text: "- Select Columns -" }];
                        for (var i = 0; i < this.datalistColumnsResponseData.length; i++) {
                            data.push({ id: this.datalistColumnsResponseData[i].ColumnId, text: this.datalistColumnsResponseData[i].AliasName });
                        }
                        return data;
                    }
                    bindSearchColumns() {
                        var searchcolumns = this.SearchColumns.split('|');
                        var SearchCols = [];
                        for (var s = 0; s < searchcolumns.length; s++) {
                            if (searchcolumns[s] != "") {
                                let SearchCol_Index = this.selectedColumns.findIndex(x => x.AliasName == searchcolumns[s]);
                                if (SearchCol_Index != -1) {
                                    var col = this.selectedColumns[SearchCol_Index].ColumnId;
                                    SearchCols.push(col);
                                }
                            }
                        }
                        $("#searchcolumns").val(searchcolumns).trigger("change");
                    }
                    changeDisplayname() {
                        $("#txt_displayname").val($("#txt_reportname").val());
                    }
                    getSortColumnsStringify() {
                        let SortArry = [];
                        for (var i = 0; i < this.SortColumns.length; i++) {
                            var col = this.SortColumns.find(x => x.SortIndex == i);
                            if (col)
                                SortArry.push({ Name: col.DisplayText, Order: col.SortOrder });
                        }
                        return SortArry.length ? JSON.stringify(SortArry) : "";
                    }
                    bindConnectedReportsSelect2(id) {
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/reportsautocompletevalueasuniqueid';
                        AutoCompleteHelper.getHelper().Create(id, "hfReportAutoComplete", url, null);
                    }
                    removeAndUpdateStringfiedSortColumns(AliasName) {
                        let index = this.SortColumns.findIndex(i => i.DisplayText === AliasName);
                        if (index != -1) {
                            this.SortColumns.splice(index, 1);
                            let item = `#sort_selected_columns #dsl_column_${AliasName}`;
                            $(item).remove();
                            this.stringifyed_SortColumns = this.getSortColumnsStringify();
                        }
                    }
                    isDownload(columnId, aliasName) {
                        var instance = this;
                        let index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        if (index > -1) {
                            if ($("#isDownload_" + columnId).prop("checked") == true) {
                                instance.selectedColumns[index].IsDownload = true;
                            }
                            else {
                                instance.selectedColumns[index].IsDownload = false;
                            }
                        }
                    }
                    isNumFormatting(columnId, aliasName) {
                        var instance = this;
                        let index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        if (index > -1) {
                            if ($("#isNumFormatting_" + columnId).prop("checked") == true) {
                                instance.selectedColumns[index].IsNumFormatting = true;
                            }
                            else {
                                instance.selectedColumns[index].IsNumFormatting = false;
                            }
                        }
                    }
                    isRowTotal(columnId, aliasName) {
                        var instance = this;
                        let index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        if (index > -1) {
                            if ($("#isRowTotal_" + columnId).prop("checked") == true) {
                                instance.selectedColumns[index].IsRowTotal = true;
                            }
                            else {
                                instance.selectedColumns[index].IsRowTotal = false;
                            }
                        }
                    }
                    isImageUrl(columnId, aliasName) {
                        var instance = this;
                        let index = instance.getIndexByAliasName_selectedColumnsArray(aliasName);
                        if (index > -1) {
                            if ($("#isimageurl_" + columnId).prop("checked") == true) {
                                instance.selectedColumns[index].IsImageUrl = true;
                            }
                            else {
                                instance.selectedColumns[index].IsImageUrl = false;
                            }
                        }
                    }
                    updateDynamicFilterIndex() {
                        $("#dynamic-list-group-wrapper").children().each((i, e) => {
                            let colAliasName = $(e).data("isfilterablecolumn");
                            if (colAliasName) {
                                let idx = this.dynamicFilters.findIndex(x => x.IsFilterableColumn == colAliasName);
                                if (idx != -1) {
                                    this.dynamicFilters[idx].Index = i;
                                }
                            }
                        });
                    }
                    static Instance() {
                        if (this.rb_instance === undefined) {
                            this.rb_instance = new ReportBuilder();
                        }
                        return this.rb_instance;
                    }
                }
                Reports.ReportBuilder = ReportBuilder;
            })(Reports = Analytics.Reports || (Analytics.Reports = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Managers;
            (function (Managers) {
                class ReportManager extends Platform.Core.BaseManager {
                    updatecolumns(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/datalistcolumnstring/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getViewableReports() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/viewablereportgroups';
                            var groups;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getViewableReportsByparentgroupid(parentid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/viewablereportgroupswithparent/' + parentid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getReportGroupById(reportgroupid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/reportgroup/reportgroupid/' + reportgroupid;
                            var groups;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getReportGroupByName(groupname) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/reportgroupname/reportgroupname/' + groupname;
                            var groups;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null && response.result !== "")
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    saveReportGroup(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/savereportgroup';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    exportGroupreports(reportgroupid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/exportgroupreports/reportgroupid/' + reportgroupid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    deleteReportGroup(reportgroupid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/deletereportgroup/reportgroupid/' + reportgroupid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getReportGroups() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/bizgaze/integrations/reportgroup/getreportfolders';
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getReportsbyGroupId(groupid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/bizgaze/integrations/reportgroup/getreportbygroupid/reportgroupid/' + groupid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    checkReportGroupDependency(groupid, parentGroupId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/checkreportgroupdependency/groupid/' + groupid + '/parentgroupid/' + parentGroupId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    updateReportGroupStatus(groupid, statusId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/updatereportgroupstatus/reportgroupid/' + groupid + '/statusid/' + statusId;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getReportById(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/report/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getReportByUniqueId(uniqueid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/reportbyuniqueid/' + uniqueid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != "" && response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getReportByUniqueIdEncoded(encodedUniqueId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/reportbyuniqueidencoded/' + encodedUniqueId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != "" && response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getReports() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/getallreports';
                            var reports;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                reports = JSON.parse(response.result);
                                return reports;
                            });
                        });
                    }
                    getReportCategoriesByReportId(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/reportcategories/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getReportInfo(repObj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/reportinfo';
                            return yield this.dataHelper().postAsync(url, repObj).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getFullReportInfo(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = `apis/v4/unibase/platform/analytics/getfullreportinfo/${reportid}`;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getSubReports(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            let term = null;
                            const url = 'apis/v4/unibase/platform/analytics/subreports/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    getSubReportById(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            let term = null;
                            const url = 'apis/v4/unibase/platform/analytics/subreportsbyid/subreportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    saveReport(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/report';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    deleteReport(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/deletereport/reportid/' + reportid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getColumns(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            let term = null;
                            const url = 'apis/v4/unibase/platform/analytics/reportcolumns/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getIsContactReportColumns(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            let term = null;
                            const url = 'apis/v4/unibase/platform/analytics/getiscontactreportcolumns/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getReportColumnsByAppId(installedAppId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/getreportcolumnsbyappid/installedappid/' + installedAppId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getReportColumnByAliasName(reportid, aliasName) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/getreportcolumnbyaliasname/reportid/' + reportid + '/aliasname/' + aliasName;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response;
                            });
                        });
                    }
                    getDataLists() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/datalists/getallnoninternaldatalists';
                            var dataList;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                dataList = JSON.parse(response.result);
                                return dataList;
                            });
                        });
                    }
                    getDataListColumns(datalistid, term, parameters) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/datalistcolumns/datalistid/' + datalistid + '/term/' + term + '/parameters/' + parameters;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getTableData(postdata) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/reportpreviewdata';
                            return yield this.dataHelper().postAsync(url, postdata).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getTenureData(postdata) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/tenuredata';
                            return yield this.dataHelper().postAsync(url, postdata).then(function (response) {
                                return JSON.parse(response.result);
                            });
                        });
                    }
                    getReportNamesByGroup(reportgroupid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/reports/reportgroupid/' + reportgroupid;
                            var reportDetails;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    refreshReports() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/refreshreports/np';
                            return yield this.dataHelper().postAsync(url, "{}").then(function (response) {
                                return response.message;
                            });
                        });
                    }
                    getHeaderColumns(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/headers/reportid/' + reportid;
                            var headers;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                headers = JSON.parse(response.result);
                                return headers;
                            });
                        });
                    }
                    getDynamicFilterData(reportid, columnname) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/dynamicfilterdata/reportid/' + reportid + '/columnname/' + columnname;
                            var dynamicfilters;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                dynamicfilters = JSON.parse(response.result);
                                return dynamicfilters;
                            });
                        });
                    }
                    getDynamicFilterCascadingData(dynamicFilObj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/dynamicfiltercascadingdata';
                            return yield this.dataHelper().postAsync(url, dynamicFilObj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getDynamicFilters(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/dynamicfilters/reportid/' + reportid;
                            var commonfilters;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                commonfilters = JSON.parse(response.result);
                                return commonfilters;
                            });
                        });
                    }
                    getReportViewerData(repObj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/tabledata';
                            return yield this.dataHelper().postAsync(url, repObj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getReportCount(repObj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/tablecount';
                            return yield this.dataHelper().postAsync(url, repObj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getDistinctColumnData(datalistid, columnname, aggregationtypeid, fromdate, todate) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/distinctcolumndata/datalistid/' + datalistid + '/columnname/' + columnname + '/aggregationtypeid/' + aggregationtypeid + '/fromdate/' + fromdate + '/todate/' + todate;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result) {
                                    response.result = JSON.parse(response.result);
                                }
                                return response.result;
                            });
                        });
                    }
                    startDownloadLargeFile(repObj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/downloadreportlargefile';
                            return yield this.dataHelper().postAsync(url, repObj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    deleteDynamicFilter(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/deletedynamicfilter/reportid/' + reportid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getCommonFilters(portletid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/commonfilters/portletid/' + portletid;
                            var commonfilters;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result != "")
                                    commonfilters = JSON.parse(response.result);
                                return commonfilters;
                            });
                        });
                    }
                    getCommonFilterColumns(portletid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/commonfiltercolumns/portletid/' + portletid;
                            var commonfiltercolumns;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                commonfiltercolumns = JSON.parse(response.result);
                                return commonfiltercolumns;
                            });
                        });
                    }
                    getCommonFilterColumnsByCommonFilterId(commonfilterid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/commonfiltercolumnsbycommonfilterid/commonfilterid/' + commonfilterid;
                            var commonfiltercolumns;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                commonfiltercolumns = JSON.parse(response.result);
                                return commonfiltercolumns;
                            });
                        });
                    }
                    getCommonFiltersByWidgetId(widgetid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/commonfiltercolumnsbywidgetid/widgetid/' + widgetid;
                            var commonfiltercolumns;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                commonfiltercolumns = JSON.parse(response.result);
                                return commonfiltercolumns;
                            });
                        });
                    }
                    getCommonFilterColumnData(cfObj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/commonfiltercolumndata';
                            return yield this.dataHelper().postAsync(url, cfObj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getCommonFilterTreeData(cfObj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/getcommonfiltertreedata';
                            return yield this.dataHelper().postAsync(url, cfObj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    deleteCommonFilterColumnId(commonfiltercolumnid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/deletecommonfiltercolumn/commonfiltercolumnid/' + commonfiltercolumnid;
                            return yield this.dataHelper().postAsync(url, commonfiltercolumnid).then(function (response) {
                                return response;
                            });
                        });
                    }
                    deleteCommonFilter(commonfilterid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/deletecommonfilter/commonfilterid/' + commonfilterid;
                            return yield this.dataHelper().postAsync(url, commonfilterid).then(function (response) {
                                return response;
                            });
                        });
                    }
                    exportCommonFilter(commonfilterid, portletId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/exportcommonfilters/commonfilterid/' + commonfilterid + "/portletid/" + portletId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    exportReports() {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/exportreports/';
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    exportreport(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/exportreport/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    getReportRoles(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/reportroles/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    addReportRole(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/savereportrole';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    removeReportRole(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/removereportrole';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    setViewable(reportId, viewAll) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/setasviewable/reportid/' + reportId + '/viewall/' + viewAll;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    saveReportRoleSettings(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/savereportrolesetting';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                if (response.result !== null)
                                    response.result = JSON.parse(response.result);
                                return response;
                            });
                        });
                    }
                    refreshStaticObj(reportid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/refreshstaticreportobj/reportid/' + reportid;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    saveDynamicFilter(reportid, array) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/savedynamicfilter/' + reportid + "/List";
                            return yield this.dataHelper().postAsync(url, array).then(function (response) {
                                return response;
                            });
                        });
                    }
                    updateReportStatus(reportid, statusid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/updatereportstatus/reportid/' + reportid + "/statusid/" + statusid;
                            return yield this.dataHelper().postAsync(url, null).then(function (response) {
                                return response;
                            });
                        });
                    }
                    duplicateReport(obj) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/duplicatereport';
                            return yield this.dataHelper().postAsync(url, obj).then(function (response) {
                                return response;
                            });
                        });
                    }
                    exportDynamicFilters(reportId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            const url = 'apis/v4/unibase/platform/analytics/exportdynamicfilters/reportid/' + reportId;
                            return yield this.dataHelper().getAsync(url).then(function (response) {
                                return response;
                            });
                        });
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new ReportManager();
                        return this._instance;
                    }
                }
                Managers.ReportManager = ReportManager;
            })(Managers = Analytics.Managers || (Analytics.Managers = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class WidgetReportviewer extends Components._ReportViewer {
                    constructor() {
                        super();
                        this.PortletWidgetId = 0;
                        this.widgetmanager = Platform.Widgets.Managers.WidgetManager.Instance();
                    }
                    jsFiles() {
                        return this._jsFiles();
                    }
                    cssFiles() {
                        return this._cssFiles();
                    }
                    html(id, containerid) {
                        return this._html(id.Data.ReportId, containerid);
                    }
                    load(id, containerid, callback) {
                        var reportwidgetdata = id;
                        if (containerid.includes("div_dashboardportletwidget_")) {
                            $('.BindData_' + containerid).parents().closest('div._bizgaze_detail_container').removeClass('hidden');
                        }
                        else {
                            var ModalContainers = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds;
                            var ContainerId = ModalContainers[ModalContainers.length - 1];
                            $('#' + ContainerId).removeClass('hidden');
                        }
                        $(".Border").find(".cardbody").addClass("bg-white");
                        $(".Border").find(".Templateheader").addClass(" mx-10 my-0");
                        Unibase.Platform.Analytics.Components.ReportViewer.Instance().PortletWidgetId = this.PortletWidgetId;
                        let _PortletWidgetId;
                        if (Unibase.Themes.Providers.DetailHelper.installedAppId == 0) {
                            _PortletWidgetId = $('#' + containerid).siblings('#hf_PortletWidgetId').val();
                        }
                        if (Unibase.Themes.Providers.DetailHelper.installedAppId != 0) {
                            _PortletWidgetId = $('#' + containerid).parent().siblings('#hf_PortletWidgetId').val();
                        }
                        reportwidgetdata.Data.PortletWidgetId = _PortletWidgetId;
                        if (_PortletWidgetId != undefined) {
                            Unibase.Platform.Widgets.Managers.WidgetManager.Instance().getPortletWidget(_PortletWidgetId).then(function (portletresponse) {
                                if (portletresponse.result.PortletWidgetHeight != null) {
                                    reportwidgetdata.Data.PortletWidgetHeight = portletresponse.result.PortletWidgetHeight;
                                }
                                if (portletresponse.result.IsCollapse != null) {
                                    reportwidgetdata.Data.portletWidgetIsCollapse = portletresponse.result.IsCollapse;
                                }
                                if (portletresponse.result.PortletWidgetCss != null || portletresponse.result.PortletWidgetCss != '') {
                                    reportwidgetdata.Data.PortletWidgetCss = portletresponse.result.PortletWidgetCss;
                                }
                            });
                        }
                        this.loadReport(reportwidgetdata.Data.ReportId, reportwidgetdata, containerid, callback);
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new WidgetReportviewer();
                        return this._instance;
                    }
                }
                Components.WidgetReportviewer = WidgetReportviewer;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class UserDesignConfigApps extends Components._ReportViewer {
                    constructor() {
                        super(...arguments);
                        this.PortletWidgetId = 0;
                        this.totalreportWidgetData = [];
                        this.ReportId = 0;
                    }
                    jsFiles() {
                        return this._jsFiles();
                    }
                    cssFiles() {
                        return this._cssFiles();
                    }
                    html(id, containerid) {
                        var instance = this;
                        let html = ``;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                    }
                    init(containerid) {
                        var instance = this;
                        instance.loadConfigSettings(containerid);
                    }
                    loadConfigSettings(containerid) {
                        let reportid = 0;
                        let totalcontent = '';
                        var jsfiles = ["apps/transact/managers/inventory/transactsettingmanager.js"];
                        $(`.${containerid}`).append(`<div class="card mb-0 border-0 BindData_` + containerid + ` findcontainer h-100" style="background:0 0">
                                <div class="card-header py-2 px-2 search-bar-main-wrapper  border-0 viewer-header position-sticky t-0 bg-white z-index-2" id="ViewerHeader_` + containerid + `">
                                <div class="card-header-top d-flex justify-content-center line-loader-container p-relative">
                                <div class=line-loader></div>
                                <div id=div_ErrorMessage class=form-error-message style=margin-left:-5px;z-index:100></div>
                                <div class="card-search-bar  report-tree-view-search m-0" id=cardSearchBar${containerid}>
                                <div class='search-wrapper d-flex w-100' id=searchWrapper${containerid}>
                                <input class="form-control txt_global_search" id=ListSearch placeholder="Search Configurations" autocomplete=off >
                                <i class="fa fa-search search-left-icon biz-highlight-bg-color"></i>
                                <div class="biz-highlight-bg-color main-search-loader search-clear-icon hidden"></div>
                                 <a href=javascript:; class="search-clear-icon biz-highlight-bg-color clear_icon position-absolute r-0 t-0 mt-3 d-none" id="search-clear-icon` + containerid + `" ><i class="zmdi zmdi-close"></i></a>
                                </div>
                              
                                </div>
                                </div>
                                </div>
                                <div class="card-body p-2 border-removed border-white-removed show userDesignWidgetCardBody" id="Viewer_` + containerid + `" data-iscollapseapplied=false>
                                <ul class="userdesignedTreeview_${containerid} userDesignReportSettings" id="userdesignedTreeview" style="column-count:3"></ul>
                                </div>
                                </div>`);
                        let height = $(`.${containerid}`).siblings('#hf_portletwidgetheight').val();
                        if (height != '0px') {
                            $('.userDesignWidgetCardBody').css({ "height": `` + height + ``, "overflow-x": "hidden" }).addClass("biz-custom-scrollbar");
                        }
                        var instance = this;
                        instance.fileCacheHelper.loadJsFiles(["apps/transact/managers/inventory/transactsettingmanager.js"], () => {
                            Unibase.Platform.Apps.Managers.AppManager.Instance().getConfigurationApps().then((res) => {
                                let appdata = res.result.sort(function (a, b) {
                                    var a1 = a.AppGroupName.toLowerCase(), b1 = b.AppGroupName.toLowerCase();
                                    if (a1 == b1)
                                        return 0;
                                    return a1 > b1 ? 1 : -1;
                                });
                                let totalcount = res.result.length;
                                let old_groupname = "";
                                for (var i = 0; i < appdata.length; i++) {
                                    let icon = '';
                                    let imgurl = '';
                                    var data = res.result[i];
                                    let appname = data.AppTitle;
                                    icon = data.IconName;
                                    imgurl = data.ImageUrl;
                                    let installedappid = data.MyAppId;
                                    let count = i;
                                    let appgroupname = data.AppGroupName;
                                    if (appgroupname == '')
                                        appgroupname = "No Group";
                                    let avatarTxt = "";
                                    let matches = appname.match(/\b(\w)/g);
                                    if (matches.length == 1) {
                                        avatarTxt = $.trim(appname).substr(0, 2).toUpperCase();
                                    }
                                    else {
                                        avatarTxt = matches.join('').slice(0, 2).toUpperCase();
                                    }
                                    if (appgroupname != old_groupname) {
                                        let appgroupnameid = appgroupname.replace(/ /g, "_");
                                        appgroupnameid = appgroupnameid.replace(/&/g, "_");
                                        let groupnamecontent = '';
                                        if (old_groupname != '') {
                                            groupnamecontent = `</ul></li>`;
                                            groupnamecontent = `</ul></li>`;
                                        }
                                        groupnamecontent += `<li class="nav-item border report-group-tree-view border-dark  mb-2" id="settingreport_` + appgroupnameid + `" style="display: grid;break-inside: avoid;">
                                                    <a class="nav-link report-Header-Title biz-highlight-opacity border-bottom text-dark font-weight-600"  href ="javascript:void(0);" ><span class="report-group-tree-name">` + appgroupname + `</span></a>
                                                    <ul class="flex-column  group-drp-` + appgroupnameid + `" id="reportgroup-tree_` + appgroupnameid + `" name='` + appgroupnameid + `'><li class="nav-item  lireportgrp-item pl-5 m-1 rounded-4 lireportgrp-addeditem " style="grid-row: 1 / -1;grid-column: 1;"><a href="javascript:;" class="nav-link text-dark onclickclass px-2 py-1" onclick="Unibase.Platform.Analytics.Components.UserDesignConfigApps.Instance().getform('` + appname + `',` + installedappid + `)"><div class="d-flex align-items-center"><div class="img_tag p-2 w-40p h-40p text-center align-items-center d-flex bg-white border rounded-circle font-14 justify-content-center font-weight-600" style="background:url('');background-size:100%">` + avatarTxt + `</div><div class="pl-2"><span id="ReportName_{{ReportId}}" class="appname"><u>` + appname + `</u></span><div class=" text-truncate description-Text font-12">` + appname + `</div></div></div></a></li>`;
                                        totalcontent += groupnamecontent;
                                        old_groupname = appgroupname;
                                    }
                                    else {
                                        let childsetting = `<li class="nav-item  lireportgrp-item pl-5 m-1 rounded-4 lireportgrp-addeditem " style="grid-row: 1 / -1;grid-column: 1;"><a href="javascript:;" class="nav-link text-dark onclickclass px-2 py-1" onclick="Unibase.Platform.Analytics.Components.UserDesignConfigApps.Instance().getform('` + appname + `',` + installedappid + `)"><div class="d-flex align-items-center"><div class="img_tag p-2 w-40p h-40p text-center align-items-center d-flex bg-white border rounded-circle font-14 justify-content-center font-weight-600" style="background:url('');background-size:100%">` + avatarTxt + `</div><div class="pl-2"><span id="ReportName_{{ReportId}}"><u>` + appname + `</u></span><div class=" text-truncate description-Text font-12" class="appname">` + appname + `</div></div></div></a></li>`;
                                        totalcontent += childsetting;
                                    }
                                }
                                $("#userdesignedTreeview").html(totalcontent);
                                if (screen.width < 1198) {
                                    $(".appname").addClass("font-12");
                                    $(".text-truncate.description-Text").addClass("font-11").removeClass("font-12");
                                }
                            });
                        });
                        instance.settingsearch(containerid);
                    }
                    getform(AppName, InstalledAppId, callback) {
                        var instance = this;
                        if (AppName != " ") {
                            Unibase.Platform.Helpers.NavigationHelper.Instance().loadSettings(InstalledAppId, callback);
                        }
                        else {
                            Bizgaze.Apps.Transact.Managers.TransactSettingManager.Instance().getBranchSettingByInstalledApp(InstalledAppId).then(function (bs_res) {
                                let Pk_Id = 0;
                                if (bs_res.result != "" && bs_res.result != null) {
                                    Pk_Id = bs_res.result.BranchSettingId;
                                }
                                var FormUniqueId = 'Bizgaze_Extension_Transact_Apps_' + AppName;
                                Unibase.Platform.Forms.Managers.FormManager.Instance().getFormbyUniqueId(FormUniqueId).then(function (response) {
                                    var successCallBack = {
                                        CallBack: function (id) {
                                        },
                                        Parameters: null,
                                    };
                                    var formviewerObj = {
                                        FormId: response.result.FormId,
                                        AppConfigurationId: 0,
                                        Pk_Value: Pk_Id,
                                        PortletWidgetId: 0,
                                        OnSuccess: successCallBack,
                                        OnFail: null,
                                        OnLoad: null,
                                        FormSize: Platform.Helpers.Size.Medium,
                                    };
                                    Unibase.Platform.Forms.Components.FormViewer.Instance().init(formviewerObj);
                                    instance.navigationHelper.hideLoading();
                                });
                            });
                        }
                    }
                    settingsearch(containerid) {
                        $(".biz-highlight-opacity").mouseover(function () {
                            $(this).css({ "cursor": "context-menu" });
                        });
                        $('.clear_icon').click(function () {
                            $("#ListSearch").val('');
                            $('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').css("display", "block");
                            $('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').find('.lireportgrp-item a').css("display", "block");
                            $(".clear_icon").addClass("d-none");
                        });
                        if (($(window).width()) <= 1198) {
                            $("#userdesignedTreeview").css({ "column-count": "2" });
                            $(".search-wrapper").css({ "display": "block !important" });
                        }
                        if (($(window).width()) <= 576) {
                            $("#userdesignedTreeview").css({ "column-count": "1" });
                            $(".search-wrapper").css({ "display": "block !important" });
                            $(".report-group-tree-view").each(function (index) {
                                let width = $(this).width();
                                let maxwidth = $(this).width() - 100;
                                $(this).find(".report-Header-Title").css("width", width + 'px');
                                $(this).find(".lireportgrp-item").find(".description-Text").css("max-width", maxwidth + 'px');
                            });
                        }
                        $('#' + containerid).find("#ListSearch").on('keyup', function () {
                            $(".clear_icon").removeClass("d-none");
                            var _value = $(this).val().toString(), value = _value.toUpperCase();
                            $('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').each(function () {
                                let reportName = $(this).find('.lireportgrp-item a').text();
                                if (reportName.toUpperCase().indexOf(value) > -1) {
                                    $(this).css('display', 'block');
                                    $(this).find('.lireportgrp-item a').each(function () {
                                        let reportName = $(this).text();
                                        let reportGroupName = $(this).find('.a').text();
                                        if (reportName.toUpperCase().indexOf(value) > -1) {
                                            $(this).parent().css('display', 'block');
                                        }
                                        else {
                                            $(this).parent().css('display', 'none');
                                        }
                                    });
                                }
                                else {
                                    $(this).css('display', 'none');
                                }
                            });
                        });
                    }
                    generatecolor() {
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new UserDesignConfigApps();
                        return this._instance;
                    }
                }
                Components.UserDesignConfigApps = UserDesignConfigApps;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class UserDesignSettingReport extends Components._ReportViewer {
                    constructor() {
                        super(...arguments);
                        this.PortletWidgetId = 0;
                        this.totalreportWidgetData = [];
                        this.ReportId = 0;
                    }
                    jsFiles() {
                        return this._jsFiles();
                    }
                    cssFiles() {
                        return this._cssFiles();
                    }
                    html(id, containerid) {
                        var instance = this;
                        let html = ``;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                    }
                    init(containerid) {
                        var instance = this;
                        instance.loadSettings(containerid);
                    }
                    loadSettings(containerid) {
                        let reportid = 0;
                        let totalcontent = '';
                        var jsfiles = ["apps/transact/managers/inventory/transactsettingmanager.js"];
                        $(`.${containerid}`).append(`<div class="card mb-0 border-0 BindData_` + containerid + ` findcontainer h-100" style="background:0 0">
                                <div class="card-header py-2 px-2 search-bar-main-wrapper  border-0 viewer-header position-sticky t-0 bg-white z-index-2" id="ViewerHeader_` + containerid + `">
                                <div class="card-header-top d-flex justify-content-center line-loader-container p-relative">
                                <div class=line-loader></div>
                                <div id=div_ErrorMessage class=form-error-message style=margin-left:-5px;z-index:100></div>
                                <div class="card-search-bar  report-tree-view-search m-0" id=cardSearchBar${containerid}>
                                <div class='search-wrapper d-flex w-100' id=searchWrapper${containerid}>
                                <input class="form-control txt_global_search" id=ListSearch placeholder="Search Settings" autocomplete=off >
                                <i class="fa fa-search search-left-icon biz-highlight-bg-color"></i>
                                <div class="biz-highlight-bg-color main-search-loader search-clear-icon hidden"></div>
                                 <a href=javascript:; class="search-clear-icon biz-highlight-bg-color clear_icon position-absolute r-0 t-0 mt-3 d-none" id="search-clear-icon` + containerid + `" ><i class="zmdi zmdi-close"></i></a>
                                </div>
                              
                                </div>
                                </div>
                                </div>
                                <div class="card-body p-2 border-removed border-white-removed show userDesignWidgetCardBody" id="Viewer_` + containerid + `" data-iscollapseapplied=false>
                                <ul class="userdesignedTreeview_${containerid}" id="userdesignedTreeview" style="column-count:3"></ul>
                                </div>
                                </div>`);
                        let height = $(`.${containerid}`).siblings('#hf_portletwidgetheight').val();
                        if (height != '0px') {
                            $('.userDesignWidgetCardBody').css({ "height": `` + height + ``, "overflow-x": "hidden" }).addClass("biz-custom-scrollbar");
                        }
                        var instance = this;
                        instance.fileCacheHelper.loadJsFiles(["apps/transact/managers/inventory/transactsettingmanager.js"], () => {
                            Unibase.Platform.Apps.Managers.AppManager.Instance().getSettingApps().then((res) => {
                                let appdata = res.result.sort(function (a, b) {
                                    var a1 = a.AppGroupName.toLowerCase(), b1 = b.AppGroupName.toLowerCase();
                                    if (a1 == b1)
                                        return 0;
                                    return a1 > b1 ? 1 : -1;
                                });
                                let totalcount = res.result.length;
                                let old_groupname = "";
                                for (var i = 0; i < appdata.length; i++) {
                                    let icon = '';
                                    let imgurl = '';
                                    var data = res.result[i];
                                    let appname = data.AppTitle;
                                    icon = data.IconName;
                                    imgurl = data.ImageUrl;
                                    let installedappid = data.MyAppId;
                                    let count = i;
                                    let appgroupname = data.AppGroupName;
                                    if (appgroupname == '')
                                        appgroupname = "No Group";
                                    let avatarTxt = "";
                                    let matches = appname.match(/\b(\w)/g);
                                    if (matches.length == 1) {
                                        avatarTxt = $.trim(appname).substr(0, 2).toUpperCase();
                                    }
                                    else {
                                        avatarTxt = matches.join('').slice(0, 2).toUpperCase();
                                    }
                                    if (appgroupname != old_groupname) {
                                        let appgroupnameid = appgroupname.replace(/ /g, "_");
                                        appgroupnameid = appgroupnameid.replace(/&/g, "_");
                                        let groupnamecontent = '';
                                        if (old_groupname != '') {
                                            groupnamecontent = `</ul></li>`;
                                            groupnamecontent = `</ul></li>`;
                                        }
                                        groupnamecontent += `<li class="nav-item border report-group-tree-view border-dark  mb-2" id="settingreport_` + appgroupnameid + `" style="display: grid;break-inside: avoid;">
                                                    <a class="nav-link report-Header-Title biz-highlight-opacity border-bottom text-dark font-weight-600"  href ="javascript:void(0);" ><span class="report-group-tree-name">` + appgroupname + `</span></a>
                                                    <ul class="flex-column  group-drp-` + appgroupnameid + `" id="reportgroup-tree_` + appgroupnameid + `" name='` + appgroupnameid + `'><li class="nav-item  lireportgrp-item pl-5 m-1 rounded-4 lireportgrp-addeditem " style="grid-row: 1 / -1;grid-column: 1;"><a href="javascript:;" class="nav-link text-dark onclickclass px-2 py-1" onclick="Unibase.Platform.Analytics.Components.UserDesignSettingReport.Instance().getform('` + appname + `',` + installedappid + `)"><div class="d-flex align-items-center"><div class="img_tag p-2 w-40p h-40p text-center align-items-center d-flex bg-white border rounded-circle font-14 justify-content-center font-weight-600" style="background:url('');background-size:100%">` + avatarTxt + `</div><div class="pl-2"><span id="ReportName_{{ReportId}}" class="appname"><u>` + appname + `</u></span><div class=" text-truncate description-Text font-12">` + appname + `</div></div></div></a></li>`;
                                        totalcontent += groupnamecontent;
                                        old_groupname = appgroupname;
                                    }
                                    else {
                                        let childsetting = `<li class="nav-item  lireportgrp-item pl-5 m-1 rounded-4 lireportgrp-addeditem " style="grid-row: 1 / -1;grid-column: 1;"><a href="javascript:;" class="nav-link text-dark onclickclass px-2 py-1" onclick="Unibase.Platform.Analytics.Components.UserDesignSettingReport.Instance().getform('` + appname + `',` + installedappid + `)"><div class="d-flex align-items-center"><div class="img_tag p-2 w-40p h-40p text-center align-items-center d-flex bg-white border rounded-circle font-14 justify-content-center font-weight-600" style="background:url('');background-size:100%">` + avatarTxt + `</div><div class="pl-2"><span id="ReportName_{{ReportId}}"><u>` + appname + `</u></span><div class=" text-truncate description-Text font-12" class="appname">` + appname + `</div></div></div></a></li>`;
                                        totalcontent += childsetting;
                                    }
                                }
                                $("#userdesignedTreeview").html(totalcontent);
                                if (screen.width < 1198) {
                                    $(".appname").addClass("font-12");
                                    $(".text-truncate.description-Text").addClass("font-11").removeClass("font-12");
                                }
                            });
                        });
                        instance.settingsearch(containerid);
                    }
                    getform(AppName, InstalledAppId, callback) {
                        var instance = this;
                        if (AppName != " ") {
                            Unibase.Platform.Helpers.NavigationHelper.Instance().loadSettings(InstalledAppId, callback);
                        }
                        else {
                            Bizgaze.Apps.Transact.Managers.TransactSettingManager.Instance().getBranchSettingByInstalledApp(InstalledAppId).then(function (bs_res) {
                                let Pk_Id = 0;
                                if (bs_res.result != "" && bs_res.result != null) {
                                    Pk_Id = bs_res.result.BranchSettingId;
                                }
                                var FormUniqueId = 'Bizgaze_Extension_Transact_Apps_' + AppName;
                                Unibase.Platform.Forms.Managers.FormManager.Instance().getFormbyUniqueId(FormUniqueId).then(function (response) {
                                    var successCallBack = {
                                        CallBack: function (id) {
                                        },
                                        Parameters: null,
                                    };
                                    var formviewerObj = {
                                        FormId: response.result.FormId,
                                        AppConfigurationId: 0,
                                        Pk_Value: Pk_Id,
                                        PortletWidgetId: 0,
                                        OnSuccess: successCallBack,
                                        OnFail: null,
                                        OnLoad: null,
                                        FormSize: Platform.Helpers.Size.Medium,
                                    };
                                    Unibase.Platform.Forms.Components.FormViewer.Instance().init(formviewerObj);
                                    instance.navigationHelper.hideLoading();
                                });
                            });
                        }
                    }
                    settingsearch(containerid) {
                        $(".biz-highlight-opacity").mouseover(function () {
                            $(this).css({ "cursor": "context-menu" });
                        });
                        $('.clear_icon').click(function () {
                            $("#ListSearch").val('');
                            $('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').css("display", "block");
                            $('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').find('.lireportgrp-item a').css("display", "block");
                            $(".clear_icon").addClass("d-none");
                        });
                        if (($(window).width()) <= 1198) {
                            $("#userdesignedTreeview").css({ "column-count": "2" });
                            $(".search-wrapper").css({ "display": "block !important" });
                        }
                        if (($(window).width()) <= 576) {
                            $("#userdesignedTreeview").css({ "column-count": "1" });
                            $(".search-wrapper").css({ "display": "block !important" });
                            $(".report-group-tree-view").each(function (index) {
                                let width = $(this).width();
                                let maxwidth = $(this).width() - 100;
                                $(this).find(".report-Header-Title").css("width", width + 'px');
                                $(this).find(".lireportgrp-item").find(".description-Text").css("max-width", maxwidth + 'px');
                            });
                        }
                        $('#' + containerid).find("#ListSearch").on('keyup', function () {
                            $(".clear_icon").removeClass("d-none");
                            var _value = $(this).val().toString(), value = _value.toUpperCase();
                            $('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').each(function () {
                                let reportName = $(this).find('.lireportgrp-item a').text();
                                if (reportName.toUpperCase().indexOf(value) > -1) {
                                    $(this).css('display', 'block');
                                    $(this).find('.lireportgrp-item a').each(function () {
                                        let reportName = $(this).text();
                                        let reportGroupName = $(this).find('.a').text();
                                        if (reportName.toUpperCase().indexOf(value) > -1) {
                                            $(this).parent().css('display', 'block');
                                        }
                                        else {
                                            $(this).parent().css('display', 'none');
                                        }
                                    });
                                }
                                else {
                                    $(this).css('display', 'none');
                                }
                            });
                        });
                    }
                    generatecolor() {
                    }
                    settingsListEditForm(pkid, formid, configureid) {
                        let id = pkid;
                        let form = Number(formid);
                        let configure = configureid;
                        Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFiles(["platform/forms/components/formviewer/formviewer.js"], function () {
                            var formviewerobj = {
                                FormId: form,
                                Pk_Value: id,
                                AppConfigurationId: configure,
                                PortletWidgetId: 0,
                                OnLoad: null,
                                OnSuccess: null,
                                OnFail: null,
                                FormContainer: null,
                                FormSize: Unibase.Platform.Helpers.Size.Medium,
                                OnClose: null,
                            };
                            Unibase.Platform.Forms.Components.FormViewer.Instance().init(formviewerobj);
                            $("#btn_CloseForm_" + formid).click(function () {
                                Unibase.Platform.Helpers.NavigationHelper.Instance().closePopUp();
                            });
                        });
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new UserDesignSettingReport();
                        return this._instance;
                    }
                }
                Components.UserDesignSettingReport = UserDesignSettingReport;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));

var Bizgaze,__awaiter,Unibase;(function(Bizgaze){let Apps;(function(Apps){let Crm;(function(Crm){let Components;(function(Components){class SelfDeclaration extends Unibase.Platform.Core.BaseComponent{constructor(){super(...arguments);this._dateTimeHelper=Unibase.Platform.Helpers.DateTimeHelper.Instance()}jsFiles(){return["platform/forms/components/formviewer/formviewer.js","libs/parsley/parsley.min.js"]}cssFiles(){return[]}html(){return""}loadhtml(Containerid){$("."+Containerid).html('<form data-validate="parsley" data-isdynamic="false"><div class="card"><div class="card-header"><h3 class="text-center" style ="color:deepskyblue"><u>Self - Declaration<\/u><\/h3 ><\/div><div style="overflow-x:hidden;" class="d modal-body bg-light"><div class="bg-white mb-10"><div id="bizgaze_CreateErrorMessages" class="clear"><\/div><div class="col-md-12" style ="height:300px; border:1px solid pink"><h4><p>I, <b><span id="userName1"><\/span><\/b> on behalf of <b><span id="lblDistributorName1"><\/span><\/b> hereby, declare that <b><span id="lblDistributorName2"><\/span><\/b> has utilized DMS system to conduct all Mobil related business transactions accurately, completely and in a timely manner for the month of <b><span id="MonthAndYear1"><\/span><\/b>, and the transactional data pertaining to purchase, inventory, sales and market collections (payments received from customers) for the month of <b><span id="MonthAndYear2"><\/span><\/b> is accurate as per my knowledge.<br/><br/><br/> Name: <b><span id="userName2"><\/span><\/b><br/> Date:  <b><span id="CurrentDate"><\/span><\/b><br/><br/><\/p><\/h4><span><b><input type="checkbox" style ="width:30px;height:14px;" id="isSelfDeclared"> <span><\/span> Yes, I declare <span id="DeclarationMonthI_e_PreviousMonth" class="hidden"><\/span> <br/><br/><\/span><div class="text-center"><input type="button"  class="btn btn-primary btn-md" id="btnSubmit" value="Submit" disabled /><\/div><\/div><\/div><\/div><\/form>')}load(){}init(Containerid){let instance=this;SelfDeclaration.Instance().fileCacheHelper.loadJsFiles(["platform/forms/components/formviewer/formviewer.js","libs/parsley/parsley.min.js"],function(){var tenantname;SelfDeclaration.Instance().loadhtml(Containerid);$("#btn_Close").click(function(){SelfDeclaration.Instance().navigationHelper.closePopUp()});tenantname="";Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile("apps/crm/contacts/managers/contactmanager.js",function(){Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().GetTenants(Number(Unibase.Platform.Membership.Infos.Identity.getCurrentUser().tenantId)).then(function(res){res.result!=null&&(tenantname=res.result.TenantName,$("#lblDistributorName1").text(tenantname.toString()),$("#lblDistributorName2").text(tenantname.toString()))})});$("#userName1").text(Unibase.Platform.Membership.Infos.Identity.getCurrentUser().name);$("#lblDistributorName1").text(tenantname.toString());$("#lblDistributorName2").text(tenantname.toString());$("#userName2").text(Unibase.Platform.Membership.Infos.Identity.getCurrentUser().name);var TotalDate=new Date,months=["JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"],date=TotalDate.getDate(),month=TotalDate.getMonth()+1,year=TotalDate.getFullYear();months[TotalDate.getMonth()]=="DECEMBER"&&(year=year-1);$("#MonthAndYear1").text(months[TotalDate.getMonth()]+"-"+year);$("#MonthAndYear2").text(months[TotalDate.getMonth()]+"-"+year);$("#CurrentDate").text(date+"/"+month+"/"+year);$("#DeclarationMonthI_e_PreviousMonth").text(months[TotalDate.getMonth()]);var todayDate=new Date($.now()),serverdate=instance._dateTimeHelper.formatServerDate(todayDate),OnlyDate=serverdate.split("/");Number(OnlyDate[2])>=1&&Number(OnlyDate[2])<=10?$("#btnSubmit").prop("disabled",!1):$("#btnSubmit").prop("disabled",!0);Number(OnlyDate[2])>10&&($("#btnSubmit").hide(),$("#isSelfDeclared").hide(),$("#description").hide());SelfDeclaration.Instance().Enable();$("#btnSubmit").click(function(){SelfDeclaration.Instance().save()})})}Enable(){var da,date,month;let instance=this;da=new Date($.now());date=instance._dateTimeHelper.formatServerDate(da);date=date.replace("/","-").replace("/","-");month=$("#DeclarationMonthI_e_PreviousMonth").text();Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile("apps/crm/contacts/managers/contactmanager.js",function(){Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().getSelfDeclarationByDate(date,month).then(function(response){response.result=="Record not Found"?$("#btnSubmit").prop("disabled",!1):($("#btnSubmit").prop("disabled",!0),$("#btnSubmit").prop("value","Submitted"),$("#isSelfDeclared").prop("checked",!0),$("#isSelfDeclared").prop("disabled",!0))})})}save(){var date=Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate(),IsDeclared=$("#isSelfDeclared").prop("checked"),data;if(IsDeclared==!1)return MessageHelper.Instance().showError("Please Check Declaration","bizgaze_CreateErrorMessages"),!1;data={PciDeclared:IsDeclared,UserId:Unibase.Platform.Membership.Infos.Identity.getCurrentUser().userId,DeclarationDate:new Date,MonthOfDeclaration:$("#DeclarationMonthI_e_PreviousMonth").text(),PartitionId:Unibase.Platform.Membership.Infos.Identity.getCurrentUser().partitionId};Bizgaze.Apps.Crm.Contacts.Managers.ContactManager.Instance().saveSelfDeclaration(data).then(function(response){MessageHelper.Instance().showSuccess(response.message,"");$("#isSelfDeclared").prop("checked",!0);$("#isSelfDeclared").prop("disabled",!0);$("#btnSubmit").prop("value","Submitted")})}static Instance(){return this.instance===undefined&&(this.instance=new SelfDeclaration),this.instance}}Components.SelfDeclaration=SelfDeclaration})(Components=Crm.Components||(Crm.Components={}))})(Crm=Apps.Crm||(Apps.Crm={}))})(Apps=Bizgaze.Apps||(Bizgaze.Apps={}))})(Bizgaze||(Bizgaze={})),function(Unibase){let Platform;(function(Platform){let Membership;(function(Membership){let Components;(function(Components){class UserLoginDetailsWidget extends Platform.Core.BaseComponent{init(containerid){var instance=this;instance.userdetails(containerid);$(".user-toggle-notification-btn").click(function(){if($(".biz-wrapper").addClass("biz-settings-toggle"),$(".hk-wrapper").addClass("biz-settings-toggle"),$(window).width()<=575){$(".settings-panel-head").find("#myTab").remove();var notification_header=$(".settings-panel-head").find("#settings-panel-head-title").length;notification_header==0&&$(".settings-panel-head #settings_panel_close").before(` <span class="biz-secondary-text-color d-flex flex-row align-items-center py-1" id = "settings-panel-head-title"> <span class="my-2 font-16 font-weight-400"> Notifications </span><span class="badge border rounded-circle badge-sm  badge-link ml-2 font-14" id="notification_count"></span> </span>`).parent().addClass("px-3 border-bottom").removeClass("py-10");Unibase.Themes.Compact.Components.Notification.Instance().loadReminders()}else Unibase.Themes.Compact.Components.Notification.Instance().loadReminders()});$(".user-toggle-task-btn").click(function(){if($(".biz-wrapper").addClass("biz-settings-toggle"),$(".hk-wrapper").addClass("biz-settings-toggle"),$(window).width()<=575){$(".settings-panel-head").find("#myTab").remove();var notification_header=$(".settings-panel-head").find("#settings-panel-head-title").length;notification_header==0&&$(".settings-panel-head #settings_panel_close").before(` <span class="biz-secondary-text-color d-flex flex-row align-items-center py-1" id = "settings-panel-head-title"> <span class="my-2 font-16 font-weight-400">Tasks</span><span class="ml-2 px-2 border rounded-circle font-14" id="tasks_count"></span> </span>`).parent().addClass("px-3 border-bottom").removeClass("py-10");Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile("/tenants/themes/compact/components/notifications/notification.js",function(){Unibase.Themes.Compact.Components.Notification.Instance().loadTasks()})}else Unibase.Themes.Compact.Components.Notification.Instance().loadTasks()})}userdetails(containerid){let notification,task,data=Unibase.Platform.Membership.Infos.Identity.getCurrentUser(),imageurl=data.photoUrl,companyname=data.settings.filter(function(o){return o.settingName==="companyname"})[0].settingValue,branchname=data.settings.filter(function(o){return o.settingName==="branchname"})[0].settingValue,branchcode=data.settings.filter(function(o){return o.settingName==="branchcode"})[0].settingValue,username=data.name,html="";html=`<div class="user_login_detials b-0 shadow rounded-4 p-3"><div class="card m-0 px-2 border-0 shadow-none"><div class="user_login_pic d-flex align-items-center font-11"><div class=" biz-login-image rounded-circle w-70p h-70p d-flex align-items-center text-center p-2" data-src="`+imageurl+`" ><div class="user-login-img  bg-light rounded-circle w-100 h-100 d-flex align-items-center text-center"></div></div><div class="ml-2"><div>Hi Welcome,</div><div class="user_Name m-0" style="font-size:12px !important" >`+username+`</div></div></div><div class="user_Company_Name ml-2 mt-1 font-11"><span><i class="fa fa-building-o font-14"></i></span> `+companyname+`</div><div class="user_Branch_Name ml-2 font-11"><span><i class="fa fa-map-marker "></i></span> `+branchname+` (`+branchcode+`)</div></div></div></div>`;$(`#${containerid}`).html(html);$(".user-login-img-div").mouseover(function(){$(this).find(".edit-picture").removeClass("d-none").addClass("d-flex").css("cursor","pointer")}).mouseout(function(){$(this).find(".edit-picture").addClass("d-none").removeClass("d-flex")});let dataSrc=$(".biz-login-image").data("src");if(dataSrc==""||dataSrc==null||dataSrc=="undefined"){let avatarTxt="",headingTxt=$(".user_Name").text(),matches=headingTxt.match(/\b(\w)/g);avatarTxt=matches&&matches.length==1?$.trim(headingTxt).substr(0,2).toUpperCase():matches.join("").slice(0,2).toUpperCase();$(".user-login-img").html(`<h5 class="w-100 font-weight-600 biz-hightlight-bg-color font-30" data-btnclick="profile">${avatarTxt}</h5>`)}else dataSrc&&dataSrc.includes("~")&&(dataSrc=dataSrc.slice(2)),$(".user-login-img").html(`<img src="${dataSrc}"  onerror="ReloadImage(event)" data-dynamic="1" class="avatar-img img-fluid rounded-circle w-100 h-100" data-btnclick="profile" alt="img" style="object-fit: cover;">`);return Unibase.Platform.Forms.Managers.FormManager.Instance().getFormbyUniqueId("Bizgaze_Crm_Employess_App_AddPhotoUrl_Dashboard").then(function(response){$(".edit-picture").attr("onclick",`Unibase.Platform.Membership.Components.UserLoginDetailsWidget.Instance().profileupdate(${response.result.FormId}, 0)`);$('[data-btnclick="profile"]').attr("onclick",`Unibase.Platform.Membership.Components.UserLoginDetailsWidget.Instance().profileupdate(${response.result.FormId}, 0)`)}),$(".user_login_detials").closest(".col-lg-12.droppablePlaceCol").removeClass("px-md-5"),Unibase.Platform.Communications.Managers.ReminderManager.Instance().getUnreadRemindersCountByUserId().then(function(response){var obj=response.result;notification=obj.NotificationCount;task=obj.TasksCount;$(".notification_count").html(notification);$(".tasks_count").html(task)}),html}profilePicSuccess(){$("#layout-dashboard-tabs .filter-item.active a").trigger("click")}profileupdate(formid){var successobj={CallBack:function(){Unibase.Platform.Membership.Components.UserLoginDetailsWidget.Instance().profilePicSuccess()},Parameters:null},formviewerObj={FormId:formid,AppConfigurationId:0,Pk_Value:0,PortletWidgetId:0,OnSuccess:successobj,OnFail:null,OnLoad:null,FormSize:Unibase.Platform.Helpers.Size.Large};Unibase.Platform.Forms.Components.FormViewer.Instance().init(formviewerObj)}jsFiles(){return["tenants/themes/compact/components/nav/nav.js"]}cssFiles(){return[]}html(){return``}load(){}static Instance(){return this._instance===undefined&&(this._instance=new UserLoginDetailsWidget),this._instance}}Components.UserLoginDetailsWidget=UserLoginDetailsWidget})(Components=Membership.Components||(Membership.Components={}))})(Membership=Platform.Membership||(Platform.Membership={}))})(Platform=Unibase.Platform||(Unibase.Platform={}))}(Unibase||(Unibase={}));__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator["throw"](value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},function(Bizgaze){let Apps;(function(Apps){let Hrms;(function(Hrms){let Components;(function(Components){class Attendence extends Unibase.Platform.Core.BaseComponent{constructor(){super(...arguments);this.attendencelogid=0;this.timer=null;this.timer_arrref=[];this.starttimerobj=[]}init(containerid){let instance=this;instance.fileCacheHelper.loadJsFiles(["platform/membership/components/checkindetails.js","apps/hrms/managers/attendencemanager.js","apps/communications/ai/components/resumeparsingmanager.js"],function(){instance.loadCustomHTML(containerid)})}cssFiles(){return[]}html(){var instance=this;return``}load(){var instance=this}jsFiles(){return["apps/hrms/components/attendence.js","apps/hrms/managers/attendencemanager.js","apps/communications/ai/components/resumeparsingmanager.js","platform/core/helpers/mobile/interfaces/imobilehelper.js"]}loadCustomHTML(containerid){let instance=this,capture_modal=`
 <div class="modal fade hide" id="caputerModel" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                                          <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header border-0 py-2">
                                                    <button type="button" class="close" data-dismiss="modal" id="CancelBtn" aria-label="Close" data-tooltip="true" data-placement="right" title="Cancel">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body pt-0 position-relative">
                                                <div class="pb-40 pt-40 shift_err text-center d-none"><p>No Shift's Available</p></div>
                                                <div class="pb-20 pt-40 checkIn_err text-center d-none"><p>You are Already Check Out</p></div>
                                                    <div id="caputer_video" class="d-none User_Picture">
                                                            <div class="position-relative">
                                                                <video id="cam" autoplay muted playsinline style="transform: scaleX(-1);">Not available </video>
		                                                        <canvas id="canvas" class="d-none" style="transform: scaleX(-1);"></canvas>
		                                                        <img id="photo" alt="The screen capture will appear in this box." style="transform: scaleX(-1);" class="d-none">
                                                                <div class="text-center position-absolute suggest_err">
                                                                    <span class="loader-pendulums d-none" id="img_check"></span>
                                                                    <span class="capture_err d-none text-danger font-16"></span>
                                                                </div>
                                                                <div class="position-absolute switch_cam d-none" style="bottom:0px;width:100%;text-align:center;font-size:20px">
                                                                    <div class="cam_view" style="width:100%;max-width:10%;margin:auto">
                                                                        <input type="checkbox" id="camera_view" class="d-none"/>
                                                                        <label class="cam_front" for="camera_view">
                                                                            <img src="tenants/themes/compact/imgs/rotate.png" class="cam_img p-1 bg-white" style="width:100%;"/>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="bg-white" id="location_data"></div>
	                                                    </div>
                                                        
                                                </div>
                                                </div>
                                    </div>`;$("#_bizgaze_modal").html(capture_modal);let html="";screen.width>576?(html=` <div class="check_in_timer" id="Check_in_timer">
                                        <div class="card border-0 shadow p-3">
                                            <div class="check_in_body">
                                                <div class="d-flex align-items-center justify-content-between pb-1">
                                                    <span class="biz-highlight-bg-color font-weight-500 font-16">Attendance</span>
                                                    <span class="" data-tooltip="true" title="Report"><i class="dripicons dripicons-graph-pie view_Details cursor-pointer"></i></span>
                                                </div>
                                                <div class="text-center">
                                                    <div class="timer  font-weight-600 font-25 d-flex justify-content-center align-items-center">
                                                        <img src="tenants/themes/compact/imgs/start_timer.png" class="timing"/>
                                                        <img src="tenants/themes/compact/imgs/start_timer1.gif" class="d-none start_timing"/>
                                                        <div class="run_time">
                                                            <span class="output">00:00:00</span>
                                                            <span class="output_re d-none"></span>
                                                         </div>
                                                        <div>Hrs</div>
                                                    </div>
                                                    <div class="text-dark">
                                                        <span class="list-item-main-title font-weight-500 shift_name font-14"></span>
                                                        <span class="shift_timeings font-14"></span>
                                                    </div>
                                                 </div>
                                                <div class="text-center pt-4 pb-3">
                                                    <div>
	                                                    <button type="button" class="btn btn-primary px-0 w-50" id="check_in_btn">
                                                         <span>Check-in</span>
                                                        </button>
                                                        <button type="button" class="btn btn-primary text-white py-1 d-none px-0 w-50" id="check_out_btn">
                                                           <span>Check-out</span>
                                                        </button>
                                                    </div>
                                                </div>
                                                <div class="pt-1 check_timings">
                                                        <div class="row align-items-center font-weight-500">
                                                            <div class="col-4 strttime">
                                                                <div class="d-flex align-items-center startime justify-content-md-center">
                                                                   <img src="tenants/themes/compact/imgs/Start.png"/>
                                                                    <div class="d-flex flex-column flex-shrink-0" id="Check_in_time">
                                                                        <span class="start_time mb-0 text-dark font-13">00:00</span>
                                                                        <span class="font-13">Check In</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-4 text-center border-left border-right endtime">
                                                                <div class="d-flex justify-content-center align-items-center">
                                                                    <img src="tenants/themes/compact/imgs/End.png"/>
                                                                    <div class="d-flex flex-column flex-shrink-0 text-left" id="Check_out_time">
                                                                        <span class="end_time mb-0 text-dark font-13">00:00</span>
                                                                        <span class="font-13">Check Out</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-4 text-right">
                                                                <div class="d-flex justify-content-center align-items-center duration">
                                                                    <img src="tenants/themes/compact/imgs/Duration.png"/>
                                                                    <div class="d-flex flex-column flex-shrink-0 text-left" id="Check_duration">
                                                                        <span class="mb-0 Duration_time font-13 text-danger"><span class="due_time"></span>00:00 Hrs</span>
                                                                        <span class="font-13">Duration</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                            </div>
                                        </div>
                                        </div>`,$(".suggest_err").attr({style:"top:50%;width:100%;max-width:100%"})):(html=`<div class="check_in_timer" id="Check_in_timer">
                                        <div class="card border-0 shadow p-3">
                                            <div class="check_in_body">
                                                 <div class="d-flex align-items-center justify-content-between">
                                                    <span class="font-weight-600 font-18">Attendance</span>
                                                    <span><i class="dripicons dripicons-graph-pie view_Details cursor-pointer"></i></span>
                                                </div>
                                                <div class="py-1">
                                                    <div class="timer d-flex justify-content-between align-items-center">
                                                        <div class="timer font-weight-600 font-25 d-flex flex-grow-1 align-items-center">
                                                          
                                                                <img src="tenants/themes/compact/imgs/start_timer.png" class="timing"/>
                                                                <img src="tenants/themes/compact/imgs/start_timer1.gif" class="d-none start_timing"/>
                                                           
                                                            <div class="run_time">
                                                                <span class="output">00:00:00</span>
                                                                <span class="output_re d-none"></span>
                                                            </div>
                                                            <div class="font-18">Hrs</div>
                                                        </div>
                                                        <div class="">
                                                            <button type="button" class="btn btn-primary" id="check_in_btn">
                                                            <span class="font-14">Check In</span>
                                                            </button>
                                                            <button type="button" class="btn biz-highlight-color text-white d-none" id="check_out_btn">
                                                                <span class="font-14">Check Out</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex align-items-center font-13">
                                                        <div class="list-item-main-title pr-1 font-weight-500 font-13 shift_name"></div>
                                                        <div class="text-dark">
                                                             <span class="shift_timeings"></span>
                                                        </div>  
                                                    </div>
                                               </div>
                                               <div class="pt-2 check_timings">
                                                        <div class="row align-items-center font-weight-500">
                                                            <div class="col-4 strttime">
                                                                <div class="d-flex align-items-center">
                                                                   <img src="tenants/themes/compact/imgs/Start.png"/>
                                                                    <div class="d-flex flex-column flex-shrink-0 " id="Check_in_time">
                                                                        <span class="start_time mb-0 text-dark">00:00</span>
                                                                        <span class="check">Check In</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-4 text-center border-left border-right endtime">
                                                                <div class="d-flex justify-content-center align-items-center">
                                                                    <img src="tenants/themes/compact/imgs/End.png"/>
                                                                    <div class="d-flex flex-column flex-shrink-0 text-left" id="Check_out_time">
                                                                        <span class="end_time mb-0 text-dark">00:00</span>
                                                                        <span class="check">Check Out</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-4 text-right duration">
                                                                <div class="d-flex justify-content-center align-items-center">
                                                                    <img src="tenants/themes/compact/imgs/Duration.png"/>
                                                                    <div class="d-flex flex-column  flex-shrink-0 text-left" id="Check_duration">
                                                                        <span class="mb-0 Duration_time text-danger"><span class="due_time"></span>00:00 Hrs</span>
                                                                        <span class="check">Duration</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                            </div>
                                        </div>
                                    </div>`,$(".suggest_err").attr({style:"top:50%;width:100%;max-width:100%"}),$("#canvas").removeAttr("width"),$("#canvas").removeAttr("height"));$("#"+containerid).html(html);let check_profile=Unibase.Platform.Membership.Infos.Identity.currentUser.photoUrl;if(check_profile==""||check_profile==null){let err_html=`<div>
                                              <p class="font-15 no_profile pt-10 text-center text-danger">Please Upload Your Profile Picture</p>
                                            </div>`;$("#location_data").html(err_html);$(".loader-icon").addClass("d-none");$("#caputerModel").removeClass("show").attr("style","display:none;")}else{let no_html=`<div> <p id="user_location" class="font-14 py-2 text-dark text-left"></p>
                                                               <div class="d-flex align-items-center justify-content-end pb-3">
                                                                    <button type="button" class="btn btn-primary rounded-pill py-1" id="snapBtn" aria-label="Close">Capture</button>
                                                                    <button type="button" class="btn btn-danger rounded-pill d-none py-1" id="retakeBtn">Re-Capture</button>
                                                                    <button type="button" class="btn btn-primary rounded-pill d-none py-1" data-dismiss="modal" aria-label="Close" id="modal_closebtn">Ok</button>
                                                                </div>
                                                    </div>`;$("#location_data").html(no_html)}instance.getAttendanceLog();instance.attendenceCheckIn();instance.getUserApplicableShifts();instance.takeImage();instance.retakeImage();instance.viewattendenceReport();instance.afterload();instance.attendencecheckout();instance.modalcheckout();instance.attendenceCancle()}loadCheckIn(containerid){let instance=this;instance.loadCustomHTML(containerid)}Location(){navigator.geolocation?($("#snapBtn").attr("disabled","disabled"),navigator.geolocation.getCurrentPosition(Bizgaze.Apps.Hrms.Components.Attendence.Instance().geoLocationSuccess,Bizgaze.Apps.Hrms.Components.Attendence.Instance().geoLocationError,{timeout:1e4})):alert("your browser doesn't support geolocation")}geoLocationSuccess(pos){var loading,request;const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();let loadingTimeout;instance.mylatitude=pos.coords.latitude;instance.mylongtitude=pos.coords.longitude;loading=function(){$("#user_location").text("fetching...")};loadingTimeout=setTimeout(loading,600);const apikey=_mapsettings.key();request=$.get(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${instance.mylatitude},${instance.mylongtitude}&key=${apikey}`).done(function(data){if(loadingTimeout){clearTimeout(loadingTimeout);loadingTimeout=null;instance.address=data.results[0].formatted_address;$("#user_location").html("<span class='font-weight-600'>Location :<\/span> "+instance.address);let ele=$("#user_location").find("span"),ele_val=ele[0],Cam_ele=$("#cam").hasClass("d-none");ele_val!=undefined&&Cam_ele==!1?$("#snapBtn").removeAttr("disabled"):$("#snapBtn").attr("disabled","disabled")}}).fail(function(){$("#snapBtn").addClass("d-none")})}geoLocationError(error){({1:"Permission denied",2:"Position unavailable",3:"Request timeout"})[error.code]&&($("#user_location").html("<span class='font-weight-500 text-danger'>Please enable your Location...<\/span>"),$("#snapBtn").attr("disabled","disabled"))}addzero(x){return x<10?"0"+x:x}twelvehours(x){return x>12?x-12:x==0?12:x}cemeraCapture(){const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();instance.constraints={audio:!1,video:{width:{ideal:640},height:{ideal:480},facingMode:"user"}};instance.getMediaStream();let checkedIn=$("#check_in_btn").hasClass("d-none"),online_cather=window.navigator.onLine;if(checkedIn==!1)if(online_cather){$("#check_in_btn").attr({"data-toggle":"modal","data-backdrop":"false","data-target":"#caputerModel"});let shift_name=$(".shift_name").text(),shift_time=$(".shift_timeings").text();shift_name==""&&shift_time==""?($(".close").removeClass("d-none"),$(".shift_err").removeClass("d-none")):($("#caputer_video").removeClass("d-none"),$("#user_location").removeClass("d-none"),$("#CancelBtn").removeClass("d-none"),$(".capture_err").addClass("d-none"),$(".loader-icon").addClass("d-none"),$(".checkIn_err").addClass("d-none"),$("#modal_closebtn").addClass("d-none"),$("#Check_in_time").removeClass("d-none"),$("#cam").removeClass("d-none"),$("#location_data").removeClass("d-none"),$("#snapBtn").removeClass("d-none"),$("#retakeBtn").addClass("d-none"),$("#close_btn").addClass("d-none"))}else $(this).removeAttr("data-target data-toggle data-backdrop");else if(online_cather){$("#check_out_btn").attr({"data-toggle":"modal","data-backdrop":"false","data-target":"#caputerModel"});$("#caputer_video").removeClass("d-none");$(".capture_err").addClass("d-none");$(".loader-icon").addClass("d-none");$("#Check_in_time").removeClass("d-none");$("#cam").removeClass("d-none");$("#location_data").removeClass("d-none");$("#CancelBtn").removeClass("d-none");$("#snapBtn").removeClass("d-none");$("#retakeBtn").addClass("d-none");let removeVide=$("#modal_closebtn").hasClass("d-none");removeVide==!1&&instance.mediaStream.getTracks().forEach(track=>{track.stop()})}else $(this).removeAttr("data-target data-toggle data-backdrop")}getMediaStream(){function getMediaStream(constraints){return __awaiter(this,void 0,void 0,function*(){try{instance.mediaStream=yield navigator.mediaDevices.getUserMedia(constraints);instance.video=document.getElementById("cam");instance.video.srcObject=instance.mediaStream;instance.video.onloadedmetadata=event=>{let cam_err=event.currentTarget;if(cam_err!=null){let shift_err=$(".checkIn_err").hasClass("d-none");shift_err==!0&&($("#cam").removeClass("d-none"),instance.video.play(),$(".cam_err").remove())}}}catch(err){console.log(err.message);$("#cam").addClass("d-none");$(".cam_err").removeClass("d-none");let arr_val=$("#user_location").find("span").hasClass("cam_loc_err");arr_val!=!0&&$("#cam").after("<span class='font-weight-500 text-danger cam_err'>Please enable your Camera...<\/span>");let cam_val=$("#cam").parent().find("span").hasClass("cam_err"),loc_val=$("#user_location").find("span").hasClass("text-danger");cam_val&&loc_val&&($("#cam").parent().find(".cam_err").remove(),$("#user_location").html("<span class='font-weight-500 text-danger cam_loc_err'>Please enable your Location and Camera...<\/span>"));$("#snapBtn").attr("disabled","disabled")}})}const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();getMediaStream(instance.constraints)}switchCamera(cameraMode){return __awaiter(this,void 0,void 0,function*(){const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();try{if(instance.mediaStream!=null&&instance.mediaStream.active){var tracks=instance.mediaStream.getVideoTracks();tracks.forEach(track=>{track.stop()})}document.getElementById("cam").srcObject=null;instance.constraints.video.facingMode=cameraMode;yield instance.getMediaStream()}catch(err){console.log(err.message)}})}takePicture(){const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();instance.canvas=document.getElementById("canvas");instance.videos=document.getElementById("cam");let photo=document.getElementById("photo"),context=instance.canvas.getContext("2d");const height=instance.videos.videoHeight,width=instance.videos.videoWidth;if(width&&height){instance.canvas.width=width;instance.canvas.height=height;context.drawImage(instance.video,0,0,width,height);var data=instance.canvas.toDataURL("image/png");const webp=context.canvas.toDataURL("image/webp",.8);photo.setAttribute("style","transform: scaleX(-1)");$("#photo").attr("src",data)}else Bizgaze.Apps.Hrms.Components.Attendence.Instance().clearPhoto()}clearPhoto(){let instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance(),photo=document.getElementById("photo"),context=instance.canvas.getContext("2d");context.fillStyle="#AAA";context.fillRect(0,0,instance.canvas.width,instance.canvas.height);var data=instance.canvas.toDataURL("image/png");photo.removeAttribute("src")}clockTick(){const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();let r_datd=$(".output_re").hasClass("d-none");const date=Date.now(),timer_run=$("#check_in_btn").hasClass("d-none");if(timer_run==!0)if(r_datd==!1){instance.timer_arrref;const timeref=new Date(date-Number(instance.timer_arrref)),refhours=timeref.getUTCHours(),refmins=timeref.getUTCMinutes(),refsecs=timeref.getUTCSeconds(),refcount_hrs=refhours>9?refhours:"0"+refhours,refcount_mins=refmins>9?refmins:"0"+refmins,refcount_secs=refsecs>9?refsecs:"0"+refsecs;$(".output").html(`${refcount_hrs}:${refcount_mins}:${refcount_secs}`)}else{const timeElaspsed=new Date(date-Number(instance.starttimerobj)),hours=timeElaspsed.getUTCHours(),mins=timeElaspsed.getUTCMinutes(),secs=timeElaspsed.getUTCSeconds(),count_hrs=hours>9?hours:"0"+hours,count_mins=mins>9?mins:"0"+mins,count_secs=secs>9?secs:"0"+secs;$(".output").html(`${count_hrs}:${count_mins}:${count_secs}`)}}reset(){const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();clearInterval(instance.timer);let timerreset=$(".output").text(),timerin=timerreset.includes("NaN");timerin==!0?($(".output").empty(),$(".output").html(`00:00:00`)):($(".output").empty(),$(".output").html(`00:00:00`))}attendenceCheckIn(){let online_cather=window.navigator.onLine,instance=this;$("#check_in_btn").click(function(){isMobileApp()?($("#canvas").addClass("d-none"),Unibase.Platform.Helpers.MobileHelper.Instance().grantPermission(Unibase.Platform.Helpers.Enums.MobilePermissionType.Camera,Bizgaze.Apps.Hrms.Components.Attendence.Instance().cemeraCapture),Unibase.Platform.Helpers.MobileHelper.Instance().grantPermission(Unibase.Platform.Helpers.Enums.MobilePermissionType.Location,Bizgaze.Apps.Hrms.Components.Attendence.Instance().Location)):($("#canvas").addClass("d-none"),Bizgaze.Apps.Hrms.Components.Attendence.Instance().Location(),Bizgaze.Apps.Hrms.Components.Attendence.Instance().cemeraCapture())})}attendencecheckout(){const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();$("#check_out_btn").click(function(){isMobileApp()?($("#canvas").addClass("d-none"),Unibase.Platform.Helpers.MobileHelper.Instance().grantPermission(Unibase.Platform.Helpers.Enums.MobilePermissionType.Camera,Bizgaze.Apps.Hrms.Components.Attendence.Instance().cemeraCapture),Unibase.Platform.Helpers.MobileHelper.Instance().grantPermission(Unibase.Platform.Helpers.Enums.MobilePermissionType.Location,Bizgaze.Apps.Hrms.Components.Attendence.Instance().Location)):($("#canvas").addClass("d-none"),Bizgaze.Apps.Hrms.Components.Attendence.Instance().getAttendanceLogLastRecord(),Bizgaze.Apps.Hrms.Components.Attendence.Instance().Location(),Bizgaze.Apps.Hrms.Components.Attendence.Instance().cemeraCapture())})}attendenceCancle(){const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();$("#CancelBtn").click(function(){$(this).addClass("d-none");$("#caputer_video").addClass("d-none");$("#photo").attr("src","");$("#retakeBtn").addClass("d-none");$("#close_btn").addClass("d-none");$("#img_check").addClass("d-none");$(".cam_err").remove();$(".cam_loc_err").remove();instance.mediaStream.getTracks().forEach(track=>{track.stop()});$(".capture_err").addClass("d-none");$(".capture_err").parent().removeClass("align-items-end")})}modalcheckout(){const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();$("#modal_closebtn").click(function(){instance.mediaStream.getTracks().forEach(track=>{track.stop()});Bizgaze.Apps.Hrms.Components.Attendence.Instance().reset();(instance.startTime!=null||instance.timer_arrref!=null)&&(instance.startTime=undefined,instance.timer_arrref=undefined,instance.starttimerobj=undefined);$(".output").removeClass("d-none");let re_btn=$(".output").hasClass("d-none");re_btn==!1&&($(".output_re").empty(),$(".output").html(`00:00:00`),$(".output_re").addClass("d-none"));$(".output").html(`00:00:00`);$("#check_out_btn").addClass("d-none");$("#check_in_btn").removeClass("d-none");$(".start_timing").addClass("d-none");$(".timing").removeClass("d-none");$(".output").removeClass("d-none");$(".output_re").addClass("d-none");Bizgaze.Apps.Hrms.Components.Attendence.Instance().getAttendanceLog()})}takeImage(){const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();let emp_id=Unibase.Platform.Membership.Infos.Identity.currentUser.unibaseId,data=Unibase.Platform.Membership.Infos.Identity.getCurrentUser(),userid=data.userId;$("#snapBtn").click(function(){return __awaiter(this,void 0,void 0,function*(){var date,Attendenceid,Attendencelogid;Bizgaze.Apps.Hrms.Components.Attendence.Instance().takePicture();$("#cam").addClass("d-none");$(this).addClass("d-none");$("#img_check").removeClass("d-none");$("#canvas").addClass("d-none");$("#canvas").attr("style","filter:blur(7px);transform:scaleX(-1);max-width:100%");instance.img_stored=$("#photo").attr("src");instance.img_stored!==""?$("#canvas").removeClass("d-none"):$("#canvas").addClass("d-none");date=new Date;instance.startDate=Unibase.Platform.Helpers.DateTimeHelper.instance.formatServerDateTime(date);let userCheckindetails={Latitude:instance.mylatitude,Longitude:instance.mylongtitude,Address:instance.address,imageurl:instance.img_stored,Userid:userid,StartDate:instance.startDate,user_url:window.location.host};Attendenceid=instance.attendenceid;Attendencelogid=instance.attendencelogid;let enddate=Unibase.Platform.Helpers.DateTimeHelper.instance.formatServerDateTime(date);var Startdate=instance.startdate,userCheckoutdetails={CheckoutLocation:instance.address,CheckoutImage:instance.img_stored,Attendenceid:Attendenceid,Attendencelogid:Attendencelogid,Startdate:Startdate,EndDate:enddate,userid:userid,Latitude:instance.mylatitude,Longitude:instance.mylongtitude,user_url:window.location.host},jsfiles=["apps/hrms/managers/attendencemanager.js"];let checkin=$("#check_in_btn").hasClass("d-none");checkin==!1?instance.fileCacheHelper.loadJsFiles(jsfiles,function(){Bizgaze.Apps.Hrms.Managers.AttendenceManager.Instance().SaveCheckInDetails(userCheckindetails).then(function(response){var CheckIn_data=response.result;if(CheckIn_data==null){$("#caputerModel").modal("show");$("#canvas").removeClass("d-none");$("#retakeBtn").removeClass("d-none");$(".loader-icon").addClass("d-none");$("#retakeBtn").removeClass("d-none");let html=`<span class="font-weight-600">${response.message}</span>`;$(".capture_err").html(html);$(".capture_err").removeClass("d-none");$("#img_check").addClass("d-none")}else{$("#caputerModel").modal("hide");$("#check_out_btn").attr({"data-toggle":"modal","data-backdrop":"false","data-target":"#caputerModel"});$(".timing").addClass("d-none");$(".start_timing").removeClass("d-none");$("#snapBtn").addClass("d-none");$("#img_check").addClass("d-none");$("#caputer_video").addClass("d-none");$("#retakeBtn").addClass("d-none");$("#caputer_video").addClass("d-none");$("#retakeBtn").addClass("d-none");$("#check_in_btn").removeAttr("data-toggle data-backdrop data-target");$("#location_data").addClass("d-none");$("#check_in_btn").addClass("d-none");$("#check_out_btn").removeClass("d-none");instance.mediaStream.getTracks().forEach(track=>{track.stop()});instance.startTime=Date.now();instance.re_timer=Date.now();instance.starttimerobj=instance.re_timer;instance.timer=setInterval(instance.clockTick,1e3);instance.time_Now=new Date;let hours=instance.time_Now.getHours(),ampm=hours>=12?"PM":"AM",time=instance.addzero(instance.twelvehours(instance.time_Now.getHours()))+":"+instance.addzero(instance.time_Now.getMinutes());instance.Start_time=instance.addzero(instance.twelvehours(instance.time_Now.getHours()))+":"+instance.addzero(instance.time_Now.getMinutes())+" "+ampm}instance.attendenceid=CheckIn_data.Attendanceid;instance.attendencelogid=CheckIn_data._Id;instance.startdate=CheckIn_data.Checkin;MessageHelper.Instance().showSuccess(response.message,"")})}):instance.fileCacheHelper.loadJsFiles(jsfiles,function(){Bizgaze.Apps.Hrms.Managers.AttendenceManager.Instance().SaveCheckOutDetails(userCheckoutdetails).then(function(response){var Check_data=response.result;if(Check_data==null){$("#caputerModel").modal("show");$("#canvas").removeClass("d-none");$("#retakeBtn").removeClass("d-none");$(".loader-icon").addClass("d-none");$("#retakeBtn").removeClass("d-none");let html=`<span class="font-weight-600">${response.message}</span>`;$(".capture_err").html(html);$(".capture_err").removeClass("d-none");$("#img_check").addClass("d-none")}else{$("#caputerModel").modal("hide");instance.mediaStream.getTracks().forEach(track=>{track.stop()});$("#check_out_btn").addClass("d-none");$("#check_in_btn").removeClass("d-none");$(".starting_time").addClass("d-none");$(".start_timing").addClass("d-none");$("#canvas").addClass("d-none");$(".loader-pendulums").addClass("d-none");$("#location_data").addClass("d-none");$(".timing").removeClass("d-none");$("#Check_duration").removeClass("d-none");$("#check_out_btn").removeAttr("data-toggle data-backdrop data-target");let Current_Time=new Date,hours=Current_Time.getHours(),ampm=hours>=12?"PM":"AM";instance.End_time=instance.addzero(instance.twelvehours(Current_Time.getHours()))+":"+instance.addzero(Current_Time.getMinutes())+" "+ampm;$(".end_time").html(instance.End_time);Bizgaze.Apps.Hrms.Components.Attendence.Instance().reset();(instance.startTime!=null||instance.timer_arrref!=null)&&(instance.startTime=undefined,instance.timer_arrref=undefined,instance.starttimerobj=undefined);$(".output").removeClass("d-none");let re_btn=$(".output").hasClass("d-none");re_btn==!1&&($(".output_re").empty(),$(".output").html(`00:00:00`),$(".output_re").addClass("d-none"));$(".output").html(`00:00:00`);let del_setting_val=instance.log_data.settings.filter(function(o){return o.settingName==="checkin"})[0];delete del_setting_val["settingValue"];Bizgaze.Apps.Hrms.Components.Attendence.Instance().getAttendanceLog();MessageHelper.Instance().showSuccess(response.message,"")}})})})})}retakeImage(){$("#retakeBtn").click(function(){$(this).addClass("d-none");Bizgaze.Apps.Hrms.Components.Attendence.Instance().takePicture();$("#cam").removeClass("d-none");$("#canvas").addClass("d-none");$("#snapBtn").removeClass("d-none");$("#close_btn").addClass("d-none");$("#photo").attr("src","");$(".capture_err").addClass("d-none");$(".capture_err").parent().removeClass("align-items-end")})}viewattendenceReport(){$(".view_Details").click(function(){var date_now=new Date;const fromDate=Unibase.Platform.Helpers.DateTimeHelper.Instance().formatServerDate(date_now);Unibase.Platform.Analytics.Components.ReportViewer.Instance().getReportByUniqueId("Bizgaze_Platform_Analytics_Reports_AttendanceLogdashboard",null,null,null,fromDate,fromDate)})}afterload(){const instance=Bizgaze.Apps.Hrms.Components.Attendence.Instance();instance.log_data=Unibase.Platform.Membership.Infos.Identity.getCurrentUser();let started_time=instance.log_data.settings.filter(function(o){return o.settingName==="checkin"})[0].settingValue;instance.employeeid=instance.log_data.userId;Bizgaze.Apps.Hrms.Managers.AttendenceManager.Instance().getLoginDetails(instance.employeeid).then(function(response){if(started_time!=""){if(response.result!=""&&response.result!=null){let last_record=response.result[response.result.length-1],timeno=last_record.CheckIn;instance.startdate=last_record.CheckIn;instance.attendenceid=last_record.AttendanceId;instance.attendencelogid=last_record.AttendancelogId;instance.time_ne=moment.utc(last_record.CheckIn).local();timeno==undefined?($("#check_in_btn").removeClass("d-none"),$("#check_out_btn").addClass("d-none")):(instance.startTime=instance.time_ne,instance.timer_arrref=instance.startTime,instance.timer=setInterval(instance.clockTick,1e3),$("#check_in_btn").addClass("d-none"),$("#check_out_btn").removeClass("d-none"),$(".timing").addClass("d-none"),$(".start_timing").removeClass("d-none"),$(".output_re").removeClass("d-none"))}}else if(response.result!=""&&response.result!=null){let last_record=response.result[response.result.length-1],timeno=last_record.CheckIn;instance.startdate=last_record.CheckIn;instance.attendenceid=last_record.AttendanceId;instance.attendencelogid=last_record.AttendancelogId;instance.time_ne=moment.utc(last_record.CheckIn).local();timeno==undefined?($("#check_in_btn").removeClass("d-none"),$("#check_out_btn").addClass("d-none")):(instance.startTime=instance.time_ne,instance.timer_arrref=instance.startTime,instance.timer=setInterval(instance.clockTick,1e3),$("#check_in_btn").addClass("d-none"),$("#check_out_btn").removeClass("d-none"),$(".timing").addClass("d-none"),$(".start_timing").removeClass("d-none"),$(".output_re").removeClass("d-none"))}})}postUserDetect(payload){return __awaiter(this,void 0,void 0,function*(){let instance=this;return yield Unibase.Apps.Collaboration.ResumeParsingManager.Instance().postUserDetect(payload)})}SaveCheckOutDetails(enddate){var postData,jsfiles;let img=$("#photo").attr("src"),instance=this;var Startdate=instance.startdate,Attendenceid=instance.attendenceid,Attendencelogid=instance.attendencelogid,address=instance.address,Latitude=instance.mylatitude,Longitude=instance.mylongtitude;let data=Unibase.Platform.Membership.Infos.Identity.getCurrentUser(),userid=data.userId;postData={CheckoutLocation:address,CheckoutImage:img,Attendenceid:Attendenceid,Attendencelogid:Attendencelogid,EndDate:enddate,Startdate:Startdate,userid:userid,Latitude:Latitude,Longitude:Longitude};jsfiles=["apps/hrms/managers/attendencemanager.js"];instance.fileCacheHelper.loadJsFiles(jsfiles,function(){Bizgaze.Apps.Hrms.Managers.AttendenceManager.Instance().SaveCheckOutDetails(postData).then(function(response){$("#snapBtn").attr({"data-dismiss":"modal","aria-label":"Close"});instance.mediaStream.getTracks().forEach(track=>{track.stop()});MessageHelper.Instance().showSuccess(response.message,"")})})}getUserApplicableShifts(){let instance=this,data=Unibase.Platform.Membership.Infos.Identity.getCurrentUser(),userid=data.userId;Bizgaze.Apps.Hrms.Managers.AttendenceManager.Instance().getUserApplicableShifts(userid).then(function(response){var data=response.result,ele_data;if(data!=null&&(ele_data=data.length,data!=undefined&&data!=null&&ele_data!=0)){instance.shiftfromtime=moment.utc(data[0].fromtime).local();let Checktime=new Date(instance.shiftfromtime),LI_ampm=Checktime.getHours()>=12?"PM":"AM",spl_val=Bizgaze.Apps.Hrms.Components.Attendence.Instance().addzero(Bizgaze.Apps.Hrms.Components.Attendence.Instance().twelvehours(Checktime.getHours()))+":"+Bizgaze.Apps.Hrms.Components.Attendence.Instance().addzero(Checktime.getMinutes())+" "+LI_ampm;instance.shifttotime=moment.utc(data[0].totime).local();let Checktotime=new Date(instance.shifttotime),Lo_ampm=Checktotime.getHours()>=12?"PM":"AM",spls_val=Bizgaze.Apps.Hrms.Components.Attendence.Instance().addzero(Bizgaze.Apps.Hrms.Components.Attendence.Instance().twelvehours(Checktotime.getHours()))+":"+Bizgaze.Apps.Hrms.Components.Attendence.Instance().addzero(Checktotime.getMinutes())+" "+Lo_ampm;$(".shift_name").html(`${data[0].shiftname} :`);$(".shift_timeings").html(`${spl_val} - ${spls_val}`)}})}getAttendanceLog(){let instance=this,data=Unibase.Platform.Membership.Infos.Identity.getCurrentUser(),userid=data.userId;Bizgaze.Apps.Hrms.Managers.AttendenceManager.Instance().getAttendanceLog(userid).then(function(response){if(response.result!==null){instance.last_checkIn=moment.utc(response.result.CheckIn).local();let Checkin_time=new Date(instance.last_checkIn),time=Checkin_time.getTime();instance.last_checkOut=moment.utc(response.result.CheckOut).local();let Checkout_time=new Date(instance.last_checkOut),Ctime=Checkout_time.getTime(),LI_ampm=Checkin_time.getHours()>=12?"PM":"AM",last_checkIn=Bizgaze.Apps.Hrms.Components.Attendence.Instance().addzero(Bizgaze.Apps.Hrms.Components.Attendence.Instance().twelvehours(Checkin_time.getHours()))+":"+Bizgaze.Apps.Hrms.Components.Attendence.Instance().addzero(Checkin_time.getMinutes())+" "+LI_ampm,LO_ampm=Checkout_time.getHours()>=12?"PM":"AM",last_checkOut=Bizgaze.Apps.Hrms.Components.Attendence.Instance().addzero(Bizgaze.Apps.Hrms.Components.Attendence.Instance().twelvehours(Checkout_time.getHours()))+":"+Bizgaze.Apps.Hrms.Components.Attendence.Instance().addzero(Checkout_time.getMinutes())+" "+LO_ampm;if(response.result!=null){$(".start_time").html(last_checkIn);$(".end_time").html(last_checkOut);let difference=Ctime-time;difference=difference/1e3;let hourDifference=Math.floor(difference/3600);difference-=hourDifference*3600;let minuteDifference=Math.floor(difference/60);difference-=minuteDifference*60;let due_time=`${Bizgaze.Apps.Hrms.Components.Attendence.Instance().addzero(hourDifference)}:${Bizgaze.Apps.Hrms.Components.Attendence.Instance().addzero(minuteDifference)}`;hourDifference>9||hourDifference==9?$(".Duration_time").addClass("text-success").removeClass("text-danger"):$(".Duration_time").addClass("text-danger").removeClass("text-success");$(".due_time").html(due_time)}}})}getAttendanceLogLastRecord(){let instance=this,data=Unibase.Platform.Membership.Infos.Identity.getCurrentUser(),userid=data.userId;Bizgaze.Apps.Hrms.Managers.AttendenceManager.Instance().getAttendanceLogLastRecord(userid).then(function(response){instance.last_checktable=response.result.CheckOut;instance.last_checktable=="0001-01-01T00:00:00"?($(".checkIn_err").addClass("d-none"),screen.width<576):($(".checkIn_err").removeClass("d-none"),$("#modal_closebtn").removeClass("d-none"),$("#snapBtn").addClass("d-none"),$("#cam").addClass("d-none"),$("#user_location").addClass("d-none"),$("#CancelBtn").addClass("d-none"))})}static Instance(){return this.instance===undefined&&(this.instance=new Attendence),this.instance}}Components.Attendence=Attendence})(Components=Hrms.Components||(Hrms.Components={}))})(Hrms=Apps.Hrms||(Apps.Hrms={}))})(Apps=Bizgaze.Apps||(Bizgaze.Apps={}))}(Bizgaze||(Bizgaze={})),function(Unibase){let Platform;(function(Platform){let Membership;(function(Membership){let Components;(function(Components){class CheckinDetails extends Platform.Core.BaseComponent{init(containerid){let instance=this;instance.load(null,containerid,null)}loadCheckInDetails(containerid){let instance=this,html=`<div class="modal-content">
                                        <div class="modal-header pa-10">
                                            <strong class="modal-title biz-highlight-bg-color">Attendence Details</strong>
                                        </div>
                                        <div data-simplebar class="modal-body simple-scroll-bar Create-New-Form-body bg-white">

                                        </div>
                                        <div class="modal-footer pa-10"> <button type="button" id="newAccountFormCloseBtn"
                                                class="btn btn-light btn-sm mr-auto">Close</button> <button type="button" id="newAccountFormSaveBtn"
                                                class="btn btn-primary hidden btn-sm">Save</button> </div>
                                    </div>`;$("#"+containerid).html(html)}load(id,containerid){var instance=this;instance.loadCheckInDetails(containerid);$(`#newAccountFormCloseBtn`).click(function(){instance.navigationHelper.closePopUp()})}jsFiles(){return["platform/membership/components/checkindetails.js"]}cssFiles(){return[]}html(){var instance=this;return``}static Instance(){return this.instance===undefined&&(this.instance=new CheckinDetails),this.instance}}Components.CheckinDetails=CheckinDetails})(Components=Membership.Components||(Membership.Components={}))})(Membership=Platform.Membership||(Platform.Membership={}))})(Platform=Unibase.Platform||(Unibase.Platform={}))}(Unibase||(Unibase={}));__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator["throw"](value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},function(Bizgaze){let Apps;(function(Apps){let Hrms;(function(Hrms){let Managers;(function(Managers){class AttendenceManager extends Unibase.Platform.Core.BaseManager{SaveCheckOutDetails(obj){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/bizgaze/hrms/attendence/SaveCheckOutDetails",obj).then(function(response){return response.result!==null&&(response.result=JSON.parse(response.result)),response})})}SaveCheckInDetails(obj){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/bizgaze/hrms/attendence/saveCheckInDetails",obj).then(function(response){return response.result!==null&&(response.result=JSON.parse(response.result)),response})})}getEmployeeCheckinAndCheckout(employeeid,checkin,checkout){return __awaiter(this,void 0,void 0,function*(){const url="apis/v4/bizgaze/hrms/attendence/getemployeecheckincheckoutdetails/employeeid/"+employeeid+"/checkin/"+checkin+"/checkout/"+checkout;return yield this.dataHelper().getAsync(url).then(function(response){return response.result!==null&&(response.result=JSON.parse(response.result)),response})})}getRegularizationCheckinAndCheckout(employeeid,checkin,checkout){return __awaiter(this,void 0,void 0,function*(){const url="apis/v4/bizgaze/hrms/regularization/getregularizationcheckincheckoutdetails/employeeid/"+employeeid+"/checkin/"+checkin+"/checkout/"+checkout;return yield this.dataHelper().getAsync(url).then(function(response){return response.result!==null&&(response.result=JSON.parse(response.result)),response})})}DeleteIncludedEmployees(attendeeid){return __awaiter(this,void 0,void 0,function*(){const url="apis/v4/bizgaze/hrms/presentbydefault/DeleteIncludedEmployees/id/"+attendeeid+"";return yield this.dataHelper().postAsync(url,null).then(function(response){return response.result!==null&&(response.result=JSON.parse(response.result)),response})})}getUserApplicableShifts(employeeid){return __awaiter(this,void 0,void 0,function*(){const url="apis/v4/bizgaze/hrms/attendence/getuserapplicableshifts/employeeid/"+employeeid;return yield this.dataHelper().getAsync(url).then(function(response){return response.result!==null&&(response.result=JSON.parse(response.result)),response})})}getLoginDetails(employeeid){return __awaiter(this,void 0,void 0,function*(){const url="apis/v4/bizgaze/hrms/attendence/getLogindata/employeeid/"+employeeid;return yield this.dataHelper().getAsync(url).then(function(response){return response.result!==null&&(response.result=JSON.parse(response.result)),response})})}addGeofencingUser(employeeid,employeename){return __awaiter(this,void 0,void 0,function*(){var instance=this,_recordId=Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x=>x.Key=="hf_"+Unibase.Themes.Providers.DetailHelper.installedAppId+"_recordid").Value),obj={employeeid:employeeid,geofencingid:_recordId,employeename:employeename};return yield this.dataHelper().postAsync("apis/v4/bizgaze/hrms/attendence/addgeofencinguser",obj).then(function(response){if(response.result!==null){var installedappid=Unibase.Themes.Providers.DetailHelper.installedAppId,Portlet=Unibase.Themes.Providers.Detail_Settings.Instance().ActivePortlets,PortletId=$("#hf_PortletId").val(),detailInstance=Unibase.Themes.Compact.Components.Details.Instance(),panel="#"+detailInstance._containerId;return Unibase.Themes.Compact.Components.Details.Instance().loadWidgets(installedappid,PortletId,panel),MessageHelper.Instance().showSuccess(response.message,"user added successfully")}return MessageHelper.Instance().showError(response.message,"add try Again ")})})}getAttendanceLog(employeeid){return __awaiter(this,void 0,void 0,function*(){const url="apis/v4/bizgaze/hrms/attendence/getAttendanceLog/employeeid/"+employeeid;return yield this.dataHelper().getAsync(url).then(function(response){return response.result!==null&&response.result!==""&&(response.result=JSON.parse(response.result)),response})})}getAttendanceLogLastRecord(employeeid){return __awaiter(this,void 0,void 0,function*(){const url="apis/v4/bizgaze/hrms/attendence/GetAttendanceLogLastRecord/employeeid/"+employeeid;return yield this.dataHelper().getAsync(url).then(function(response){return response.result!==null&&(response.result=JSON.parse(response.result)),response})})}static Instance(){return this._instance===undefined&&(this._instance=new AttendenceManager),this._instance}}Managers.AttendenceManager=AttendenceManager})(Managers=Hrms.Managers||(Hrms.Managers={}))})(Hrms=Apps.Hrms||(Apps.Hrms={}))})(Apps=Bizgaze.Apps||(Bizgaze.Apps={}))}(Bizgaze||(Bizgaze={}));__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator["throw"](value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},function(Unibase){let Apps;(function(Apps){let Collaboration;(function(Collaboration){class ResumeParsingManager extends Unibase.Platform.Core.BaseManager{createLead(obj){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("/apis/v4/bizgaze/integrations/leads/save",obj).then(function(response){return response.result!=null&&(response.result=JSON.parse(response.result)),response})})}postResume(data){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/bizgaze/integrations/ai/uploadresume",data).then(function(response){return response})})}postUserRegister(data){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/bizgaze/integrations/facerecognization/register",data).then(function(response){return response})})}postUserDetect(data){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/bizgaze/integrations/facerecognization/detect",data).then(function(response){return response})})}postbusinessCard(data){return __awaiter(this,void 0,void 0,function*(){return yield this.dataHelper().postAsync("apis/v4/bizgaze/integrations/ai/uploadbusinesscards/list",data).then(function(response){return response})})}static Instance(){return this.instance===undefined&&(this.instance=new ResumeParsingManager),this.instance}}Collaboration.ResumeParsingManager=ResumeParsingManager})(Collaboration=Apps.Collaboration||(Apps.Collaboration={}))})(Apps=Unibase.Apps||(Unibase.Apps={}))}(Unibase||(Unibase={}));__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator["throw"](value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},function(Unibase){let Themes;(function(Themes){let Compact;(function(Compact){let Components;(function(Components){class NotificationWidget extends Unibase.Platform.Core.BaseComponent{load(){var instance=this}jsFiles(){return["tenants/themes/compact/components/notifications/userdesignnotificationwidget.js"]}cssFiles(){return[]}html(){var instance=this;return``}init(containerid){return __awaiter(this,void 0,void 0,function*(){let instance=this;yield instance.loadnotificationDetails(containerid);yield instance.loadReminders(null,containerid)})}loadnotificationDetails(containerid){let instance=this,html=`<div class="card mb-0 border-0 BindData_`+containerid+` findcontainer h-100" style="background:0 0">
                                <div class="card-header py-2 px-2 border-bottom search-bar-main-wrapper  viewer-header position-sticky t-0 bg-white z-index-2" id="ViewerHeader_`+containerid+`">
                                <div class="card-header-top  line-loader-container p-relative">
                                <div class=line-loader></div>
                                <div id=div_ErrorMessage class=form-error-message style=margin-left:-5px;z-index:100></div>
                                <div  class="d-flex align-items-center biz-highlight-bg-color widget-font text-truncate">Notifications</div>
                                </div>
                                </div>
                                <div class="card-body px-1 py-0 border-removed border-white-removed show userDesignWidgetCardBody simple-scroll-bar" id="Viewer_`+containerid+`" data-iscollapseapplied=false>
                                <ul class="UserdesignNotifiactionDetails" id="UserdesignNotifiactionDetails"></ul>
                                </div>
                                </div>`;$("#"+containerid).html(html);screen.width>1120&&$("#"+containerid).find(".userDesignWidgetCardBody").css("height","365px")}loadReminders(){return __awaiter(this,void 0,void 0,function*(){let remindertype=Unibase.Platform.Communications.Enums.ReminderType.Notification;return yield Unibase.Platform.Communications.Managers.ReminderManager.Instance().getReminders(remindertype,10).then(function(response){let html="";if(response.length!=""||response.length!=0)for(let i=0;i<response.length;i++){let createformid=0,installedappid=0,refid=0;response[i].RedirectOptions==null||response[i].RedirectOptions==undefined?(installedappid=response[i].InstalledAppId,refid=response[i].RefId):(createformid=response[i].RedirectOptions.CreateFormId,installedappid=response[i].RedirectOptions.InstalledAppId,refid=response[i].RedirectOptions.RefId);let ReminderUrl=response[i].ReminderUrl,IconUrl=response[i].IconUrl;(IconUrl==undefined||IconUrl==null)&&(IconUrl="tenants/themes/compact/imgs/defaultnotification.png");IconUrl==""&&(IconUrl="tenants/themes/compact/imgs/notification.png");let ReminderId=response[i].ReminderId;ReminderUrl==""&&(ReminderUrl=null);html=`<div class="rem-item-wrap notification_card widget-card p-0">
                                        <div class="d-flex w-100">
                                          <a href="javascript:void(0);" class="w-100 text-dark notification_click" id="Rem-item-${ReminderId}" data-id="${ReminderId}" onclick="Unibase.Themes.Compact.Components.Notification.Instance().loadReminderDetails(${refid},${installedappid},'${response[i].UrlType}','${ReminderUrl}',${remindertype},${createformid},null)" class="text-dark py-1 w-90">
                                            <div class="d-flex w-100">
                                              <div class="flex-grow-1 overflow-hide">
                                                <div class="notifications-text word-break">
                                                  <div class="d-flex justify-content-between align-items-center">
                                                        <div class="w-60p p-2 mr-1 flex-shrink-0">
                                                         <img src="${IconUrl}" data-dynamic="1" onerror="ReloadImage(event)" class="img-fluid" data-loaded="0">
                                                         </div>
                                                    <div class="w-90">
                                                    <div class="text-dark text-capitalize font-12 font-weight-600 text-truncate w-95 notification-subject" title="${response[i].Subject}">${response[i].Subject}</div>
                                                         <div class=" word-break notifi_message_overflow">${response[i].Message}  <span class="notifications-time  text-secondary">-</span>   <span class="notifications-time  text-secondary"> ${Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocal(response[i].ReminderDate)}</div>
                                                    </div>
                                                    <span>
                                                  </div>
                                                </div>
                                                <div>
                                                </div>
                                               
                                              </div>
                                            </div>
                                          </a>
                                        </div>
                                        </div>`;$(".UserdesignNotifiactionDetails").append(html)}else{let emptyhtml=`<div class="card-body  text-center"><img src="tenants/themes/compact/imgs/notification.png" onerror="ReloadImage(event)" class="h-125p w-125p"><p class="text-dark my-1 font-weight-600">You don't have any Notifications yet.</p><p class="font-14">Will notify you when Something arrives'</p> </div>`;$(".UserdesignNotifiactionDetails").html(emptyhtml)}$(".notification_click").click(function(){if($(this).parents(".notification_card").remove(),$(".UserdesignNotifiactionDetails").html().length==0){let emptyhtml=`<div class="card-body  text-center"><img src="tenants/themes/compact/imgs/notification.png" onerror="ReloadImage(event)" class="h-125p w-125p"><p class="text-dark my-1 font-weight-600">You don't have any Notifications yet.</p><p class="font-14">Will notify you when Something arrives'</p> </div>`;$(".UserdesignNotifiactionDetails").html(emptyhtml)}})})})}static Instance(){return this.instance===undefined&&(this.instance=new NotificationWidget),this.instance}}Components.NotificationWidget=NotificationWidget})(Components=Compact.Components||(Compact.Components={}))})(Compact=Themes.Compact||(Themes.Compact={}))})(Themes=Unibase.Themes||(Unibase.Themes={}))}(Unibase||(Unibase={}));__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator["throw"](value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},function(Unibase){let Themes;(function(Themes){let Compact;(function(Compact){let Components;(function(Components){class TaskWidget extends Unibase.Platform.Core.BaseComponent{load(){var instance=this}jsFiles(){return[]}cssFiles(){return[]}html(){var instance=this;return``}init(containerid){return __awaiter(this,void 0,void 0,function*(){let instance=this;yield instance.loadnotificationDetails(containerid);yield instance.loadReminders(null,containerid)})}loadnotificationDetails(containerid){let instance=this,html=`<div class="card mb-0 border-0 BindData_`+containerid+` findcontainer h-100" style="background:0 0">
                                <div class="card-header py-2 px-2 border-bottom search-bar-main-wrapper  viewer-header position-sticky t-0 bg-white z-index-2" id="ViewerHeader_`+containerid+`">
                                <div class="card-header-top  line-loader-container p-relative">
                                <div class=line-loader></div>
                                <div id=div_ErrorMessage class=form-error-message style=margin-left:-5px;z-index:100></div>
                                <div  class="d-flex align-items-center biz-highlight-bg-color widget-font text-truncate">Tasks</div>
                                </div>
                                </div>
                                <div class="card-body px-1 py-0 border-removed border-white-removed show userDesignWidgetCardBody taskDetailsCardBody simple-scroll-bar" id="Viewer_`+containerid+`" data-iscollapseapplied=false>
                                <ul class="UserdesignTaskDetails" id="UserdesignTaskDetails"></ul>
                                </div>
                                </div>`;$("#"+containerid).html(html);screen.width>1120&&$("#"+containerid).find(".userDesignWidgetCardBody").css("height","365px")}loadReminders(){return __awaiter(this,void 0,void 0,function*(){let remindertype=Unibase.Platform.Communications.Enums.ReminderType.Task;return yield Unibase.Platform.Communications.Managers.ReminderManager.Instance().getReminders(remindertype,10).then(function(response){let html="";if(response.length!=""||response.length!=0)for(let i=0;i<response.length;i++){let createformid=0,installedappid=0,refid=0;response[i].RedirectOptions==null||response[i].RedirectOptions==undefined?(installedappid=response[i].InstalledAppId,refid=response[i].RefId):(createformid=response[i].RedirectOptions.CreateFormId,installedappid=response[i].RedirectOptions.InstalledAppId,refid=response[i].RedirectOptions.RefId);let ReminderUrl=response[i].ReminderUrl,IconUrl=response[i].IconUrl;(IconUrl==undefined||IconUrl==null)&&(IconUrl="tenants/themes/compact/imgs/defaultnotification.png");IconUrl==""&&(IconUrl="tenants/themes/compact/imgs/notification.png");let ReminderId=response[i].ReminderId;ReminderUrl==""&&(ReminderUrl=null);html='<div id="Taskmedia_'+ReminderId+'" class="task-list-item border-bottom border-2"><div class="cursor-pointer d-flex pr-3 py-1 w-100" id="Rem-item-'+ReminderId+'" data-id="'+ReminderId+'" onclick="Unibase.Themes.Compact.Components.Notification.Instance().loadReminderDetails('+refid+","+installedappid+",'"+response[i].UrlType+"','"+ReminderUrl+"',"+remindertype+","+createformid+',null)">'+`<div class="w-60p p-2 mr-2 flex-shrink-0"><img src="${IconUrl}" data-dynamic="1" onerror="ReloadImage(event)" class="img-fluid" data-loaded="0"></div>
                                    <div class="notifications-text flex-grow-1 overflow-hide word-break">
                                    <p class="text-dark text-capitalize font-12 font-weight-600 w-95 text-truncate word-break task-subject" title="${response[i].Subject}">${response[i].Subject}</p>
                                    <p class="font-12 text-dark notifi_message_overflow"> ${response[i].Message}</p>
                                    <div class="d-flex align-items-center justify-content-between ">
                                    <div class="notifications-time font-12">${Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocal(response[i].ReminderDate)}</div>`+'<div class="btn btn-outline-primary btn-xs p-2 line-height-10" onclick="Unibase.Themes.Compact.Components.TaskWidget.Instance().LoadApprovals(\''+response[i].RefGuid+"','"+ReminderId+"',"+response[i].TaskId+');event.stopPropagation();"><a class="pull-right  TaskCollapse_Manage'+ReminderId+' font-12" style="text-decoration: none;" data-toggle="collapse" > Manage <i class="text-dark fa fa-angle-down"><\/i>'+`</a></div></div></div></div>
                                    <div class="box collaps" id="TaskcollapseManageBtn_${ReminderId}">
                                    </div>
                                    </div>`;$(".UserdesignTaskDetails").append(html)}else{let emptyhtml=`<div class="card-body  text-center"><img src="tenants/themes/compact/imgs/task.png" onerror="ReloadImage(event)" class="h-125p w-125p"><p class="text-dark my-1 font-weight-600">You don't have any Tasks Right Now.</p><p class="font-14">Will notify you when Something arrives'</p> </div>`;$(".UserdesignTaskDetails").html(emptyhtml)}})})}LoadApprovals(RefId,ReminderId,TaskId){var html="";if($(`#taskManageBtnWrap_${ReminderId}`).length){$("#TaskcollapseManageBtn_"+ReminderId).collapse("toggle");return}Unibase.Platform.Communications.Managers.TaskManager.Instance().getTaskByRefId(RefId,TaskId).then(function(response){if(response.result!=null){var Approvedbtn="Approve",Rejectbtn="Reject",rejectonclick="Unibase.Themes.Compact.Components.Notification.Instance().SaveTaskReason('"+ReminderId+"',"+response.result.TaskId+",'Reject');";response.result.ConfirmKeyText!=null&&response.result.ConfirmKeyText!=undefined&&response.result.ConfirmKeyText!=""&&(Approvedbtn=response.result.ConfirmKeyText);response.result.RejectKeyText!=null&&response.result.RejectKeyText!=undefined&&response.result.RejectKeyText!=""&&(Rejectbtn=response.result.RejectKeyText);Number(response.result.RejectFormId)!=0&&(rejectonclick="Unibase.Themes.Compact.Components.Notification.Instance().ChangeApprovalStatus('"+ReminderId+"',"+response.result.TaskId+",'Reject',"+response.result.RejectFormId+","+response.result.RejectFormPkId+")");html+=`<div class="d-flex justify-content-between align-items-center mb-2 mt-1 ml-3 accordion-header" id="taskManageBtnWrap_${ReminderId}">`+`<div>`+'<button class="btn btn-outline-success taskbtn_conform mr-2 ml-auto px-4 py-1 font-12" onclick="Unibase.Themes.Compact.Components.Notification.Instance().ChangeApprovalStatus(\''+ReminderId+"',"+response.result.TaskId+",'Accept',"+response.result.ApprovalFormId+","+response.result.ApprovalFormPkId+')">'+Approvedbtn+'<\/button><button class="btn btn-outline-danger mr-2 ml-auto px-4 py-1 font-12 collapsed" data-toggle="collapse" href="#collapseReject_'+ReminderId+'">'+Rejectbtn+'<\/button><\/div><a class="py-1 font-12 text-danger pr-25 taskbtn_end" onclick = "Unibase.Themes.Compact.Components.Notification.Instance().confirmclosetask('+TaskId+",'"+ReminderId+'\')">Close<\/a><\/div><div class="collapse py-1" id="collapseReject_'+ReminderId+'" data-parent="#TaskcollapseManageBtn_'+ReminderId+'"><div class="d-flex justify-content-start mt-1 px-3"><input type="text" id="Reason_'+TaskId+'" class="form-control focus_blue border-0 w-75 p-0 pl-1 mr-2" placeholder="Add Comment"><a href="javascript:void(0);" class="btn-sm btn-success px-3 ml-2 p-0 d-flex flex-row align-items-center taskbtn_send" onclick="'+rejectonclick+'"><i class="fa fa-send-o font-11"><\/i><\/a><\/div><\/div>';$(".taskDetailsCardBody #TaskcollapseManageBtn_"+ReminderId).html(html).collapse("show");$(".taskbtn_conform,.taskbtn_send").click(function(){if($(this).parents(".task-list-item").remove(),$(".UserdesignTaskDetails").html().length==0){let emptyhtml=`<div class="card-body  text-center"><img src="tenants/themes/compact/imgs/task.png" onerror="ReloadImage(event)" class="h-125p w-125p"><p class="text-dark my-1 font-weight-600">You don't have any Tasks Right Now.</p><p class="font-14">Will notify you when Something arrives'</p> </div>`;$(".UserdesignTaskDetails").html(emptyhtml)}})}})}static Instance(){return this.instance===undefined&&(this.instance=new TaskWidget),this.instance}}Components.TaskWidget=TaskWidget})(Components=Compact.Components||(Compact.Components={}))})(Compact=Themes.Compact||(Themes.Compact={}))})(Themes=Unibase.Themes||(Unibase.Themes={}))}(Unibase||(Unibase={}));