@adins/ucsearch 2.9.23 → 2.11.0

package/fesm2020/adins-ucsearch.mjs

@@ -1,1360 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, Pipe, EventEmitter, Component, Inject, ViewChild, Input, Output, NgModule } from '@angular/core';
-import * as i1 from '@angular/common/http';
-import * as i9 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i4 from '@angular/common';
-import { formatDate, DOCUMENT, DatePipe, CommonModule } from '@angular/common';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import * as i2 from 'ngx-toastr';
-import * as i3 from 'ngx-cookie';
-import * as CryptoJS from 'crypto-js';
-import * as FileSaver from 'file-saver';
-import * as XLSX from 'xlsx';
-import * as i6 from '@angular/router';
-import * as i7 from '@adins/uc-show-errors';
-import { UcShowErrorsModule } from '@adins/uc-show-errors';
-import * as i8 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i10 from '@adins/uc-directive-upper-case';
-import { UcDirectiveUpperCaseModule } from '@adins/uc-directive-upper-case';
-import * as i11 from 'ngx-currency';
-import { CurrencyMaskInputMode, NgxCurrencyModule } from 'ngx-currency';
-
-class UCSearchService {
-    constructor() { }
-}
-/** @nocollapse */ /** @nocollapse */ UCSearchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UCSearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ UCSearchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UCSearchService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UCSearchService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class AdInsConstant {
-}
-AdInsConstant.RestrictionBetween = "Between";
-AdInsConstant.RestrictionLike = "Like";
-AdInsConstant.RestrictionEq = "Eq";
-AdInsConstant.RestrictionNeq = "NEQ";
-AdInsConstant.RestrictionGt = "GT";
-AdInsConstant.RestrictionGte = "GTE";
-AdInsConstant.RestrictionLt = "LT";
-AdInsConstant.RestrictionLte = "LTE";
-AdInsConstant.RestrictionIn = "IN";
-AdInsConstant.RestrictionNotIn = "NotIn";
-AdInsConstant.RestrictionOr = "Or"; //pastikan ada 1 criteria sebelumnya
-AdInsConstant.RestrictionOrNeq = "OrNeq"; //pastikan ada 1 criteria sebelumnya
-AdInsConstant.RestrictionIsNull = "ISNULL";
-AdInsConstant.RestrictionIsNotNull = "ISNOTNULL";
-AdInsConstant.RestrictionGTE = "GTE";
-AdInsConstant.RestrictionLTE = "LTE";
-AdInsConstant.showData = "10,50,100";
-AdInsConstant.JoinTypeInner = "INNER";
-AdInsConstant.JoinTypeLeft = "LEFT";
-const MIME_TYPES = {
-    csv: 'text/csv;charset=UTF-8',
-    excel: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8',
-    json: 'text/json;charset=UTF-8',
-};
-const EXPORT_DATA_TYPES = {
-    csv: 'csv',
-    excel: 'excel',
-    json: 'json',
-};
-const EXTENSION_TYPE = {
-    csv: '.csv',
-    excel: '.xlsx',
-    json: '.json',
-};
-const ALLOWED_MIME_TYPES = [
-    MIME_TYPES.csv,
-    MIME_TYPES.excel,
-    MIME_TYPES.json,
-];
-const ALLOWED_EXPORT_DATA_TYPES = [
-    EXPORT_DATA_TYPES.csv,
-    EXPORT_DATA_TYPES.excel,
-    EXPORT_DATA_TYPES.json,
-];
-const ALLOWED_EXTENSION_TYPE = [
-    EXTENSION_TYPE.csv,
-    EXTENSION_TYPE.excel,
-    EXTENSION_TYPE.json,
-];
-
-class IntegrationObj {
-    constructor() {
-        this.baseUrl = "";
-        this.apiPath = "";
-        this.requestObj = new Object();
-        this.leftColumnToJoin = "";
-        this.rightColumnToJoin = "";
-        this.joinType = AdInsConstant.JoinTypeInner;
-    }
-}
-
-class InputSearchObj {
-    constructor() {
-        this._url = "";
-        this.enviromentUrl = "";
-        this.title = "";
-        this.apiQryPaging = "";
-        this.arrCritObj = null;
-        this.addCritInput = new Array();
-        this.listEnvironments = new Array();
-        this.whereValue = new Array();
-        this.fromValue = new Array();
-        this.switchValue = new Array();
-        this.integrationObj = new IntegrationObj();
-        this.isJoinExAPI = false;
-    }
-}
-class EnviObj {
-    constructor() {
-        this.name = "";
-        this.environment = "";
-    }
-}
-class WhereValueObj {
-    constructor() {
-        this.property = "";
-    }
-}
-class FromValueObj {
-    constructor() {
-        this.property = "";
-    }
-}
-class SwitchValueObj {
-    constructor() {
-        this.property = "";
-    }
-}
-class EnvisObj {
-    constructor() {
-        this.environment = "";
-        this.url = "";
-    }
-}
-
-class CriteriaObj {
-    constructor() {
-        this.low = 0;
-        this.high = 0;
-        this.DataType = 'Text';
-        this.isCriteriaDataTable = false;
-    }
-}
-
-class RequestCriteriaObj {
-    constructor() {
-        this.includeCount = true;
-        this.includeData = true;
-        this.isLoading = true;
-        this.queryString = '';
-        this.rowVersion = '';
-        this.integrationObj = new IntegrationObj();
-        this.joinType = AdInsConstant.JoinTypeInner;
-    }
-}
-
-class KeyValueReportObj {
-    constructor() {
-        this.key = 0;
-        this.value = "";
-    }
-}
-class ExportTypeConstant {
-}
-ExportTypeConstant.EXP_TYPE_PDF = 0;
-ExportTypeConstant.EXP_TYPE_XLS = 1;
-ExportTypeConstant.EXP_TYPE_XLSX = 2;
-ExportTypeConstant.EXP_TYPE_DOC = 3;
-ExportTypeConstant.EXP_TYPE_DOCX = 4;
-ExportTypeConstant.EXP_TYPE_JPDF = 5;
-
-class KeyValueUCSearchObj {
-    constructor() {
-        this.key = 0;
-        this.value = "";
-    }
-}
-class ListKeyValueMonth {
-    constructor() {
-        this.DictOfMonth = {};
-        this.ListOfMonth = new Array();
-        this.DictOfMonth = {};
-        this.ListOfMonth.push({ key: 1, value: "January" });
-        this.DictOfMonth[1] = "January";
-        this.ListOfMonth.push({ key: 2, value: "February" });
-        this.DictOfMonth[2] = "February";
-        this.ListOfMonth.push({ key: 3, value: "March" });
-        this.DictOfMonth[3] = "March";
-        this.ListOfMonth.push({ key: 4, value: "April" });
-        this.DictOfMonth[4] = "April";
-        this.ListOfMonth.push({ key: 5, value: "May" });
-        this.DictOfMonth[5] = "May";
-        this.ListOfMonth.push({ key: 6, value: "June" });
-        this.DictOfMonth[6] = "June";
-        this.ListOfMonth.push({ key: 7, value: "July" });
-        this.DictOfMonth[7] = "July";
-        this.ListOfMonth.push({ key: 8, value: "August" });
-        this.DictOfMonth[8] = "August";
-        this.ListOfMonth.push({ key: 9, value: "September" });
-        this.DictOfMonth[9] = "September";
-        this.ListOfMonth.push({ key: 10, value: "October" });
-        this.DictOfMonth[10] = "October";
-        this.ListOfMonth.push({ key: 11, value: "November" });
-        this.DictOfMonth[11] = "November";
-        this.ListOfMonth.push({ key: 12, value: "December" });
-        this.DictOfMonth[12] = "December";
-    }
-}
-
-class ExportFileService {
-    exportFileAsExcel(json, fileName) {
-        const buffer = this.genExcelBuffer(json);
-        const mimeType = MIME_TYPES.excel;
-        const extType = EXTENSION_TYPE.excel;
-        this.saveAsFile(buffer, fileName, mimeType, extType);
-    }
-    exportFileAsJson(json, fileName) {
-        const buffer = this.genJsonBuffer(json);
-        const mimeType = MIME_TYPES.json;
-        const extType = EXTENSION_TYPE.json;
-        this.saveAsFile(buffer, fileName, mimeType, extType);
-    }
-    exportFileAsCsv(json, fileName) {
-        const buffer = this.genCsvBuffer(json);
-        const mimeType = MIME_TYPES.csv;
-        const extType = EXTENSION_TYPE.csv;
-        this.saveAsFile(buffer, fileName, mimeType, extType);
-    }
-    genExcelBuffer(json) {
-        const worksheet = XLSX.utils.json_to_sheet(json);
-        const workbook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
-        const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
-        return excelBuffer;
-    }
-    genJsonBuffer(json) {
-        return JSON.stringify(json, null, 2);
-    }
-    genCsvBuffer(json) {
-        const titleKeys = Object.keys(json[0]);
-        const refinedData = [];
-        refinedData.push(titleKeys);
-        json.forEach(item => {
-            refinedData.push(Object.values(item));
-        });
-        let csvContent = '';
-        refinedData.forEach(row => {
-            csvContent += row.join(',') + '\n';
-        });
-        return csvContent;
-    }
-    saveAsFile(buffer, fileName, mimeType, extType) {
-        const data = new Blob([buffer], {
-            type: mimeType
-        });
-        const _id = new Date().getTime();
-        const _filename = `${fileName}_export_${_id}${extType}`;
-        FileSaver.saveAs(data, _filename);
-    }
-}
-/** @nocollapse */ /** @nocollapse */ ExportFileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ExportFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ /** @nocollapse */ ExportFileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ExportFileService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ExportFileService, decorators: [{
-            type: Injectable
-        }] });
-
-class TextSearchPipe {
-    transform(items, text) {
-        if (!text) {
-            return items;
-        }
-        return items.filter((item) => {
-            if (item.Value && typeof item.Value === 'string') {
-                return item.Value.toLowerCase().indexOf(text.toLowerCase()) > -1;
-            }
-            return false;
-        });
-    }
-}
-/** @nocollapse */ /** @nocollapse */ TextSearchPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TextSearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-/** @nocollapse */ /** @nocollapse */ TextSearchPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TextSearchPipe, name: "textSearch" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TextSearchPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'textSearch'
-                }]
-        }] });
-
-class UCSearchComponent {
-    constructor(http, _renderer2, _document, toastr, cookieService, datePipe, elemRef, exportFileService, route) {
-        this.http = http;
-        this._renderer2 = _renderer2;
-        this._document = _document;
-        this.toastr = toastr;
-        this.cookieService = cookieService;
-        this.datePipe = datePipe;
-        this.elemRef = elemRef;
-        this.exportFileService = exportFileService;
-        this.route = route;
-        this.searchInput = new InputSearchObj();
-        this.pageSize = 10;
-        this.isReport = false;
-        this.result = new EventEmitter();
-        this.genRpt = new EventEmitter();
-        this.reqGetAllData = new EventEmitter();
-        this.ExportTypeList = [
-            {
-                key: ExportTypeConstant.EXP_TYPE_PDF,
-                value: "PDF"
-            },
-            {
-                key: ExportTypeConstant.EXP_TYPE_XLSX,
-                value: "Excel 2007"
-            },
-            {
-                key: ExportTypeConstant.EXP_TYPE_DOCX,
-                value: "Document XML"
-            },
-            {
-                key: ExportTypeConstant.EXP_TYPE_JPDF,
-                value: "Justify PDF"
-            }
-        ];
-        this.ListOfMonth = new ListKeyValueMonth();
-        this.ListOfYear = new Array();
-        this.ClaimList = [
-            {
-                Key: AdInsConstant.RestrictionIsNotNull,
-                Value: "CLAIMED"
-            },
-            {
-                Key: AdInsConstant.RestrictionIsNull,
-                Value: "UNCLAIMED"
-            },
-        ];
-        this.ExportType = 0;
-        this.pageNow = 1;
-        this.isDataLoaded = false;
-        this.isHidden = false;
-        this.BusinessDt = new Date();
-        this.dateWrong = false;
-        this.readonly = false;
-        this.isSearch = false;
-        this.currentState = 'initial';
-        this.countForm = 0;
-        this.formattedAmount = '';
-        this.amount = 0;
-        this.route.queryParams.subscribe(params => {
-            this.queryParam = params;
-        });
-    }
-    // isListHide: boolean = true;
-    // @HostListener('document:click', ['$event'])
-    // onClick(ev: MouseEvent) {
-    //   const clickInside = this.elemRef.nativeElement.contains(ev.target);
-    //   if (!clickInside) {
-    //     this.isListHide = true;
-    //   }
-    // }
-    set content(content) {
-        if (content) { // initially setter gets called with undefined
-            this.searchForm = content;
-        }
-    }
-    changeState() {
-        this.currentState = this.currentState == 'initial' ? 'final' : 'initial';
-        this.isHidden = !this.isHidden ? true : false;
-    }
-    async ngOnInit() {
-        console.log("ucsearch");
-        this.apiUrl = this.searchInput.enviromentUrl + this.searchInput.apiQryPaging;
-        this.arrCrit = this.searchInput.arrCritObj;
-        let js = this._renderer2.createElement('script');
-        js.text = `
-          $(document).ready(function(){
-            $("#flip").click(function(){
-              $("#panel").slideToggle("slow");
-            });
-          });
-        `;
-        this._renderer2.appendChild(this._document.body, js);
-        let value = this.cookieService.get('BusinessDateRaw');
-        this.BisDt = this.DecryptString(value, "AdInsFOU12345678");
-        this.BusinessDt = new Date(this.BisDt);
-        await this.initiateForm();
-    }
-    async initiateForm() {
-        await this.getJSON(this.searchInput._url).subscribe(data => {
-            this.configuration = data;
-            this.exportData = data.exportExcel;
-            if (data.exportTypeList != undefined && data.exportTypeList.length != 0) {
-                this.ExportTypeList = data.exportTypeList;
-                this.ExportType = this.ExportTypeList[0].key;
-            }
-            this.countForm = data.component.length;
-            this.isDataLoaded = true;
-            if (this.searchInput.title != undefined && this.searchInput.title != "") {
-                this.configuration.title = this.searchInput.title;
-            }
-            for (let i = 0; i < this.countForm; i++) {
-                //ini kalau datanya di load dari URL
-                if (data.component[i].isFromURL) {
-                    let request = new RequestCriteriaObj();
-                    let arrayCrit = new Array();
-                    let criteriaObject = new CriteriaObj();
-                    criteriaObject.DataType = "text";
-                    criteriaObject.propName = data.component[i].criteriaPropName;
-                    criteriaObject.value = data.component[i].criteriaPropValue;
-                    criteriaObject.restriction = "eq";
-                    arrayCrit.push(criteriaObject);
-                    request.criteria = arrayCrit;
-                    request[data.component[i].criteriaPropName] = data.component[i].criteriaPropValue;
-                    // Pengecekan penggunaan url atau path
-                    if (data.component[i].path != undefined && data.component[i].path != "") {
-                        if (this.searchInput.listEnvironments != undefined && this.searchInput.listEnvironments.length != 0) {
-                            for (let y = 0; y < this.searchInput.listEnvironments.length; y++) {
-                                if (data.component[i].environment == this.searchInput.listEnvironments[y].environment) {
-                                    data.component[i].fullpath = this.searchInput.listEnvironments[y].url + data.component[i].path;
-                                    break;
-                                }
-                            }
-                        }
-                        else {
-                            data.component[i].fullpath = data.component[i].url;
-                        }
-                    }
-                    else {
-                        data.component[i].fullpath = data.component[i].url;
-                    }
-                    //lempar objectnya sekalian sama urlnya, nnti di bind di dalem karena masalah di asyncnya
-                    //biar tiap function ada state2nya sendiri
-                    this.resolveObject(data.component[i], data.component[i].fullpath, request);
-                }
-                if (data.component[i].type == "numeric") {
-                    data.component[i].value = parseFloat(data.component[i].value).toLocaleString('en');
-                }
-                //pengecekan ddl
-                if (data.component[i].type == "dropdown") {
-                    if (data.component[i].dtmType != undefined) {
-                        if (data.component[i].dtmType.includes("month")) {
-                            if (data.component[i].value != undefined && data.component[i].value.includes("BD")) {
-                                data.component[i].value = this.setDefaultValueMonth(data.component[i].value);
-                            }
-                            data.component[i].items = this.setMonthDDL(data.component[i].dtmType);
-                        }
-                        if (data.component[i].dtmType.includes("year")) {
-                            if (data.component[i].value != undefined && data.component[i].value.includes("BD")) {
-                                data.component[i].value = this.setDefaultValueYear(data.component[i].value);
-                            }
-                            data.component[i].items = this.setYearDDL(data.component[i].dtmType);
-                        }
-                    }
-                }
-                // if (data.component[i].type == "dropdownSearch" && !data.component[i].isFromURL && data.component[i].items?.length != 1) {
-                //   if (data.component[i].ddsType == undefined || data.component[i].ddsType == "all") {
-                //     data.component[i].value = "all";
-                //     data.component[i].descr = "All";
-                //   } else if (data.component[i].ddsType == "one") {
-                //     data.component[i].value = "one";
-                //     data.component[i].descr = "Select One";
-                //   }
-                // }
-                if (data.component[i].type == "dropdownSearch" && !data.component[i].isFromURL && data.component[i].items.length == 1) {
-                    data.component[i].value = data.component[i].items[0].Key;
-                    data.component[i].descr = data.component[i].items[0].Value;
-                }
-                if (data.component[i].type != "dropdownSearch" && !data.component[i].value) {
-                    data.component[i].value = "";
-                    if (data.component[i].ddlType == 'all')
-                        data.component[i].value = "all";
-                    if (data.component[i].ddlType == 'one')
-                        data.component[i].value = "one";
-                }
-                //pengecekan tanggal
-                if (data.component[i].type == "datepicker") {
-                    this.readonly = data.component[i].readonly;
-                    if (data.component[i].value.includes("BD")) {
-                        let businessDate = new Date();
-                        if (this.BisDt != null) {
-                            businessDate = new Date(this.BisDt);
-                        }
-                        let operator = data.component[i].value.charAt(2);
-                        let dateShow = new Date();
-                        if (operator == "-") {
-                            let tempMinus = data.component[i].value.split("-", 2);
-                            let numDay = parseInt(tempMinus[1]);
-                            businessDate.setDate(businessDate.getDate() - numDay);
-                        }
-                        else if (operator == "+") {
-                            let tempMinus = data.component[i].value.split("+", 2);
-                            let numDay = parseInt(tempMinus[1]);
-                            businessDate.setDate(businessDate.getDate() + numDay);
-                        }
-                        dateShow = businessDate;
-                        let dateText = formatDate(dateShow, 'yyyy-MM-dd', 'en-US');
-                        data.component[i].value = dateText;
-                    }
-                    if (this.readonly = false) {
-                        if (data.component[i].restriction != undefined && data.component[i].restriction != "") {
-                            if (data.component[i].restriction.toUpperCase() == "GT") {
-                                let minDate = new Date(this.datePipe.transform(data.component[i].minDate, 'yyyy-MM-dd'));
-                                minDate.setDate(minDate.getDate() + 1);
-                                data.component[i].minDate = minDate;
-                            }
-                            else if (data.component[i].restriction.toUpperCase() == "LT") {
-                                let maxDate = new Date(this.datePipe.transform(data.component[i].maxDate, 'yyyy-MM-dd'));
-                                maxDate.setDate(maxDate.getDate() - 1);
-                                data.component[i].maxDate = maxDate;
-                            }
-                        }
-                    }
-                }
-                if (data.component[i].type == "textbox") {
-                    this.configuration.component[i].value = this.autofill(data.component[i]);
-                }
-            }
-            setTimeout(() => {
-                for (let j = 0; j < this.countForm; j++) {
-                    if (data.component[j].isEvent && this.configuration.component[j].itemsUrl.length == 1) {
-                        this.onChangeEvent(data.component[j].itemsUrl[0].Key, data.component[j]);
-                    }
-                    if (data.component[j].type == "officeRoleCodes" && this.configuration.component[j].itemsUrl.length > 0) {
-                        this.SetRoleOfficeCodes(j);
-                    }
-                }
-            }, 1000);
-        });
-    }
-    autofill(data) {
-        if (data.value != "")
-            return data.value;
-        const autofill = data.autofill;
-        if (autofill == undefined)
-            return data.value;
-        if (this.queryParam[autofill.key] == undefined)
-            return data.value;
-        if (autofill.source == "param") {
-            return this.queryParam[autofill.key];
-        }
-        return data.value;
-    }
-    SetRoleOfficeCodes(i) {
-        let value = this.cookieService.get("UserAccess");
-        let userAccess = JSON.parse(this.DecryptString(value, "AdInsFOU12345678"));
-        let roleCode = userAccess["RoleCode"];
-        let listOfficeRoleCodes = new Array();
-        listOfficeRoleCodes.push(roleCode);
-        let component = this.myForm.nativeElement[i];
-        let ddl = component.options;
-        let text = ddl[ddl.selectedIndex].value.trim();
-        if (this.configuration.component[i].itemsUrl.length == 1 || (this.configuration.component[i].ddlType == 'all' && text == 'all')) {
-            for (let index = 0; index < this.configuration.component[i].itemsUrl.length; index++) {
-                const element = this.configuration.component[i].itemsUrl[index];
-                listOfficeRoleCodes.push(element.Key);
-                listOfficeRoleCodes.push(roleCode + "-" + element.Key);
-            }
-        }
-        else {
-            listOfficeRoleCodes.push(text);
-            listOfficeRoleCodes.push(roleCode + "-" + text);
-        }
-        this.searchInput.integrationObj.requestObj["OfficeRoleCodes"] = listOfficeRoleCodes;
-    }
-    setDefaultValueMonth(value) {
-        let businessDate = new Date(this.BusinessDt);
-        let operator = value.charAt(2);
-        let tempValue = value.split(operator, 2);
-        let numMonth = parseInt(tempValue[1]);
-        if (!numMonth)
-            numMonth = 1;
-        if (operator == "-") {
-            businessDate.setMonth(businessDate.getMonth() - numMonth);
-        }
-        else if (operator == "+") {
-            businessDate.setMonth(businessDate.getMonth() + numMonth);
-        }
-        return businessDate.getMonth();
-    }
-    setMonthDDL(month) {
-        if (month == "month")
-            return this.ListOfMonth.ListOfMonth;
-        let ListOfMonth = new Array();
-        let equation = month.match("[\\+][-]|[-][\\+]|\\+|-");
-        let toMin = this.BusinessDt.getMonth();
-        let toMax = this.BusinessDt.getMonth();
-        let minMax = parseInt(month.substring(equation.index + equation[0].length));
-        if (minMax >= 12)
-            return this.ListOfMonth.ListOfMonth;
-        if ((equation[0] == "+-" || equation[0] == "-+") && minMax >= 6)
-            return this.ListOfMonth.ListOfMonth;
-        let dictOfMonth = this.ListOfMonth.DictOfMonth;
-        ListOfMonth.push({ key: toMin, value: dictOfMonth[toMin] });
-        for (let q = 0; q < minMax; q++) {
-            if (equation[0].includes("-")) {
-                toMin--;
-                if (toMin == 0)
-                    toMin = 12;
-                ListOfMonth.push({ key: toMin, value: dictOfMonth[toMin] });
-            }
-            if (equation[0].includes("+")) {
-                toMax++;
-                if (toMax == 13)
-                    toMax = 1;
-                ListOfMonth.push({ key: toMax, value: dictOfMonth[toMax] });
-            }
-        }
-        ListOfMonth.sort((a, b) => {
-            return a.key - b.key;
-        });
-        return ListOfMonth;
-    }
-    setDefaultValueYear(value) {
-        let businessDate = new Date(this.BusinessDt);
-        let operator = value.charAt(2);
-        let tempValue = value.split(operator, 2);
-        let numYear = parseInt(tempValue[1]);
-        if (!numYear)
-            numYear = 1;
-        if (operator == "-") {
-            businessDate.setFullYear(businessDate.getFullYear() - numYear);
-        }
-        else if (operator == "+") {
-            businessDate.setFullYear(businessDate.getFullYear() + numYear);
-        }
-        return businessDate.getFullYear();
-    }
-    setYearDDL(year) {
-        this.ListOfYear = new Array();
-        let equation = year.match("[\\+][-]|[-][\\+]|\\+|-");
-        let toMin = this.BusinessDt.getFullYear();
-        let toMax = this.BusinessDt.getFullYear();
-        let minMax = parseInt(year.substring(equation.index + equation[0].length));
-        this.ListOfYear.push({ key: this.BusinessDt.getFullYear(), value: this.BusinessDt.getFullYear().toString() });
-        for (let q = 0; q < minMax; q++) {
-            if (equation[0] == "-+" || equation[0] == "+-") {
-                toMin--;
-                toMax++;
-                this.ListOfYear.push({ key: toMin, value: toMin.toString() }, { key: toMax, value: toMax.toString() });
-            }
-            else if (equation[0] == "-") {
-                toMin--;
-                this.ListOfYear.push({ key: toMin, value: toMin.toString() });
-            }
-            else if (equation[0] == "+") {
-                toMax++;
-                this.ListOfYear.push({ key: toMax, value: toMax.toString() });
-            }
-        }
-        this.ListOfYear.sort((a, b) => {
-            return a.key - b.key;
-        });
-        return this.ListOfYear;
-    }
-    getJSON(url) {
-        return this.http.get(url);
-    }
-    postJSON(url, criteria = null) {
-        return this.http.post(url, criteria);
-    }
-    searchClick(IsExportExcel = false, ExtFile = "") {
-        let filtered = this.configuration.component.filter((item, i, arr) => arr.findIndex((x) => (x.name === item.name)) === i);
-        for (let i = 0; i < filtered.length; i++) {
-            if (filtered[i].type == "numeric") {
-                if (!this.checkValueGteLte(filtered[i]))
-                    return;
-            }
-        }
-        let order = null;
-        if (this.configuration.orderby != null) {
-            order = {
-                key: this.configuration.orderby.key,
-                value: this.configuration.orderby.value
-            };
-        }
-        this.pageNow = 1;
-        let rowPerPage = this.pageSize;
-        if (IsExportExcel)
-            rowPerPage = 9999;
-        this.search(this.apiUrl, this.pageNow, rowPerPage, order, true, this.arrCrit, IsExportExcel, ExtFile);
-    }
-    async reset() {
-        this.searchForm.resetForm({
-            ExportType: this.ExportTypeList[0].key
-        });
-        await this.initiateForm();
-    }
-    async search(apiUrl, pageNo, rowPerPage, orderBy, isClickSearch, addCrit = new Array(), IsExportExcel = false, extFile = "") {
-        let request = new RequestCriteriaObj();
-        let arrCrit = new Array();
-        let IsQueryIn = false;
-        let IsBreak = false;
-        let bodyList = new Array();
-        let headerList = new Array();
-        let fileName;
-        let bodyData = new Array();
-        let dataFile = new Array();
-        // Inject whereQuery for where criteria
-        if (this.searchInput.whereValue != undefined && this.searchInput.whereValue.length != 0) {
-            this.configuration.querystring.whereQuery = new Array();
-            for (let x = 0; x < this.searchInput.whereValue.length; x++) {
-                this.configuration.querystring.whereQuery.push(this.searchInput.whereValue[x].value);
-            }
-        }
-        if (this.searchInput.fromValue != undefined && this.searchInput.fromValue.length != 0) {
-            this.configuration.querystring.fromQuery = new Array();
-            for (let x = 0; x < this.searchInput.fromValue.length; x++) {
-                this.configuration.querystring.fromQuery.push(this.searchInput.fromValue[x].value);
-            }
-        }
-        request.pageNo = pageNo;
-        request.rowPerPage = rowPerPage;
-        request.orderBy = orderBy;
-        request.queryString = this.configuration.querystring;
-        let formSeq = -1;
-        for (let i = 0; i < this.countForm; i++) {
-            let critObj = new CriteriaObj();
-            if (this.configuration.component[i].type == "dropdownSearch") {
-                formSeq += 3;
-            }
-            else {
-                formSeq++;
-            }
-            let component = this.myForm.nativeElement[formSeq];
-            // // popup message if required
-            // if (component.getAttribute('data-required') != null && component.getAttribute('data-required') == "true") {
-            //   let val = component.value.trim();
-            //   if (val == "") {
-            //     IsBreak = true;
-            //     let label = component.getAttribute('label');
-            //     this.toastr.warning("Please input " + label);
-            //     break;
-            //   }
-            // }
-            critObj.DataType = component.getAttribute('data-type');
-            if (!critObj.DataType)
-                critObj.DataType = "";
-            //Ini khusus kalau dari Drop Down
-            if (component.getAttribute('query-in') != null && component.getAttribute('query-in') == "true") {
-                IsQueryIn = true;
-            }
-            else {
-                IsQueryIn = false;
-            }
-            if (component.value != "") {
-                if (component.nodeName == 'SELECT') {
-                    let ddl = component.options;
-                    let text = ddl[ddl.selectedIndex].value.trim();
-                    if (text == "one") {
-                        IsBreak = true;
-                        let label = component.getAttribute('label');
-                        this.toastr.warning("Please select " + label);
-                        break;
-                    }
-                    if (component.getAttribute('data-crit-datatable') != "" && component.getAttribute('data-crit-datatable') != null) {
-                        critObj.isCriteriaDataTable = component.getAttribute('data-crit-datatable');
-                    }
-                    if (this.configuration.component[i].type == "taskDefinitionKey" ||
-                        this.configuration.component[i].type == "processKey")
-                        continue;
-                    if (this.configuration.component[i].type == "claim") {
-                        critObj.propName = component.getAttribute('data-name');
-                        critObj.restriction = text;
-                        critObj.value = null;
-                        arrCrit.push(critObj);
-                    }
-                    else {
-                        if (text != "all" && text != "one") {
-                            //Kalau Dari Dropdown udah pasti pake Eq
-                            critObj.restriction = AdInsConstant.RestrictionEq;
-                            if (component.name != "") {
-                                critObj.propName = component.name;
-                            }
-                            else {
-                                critObj.propName = component.getAttribute('data-name');
-                            }
-                            critObj.value = text;
-                            arrCrit.push(critObj);
-                        }
-                        else if (text == "all" && IsQueryIn && component.options.length != 0) {
-                            let ddlList = new Array();
-                            for (let x = 0; x < component.options.length; x++) {
-                                if (x != 0) {
-                                    ddlList.push(component.options[x].value);
-                                }
-                            }
-                            if (ddlList.length != 0) {
-                                critObj.restriction = AdInsConstant.RestrictionIn;
-                                if (component.name != "") {
-                                    critObj.propName = component.name;
-                                }
-                                else {
-                                    critObj.propName = component.getAttribute('data-name');
-                                }
-                                critObj.listValue = ddlList;
-                                arrCrit.push(critObj);
-                            }
-                        }
-                    }
-                }
-                else {
-                    //Kalau ada Percent maka yang dipake nnti adalah Restrictions Like
-                    if (component.name != "") {
-                        critObj.propName = component.name;
-                    }
-                    else {
-                        critObj.propName = component.getAttribute('data-name');
-                    }
-                    critObj.value = component.value.trim();
-                    if (component.value.includes("%")) {
-                        critObj.restriction = AdInsConstant.RestrictionLike;
-                    }
-                    //kalau componentnya Date, restrictionsnya lgsg ambil dari property JSONnya
-                    else if (component.getAttribute('data-restriction') != "" && component.getAttribute('data-restriction') != null) {
-                        critObj.restriction = component.getAttribute('data-restriction');
-                        if (component.getAttribute('data-type') == 'numeric') {
-                            critObj.value = parseFloat(component.value.replace(/,/g, '')).toString();
-                        }
-                        if (critObj.restriction.toUpperCase() == "LIKE") {
-                            critObj.value = "%" + component.value.trim() + "%";
-                            critObj.restriction = AdInsConstant.RestrictionLike;
-                        }
-                    }
-                    else {
-                        critObj.restriction = AdInsConstant.RestrictionEq;
-                    }
-                    if (component.getAttribute('data-crit-datatable') != "" && component.getAttribute('data-crit-datatable') != null) {
-                        critObj.isCriteriaDataTable = component.getAttribute('data-crit-datatable');
-                    }
-                    arrCrit.push(critObj);
-                }
-            }
-        }
-        if (IsBreak) {
-            return;
-        }
-        if (addCrit != null && addCrit != undefined) {
-            if (addCrit.length != 0) {
-                for (let i = 0; i < addCrit.length; i++) {
-                    arrCrit.push(addCrit[i]);
-                }
-            }
-            else if (this.searchInput.addCritInput != null || this.searchInput.addCritInput != undefined) {
-                for (let i = 0; i < this.searchInput.addCritInput.length; i++) {
-                    arrCrit.push(this.searchInput.addCritInput[i]);
-                }
-            }
-        }
-        else if (this.searchInput.addCritInput != null || this.searchInput.addCritInput != undefined) {
-            for (let i = 0; i < this.searchInput.addCritInput.length; i++) {
-                arrCrit.push(this.searchInput.addCritInput[i]);
-            }
-        }
-        if (isClickSearch) {
-            this.persistCrit = arrCrit;
-        }
-        request.criteria = this.persistCrit;
-        request.integrationObj = null;
-        if (this.searchInput.isJoinExAPI) {
-            request.integrationObj = this.searchInput.integrationObj;
-        }
-        this.isSearch = true;
-        await this.getJSON(this.searchInput._url).subscribe(data => {
-            bodyList = data.bodyList;
-            fileName = data.title;
-            headerList = data.headerList;
-        });
-        this.http.post(apiUrl, request).subscribe((response) => {
-            if (IsExportExcel) {
-                bodyData = response["Data"];
-                dataFile = this.mapDataFile(bodyList, bodyData, headerList);
-                if (extFile === EXPORT_DATA_TYPES.excel) {
-                    this.exportFileService.exportFileAsExcel(dataFile, fileName);
-                }
-                if (extFile === EXPORT_DATA_TYPES.json) {
-                    this.exportFileService.exportFileAsJson(dataFile, fileName);
-                }
-                if (extFile === EXPORT_DATA_TYPES.csv) {
-                    this.exportFileService.exportFileAsCsv(dataFile, fileName);
-                }
-                return;
-            }
-            let qryPaging = {
-                response: response,
-                pageNow: pageNo
-            };
-            console.log(qryPaging);
-            this.result.emit(qryPaging);
-            this.reqGetAllData.emit(request);
-            return response;
-        });
-    }
-    checkValueGteLte(component) {
-        //cek yg pakai restriction gte/lte/gt/lt
-        let MinComponent = this.configuration.component.find(x => x.name == component.name && (x.restriction.toUpperCase() == "GTE"));
-        if (!MinComponent) {
-            MinComponent = this.configuration.component.find(x => x.name == component.name && (x.restriction.toUpperCase() == "GT"));
-        }
-        let MaxComponent = this.configuration.component.find(x => x.name == component.name && (x.restriction.toUpperCase() == "LTE"));
-        if (!MaxComponent) {
-            MaxComponent = this.configuration.component.find(x => x.name == component.name && (x.restriction.toUpperCase() == "LT"));
-        }
-        if (MinComponent && MaxComponent) {
-            let minValue = this.myForm.nativeElement[MinComponent.id].valueAsNumber;
-            let maxValue = this.myForm.nativeElement[MaxComponent.id].valueAsNumber;
-            if (minValue > maxValue) {
-                this.toastr.warning(MinComponent.label + " must be less than " + MaxComponent.label);
-                return false;
-            }
-        }
-        return true;
-    }
-    mapDataFile(bodyListData, bodyDataArr, headerListData) {
-        let dataExcel = new Array();
-        let bodyDataTemp = new Array();
-        let headerDataTemp = new Array();
-        for (let i = 0; i < bodyListData.length; i++) {
-            const [isNeedToPush, bodyData, headerData] = this.checkNeedDataToExport(bodyListData, headerListData, i);
-            if (isNeedToPush) {
-                bodyDataTemp.push(bodyData);
-                headerDataTemp.push(headerData);
-            }
-        }
-        for (let i = 0; i < bodyDataArr.length; i++) {
-            let finalData = {};
-            for (const [key, value] of Object.entries(bodyDataArr[i])) {
-                const _idx = bodyDataTemp.indexOf(key);
-                if (_idx != -1) {
-                    finalData[headerDataTemp[_idx]] = value;
-                }
-            }
-            dataExcel.push(finalData);
-        }
-        return dataExcel;
-    }
-    checkNeedDataToExport(bodyListData, headerListData, idx) {
-        // add json checker for data to export here
-        if (bodyListData[idx]['type'] != 'action') {
-            return [
-                true,
-                bodyListData[idx]['property'],
-                headerListData[idx]['label']
-            ];
-        }
-        if (bodyListData[idx]['type'] == 'action' && bodyListData[idx]['action'][0]['case'][0]['result']['type'] == 'link') {
-            return [
-                true,
-                bodyListData[idx]['action'][0]['case'][0]['result']['property'],
-                headerListData[idx]['label']
-            ];
-        }
-        return [false, [], []];
-    }
-    GenerateReport(enjiForm) {
-        enjiForm.form.markAllAsTouched();
-        if (!enjiForm.form.valid)
-            return;
-        this.genRpt.emit({ ExportType: this.ExportType, ElRef: this.myForm });
-    }
-    lessThanFour() {
-        if (this.countForm > 3) {
-            return false;
-        }
-        else {
-            return true;
-        }
-    }
-    resolveObject(obj, url, crit = null) {
-        const val = this.postJSON(url, crit);
-        val.subscribe(tempData => {
-            obj.itemsUrl = new Array();
-            obj.itemsUrl = tempData.ReturnObject;
-            if (obj.exclude != undefined && obj.exclude != "") {
-                obj.itemsUrl = obj.itemsUrl.filter((value) => !obj.exclude.includes(value.Key));
-            }
-            if (obj.type == "dropdownSearch" && obj.itemsUrl.length == 1) {
-                obj.value = obj.itemsUrl[0].Key;
-                obj.descr = obj.itemsUrl[0].Value;
-            }
-            if (obj.affectedFilter && obj.itemsUrl.length == 1) {
-                this.onChangeEvent(obj.itemsUrl[0].Key, obj);
-            }
-        });
-    }
-    transformToDecimal(element) {
-        element.target.value = parseFloat(element.target.value.toString().replace(/,/g, ''));
-    }
-    exportAsFile(extFile) {
-        this.searchClick(true, extFile);
-    }
-    onChangeEvent(optValue, afFilter) {
-        let jsonComp = this.configuration.component;
-        for (let i = 0; i < afFilter.affectedFilter.length; i++) {
-            for (let j = 0; j < jsonComp.length; j++) {
-                if (jsonComp[j].name == afFilter.affectedFilter[i]) {
-                    let request = new RequestCriteriaObj();
-                    let arrayCrit = new Array();
-                    if (optValue != "all" && optValue != "one") {
-                        let critObj = new CriteriaObj();
-                        critObj.DataType = afFilter.datatype;
-                        if (afFilter.filterPropName != undefined || afFilter.filterPropName != "") {
-                            request[afFilter.filterPropName] = optValue;
-                            critObj.propName = afFilter.filterPropName;
-                        }
-                        else {
-                            critObj.propName = afFilter.name;
-                            request[afFilter.name] = optValue;
-                        }
-                        critObj.value = optValue;
-                        critObj.restriction = AdInsConstant.RestrictionEq;
-                        arrayCrit.push(critObj);
-                    }
-                    request.criteria = arrayCrit;
-                    if (jsonComp[j].path != undefined && jsonComp[j].path != "") {
-                        if (this.searchInput.listEnvironments != undefined && this.searchInput.listEnvironments.length != 0) {
-                            for (let y = 0; y < this.searchInput.listEnvironments.length; y++) {
-                                if (jsonComp[j].environment == this.searchInput.listEnvironments[y].environment) {
-                                    jsonComp[j].fullpath = this.searchInput.listEnvironments[y].url + jsonComp[j].path;
-                                    break;
-                                }
-                            }
-                        }
-                        else {
-                            jsonComp[j].fullpath = jsonComp[j].url;
-                        }
-                    }
-                    else {
-                        jsonComp[j].fullpath = jsonComp[j].url;
-                    }
-                    this.resolveObject(jsonComp[j], jsonComp[j].fullpath, request);
-                }
-            }
-        }
-    }
-    SetProcessKey(idx, wfKeyFilter) {
-        let component = this.myForm.nativeElement[idx];
-        let ddl = component.options;
-        let text = ddl[ddl.selectedIndex].value.trim();
-        let listValue = text.split(';');
-        let listWfKey = wfKeyFilter.split(';');
-        for (let i = 0; i < listValue.length; i++) {
-            this.searchInput.integrationObj.requestObj[listWfKey[i]] = listValue[i];
-        }
-    }
-    switchCase(condList) {
-        let condition = false;
-        for (let i = 0; i < condList.conditions.length; i++) {
-            let idx = this.searchInput.switchValue.findIndex(x => x.property == condList.conditions[i].property);
-            if (condList.conditions[i].restriction == "EQ") {
-                if (!condList.conditions[i].isUser) {
-                    if (this.searchInput.switchValue[idx].value == condList.conditions[i].value) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-                else {
-                    let username = localStorage.getItem("Username");
-                    if (this.searchInput.switchValue[idx].value == username) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-            }
-            else if (condList.conditions[i].restriction == "NEQ") {
-                if (condList.conditions[i].isUser != true) {
-                    if (this.searchInput.switchValue[idx].value != condList.conditions[i].value) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-                else {
-                    let username = localStorage.getItem("Username");
-                    if (this.searchInput.switchValue[idx].value != username) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-            }
-            else if (condList.conditions[i].restriction == "GT") {
-                if (!condList.conditions[i].isUser) {
-                    if (this.searchInput.switchValue[idx].value > condList.conditions[i].value) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-                else {
-                    let username = localStorage.getItem("Username");
-                    if (this.searchInput.switchValue[idx].value > username) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-            }
-            else if (condList.conditions[i].restriction == "GTE") {
-                if (!condList.conditions[i].isUser) {
-                    if (this.searchInput.switchValue[idx].value >= condList.conditions[i].value) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-                else {
-                    let username = localStorage.getItem("Username");
-                    if (this.searchInput.switchValue[idx].value >= username) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-            }
-            else if (condList.conditions[i].restriction == "LT") {
-                if (!condList.conditions[i].isUser) {
-                    if (this.searchInput.switchValue[idx].value < condList.conditions[i].value) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-                else {
-                    let username = localStorage.getItem("Username");
-                    if (this.searchInput.switchValue[idx].value < username) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-            }
-            else if (condList.conditions[i].restriction == "LTE") {
-                if (!condList.conditions[i].isUser) {
-                    if (this.searchInput.switchValue[idx].value <= condList.conditions[i].value) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-                else {
-                    let username = localStorage.getItem("Username");
-                    if (this.searchInput.switchValue[idx].value <= username) {
-                        condition = true;
-                    }
-                    else {
-                        condition = false;
-                        break;
-                    }
-                }
-            }
-        }
-        return condition;
-    }
-    DecryptString(chipperText, chipperKey) {
-        if (chipperKey == undefined || chipperKey.trim() == '' ||
-            chipperText == undefined || chipperText.trim() == '')
-            return chipperText;
-        let chipperKeyArr = CryptoJS.enc.Utf8.parse(chipperKey);
-        let iv = CryptoJS.lib.WordArray.create([0x00, 0x00, 0x00, 0x00]);
-        let decrypted = CryptoJS.AES.decrypt(chipperText, chipperKeyArr, { iv: iv });
-        let plainText = decrypted.toString(CryptoJS.enc.Utf8);
-        return plainText;
-    }
-    checkInputDate(component) {
-        let minDateVal;
-        let maxDateVal;
-        let label;
-        let errorMessage = new Array();
-        let MinComponent = this.configuration.component.find(x => x.name == component.name && (x.restriction.toUpperCase() == "GTE")) == undefined ? this.configuration.component.find(x => x.name == component.name && (x.restriction.toUpperCase() == "GT")) : this.configuration.component.find(x => x.name == component.name && (x.restriction.toUpperCase() == "GTE"));
-        if (MinComponent != undefined) {
-            minDateVal = this.myForm.nativeElement[MinComponent.id].min == "" ? null : new Date(this.myForm.nativeElement[MinComponent.id].min);
-            label = MinComponent.label.split(">", 2);
-            if (minDateVal != null) {
-                if (MinComponent.restriction.toUpperCase() == "GT") {
-                    minDateVal.setDate(minDateVal.getDate() - 1);
-                    errorMessage.push(" must be greater than ");
-                }
-                else if (MinComponent.restriction.toUpperCase() == "GTE") {
-                    errorMessage.push(" must be greater than or equals to ");
-                }
-            }
-        }
-        let MaxComponent = this.configuration.component.find(x => x.name == component.name && (x.restriction.toUpperCase() == "LTE")) == undefined ? this.configuration.component.find(x => x.name == component.name && (x.restriction.toUpperCase() == "LT")) : this.configuration.component.find(x => x.name == component.name && (x.restriction.toUpperCase() == "LTE"));
-        if (MaxComponent != undefined) {
-            maxDateVal = this.myForm.nativeElement[MaxComponent.id].max == "" ? null : new Date(this.myForm.nativeElement[MaxComponent.id].max);
-            label = MaxComponent.label.split("<", 2);
-            if (maxDateVal != null) {
-                if (MaxComponent.restriction.toUpperCase() == "LT") {
-                    maxDateVal.setDate(maxDateVal.getDate() + 1);
-                    errorMessage.push(" must be less than ");
-                }
-                else if (MaxComponent.restriction.toUpperCase() == "LTE") {
-                    errorMessage.push(" must be less than or equals to ");
-                }
-            }
-        }
-        if (minDateVal != null && maxDateVal == null && new Date(this.myForm.nativeElement[MinComponent.id].value) < minDateVal) {
-            this.toastr.warning(label[0] + errorMessage[0] + formatDate(minDateVal, 'dd MMMM yyyy', 'en-US') + ".");
-            this.dateWrong = true;
-        }
-        else if (maxDateVal != null && minDateVal == null && new Date(this.myForm.nativeElement[MaxComponent.id].value) > maxDateVal) {
-            this.toastr.warning(label[0] + errorMessage[0] + formatDate(maxDateVal, 'dd MMMM yyyy', 'en-US') + ".");
-            this.dateWrong = true;
-        }
-        else if (minDateVal != null && maxDateVal != null) {
-            if (new Date(this.myForm.nativeElement[MaxComponent.id].value) > maxDateVal || new Date(this.myForm.nativeElement[MinComponent.id].value) < minDateVal) {
-                this.toastr.warning(label[0] + errorMessage[0] + formatDate(minDateVal, 'dd MMMM yyyy', 'en-US') + " and" + errorMessage[1] + formatDate(maxDateVal, 'dd MMMM yyyy', 'en-US') + ".");
-                this.dateWrong = true;
-            }
-            else {
-                this.dateWrong = false;
-            }
-        }
-        else {
-            this.dateWrong = false;
-        }
-    }
-    selectedOption(item, crit) {
-        crit.descr = item.Value;
-        crit.isListHide = true;
-    }
-}
-/** @nocollapse */ /** @nocollapse */ UCSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UCSearchComponent, deps: [{ token: i1.HttpClient }, { token: i0.Renderer2 }, { token: DOCUMENT }, { token: i2.ToastrService }, { token: i3.CookieService }, { token: i4.DatePipe }, { token: i0.ElementRef }, { token: ExportFileService }, { token: i6.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ UCSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: UCSearchComponent, selector: "lib-UCSearch", inputs: { searchInput: "searchInput", pageSize: "pageSize", isReport: "isReport" }, outputs: { result: "result", genRpt: "genRpt", reqGetAllData: "reqGetAllData" }, providers: [DatePipe, ExportFileService], viewQueries: [{ propertyName: "content", first: true, predicate: ["enjiForm"], descendants: true }, { propertyName: "myForm", first: true, predicate: ["formIdSearch"], descendants: true }], ngImport: i0, template: "<!-- Basic form layout section start -->\r\n<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"card\">\r\n        <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"configuration?.title != undefined && configuration?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" translate>{{configuration.title}}</h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch #enjiForm=\"ngForm\"\r\n              (ngSubmit)=\"enjiForm.valid && searchClick()\">\r\n              <div class=\"form-body\">\r\n                <h4 class=\"form-section font-weight-bold\">\r\n                  <div (click)=\"changeState()\" class=\"btn no-padding cursor-pointer flip\">\r\n                    <i class=\"fa\" style=\"font-size: 15px; margin: 0px 0px 5px -15px;\"\r\n                      [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  <span\r\n                    *ngIf=\"configuration?.sectionTitle != undefined && configuration?.sectionTitle != ''; then inputSectionTitle else defaultSectionTitle\"></span>\r\n                  <ng-template #inputSectionTitle>\r\n                    {{configuration?.sectionTitle}}\r\n                  </ng-template>\r\n                  <ng-template #defaultSectionTitle>\r\n                    Paging\r\n                  </ng-template>\r\n                </h4>\r\n                <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                <!-- [hidden]=\"isHidden\" -->\r\n                <div class=\"panel-active\" [@changeDivSize]=currentState>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6 form-group\" *ngFor=\"let question of configuration?.component; let i = index\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                            [ngClass]=\"{'adins-required-label': (question.isRequired || (question?.ddlType != undefined && question.ddlType == 'one'))}\"\r\n                            translate>{{question.label}}</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <div *ngIf=\"question.type=='textbox'\">\r\n                              <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='textarea'\">\r\n                              <textarea type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\"></textarea>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='numeric'\">\r\n                              <input type=\"number\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                                (blur)=\"transformToDecimal($event)\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                attr.data-numericpair=\"{{question.numericPair}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name+[i]]?.touched || enjiForm.form.controls[question.name+[i]]?.dirty) && enjiForm.form.controls[question.name+[i]]?.invalid }\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='currency'\">\r\n                              <div *ngIf=\"question?.isCustom != undefined && question?.isCustom\">\r\n                                <input type=\"\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                  [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                  (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                  attr.data-required=\"{{question.isRequired}}\" currencyMask [ngModel]=\"question.value\"\r\n                                  [(ngModel)]=\"question.value\" [ngModelOptions]=\"{standalone: true}\"\r\n                                  attr.label=\"{{question.label}}\"\r\n                                  [options]=\"{ thousands: question.thousands, decimal: question.decimal, align: question.align, allowNegative: question.allowNegative, allowZero: question.allowZero, precision: question.precision, nullable: question.nullable }\"\r\n                                  [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                              </div>\r\n                              <div *ngIf=\"question?.isCustom == undefined || !question?.isCustom\">\r\n                                <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                  [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                  (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                  attr.data-required=\"{{question.isRequired}}\" currencyMask [ngModel]=\"question.value\"\r\n                                  [(ngModel)]=\"question.value\" [ngModelOptions]=\"{standalone: true}\"\r\n                                  attr.label=\"{{question.label}}\"\r\n                                  [options]=\"{ thousands: ',', decimal: '.', align: 'right', allowNegative: false, allowZero:true, precision: 2, nullable: false }\"\r\n                                  [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                              </div>\r\n                            </div>\r\n\r\n                            <!-- End Hardcode Lookup didalem-->\r\n                            <div *ngIf=\"question.type=='datepicker'\">\r\n                              <input type=\"{{question.isTime ? 'datetime-local' : 'date'}}\" id=\"{{question.id}}\"\r\n                                class=\"form-control search-form-control btn-lookup\" name=\"{{question.name+[i]}}\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                [readonly]=\"question.readonly\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\"\r\n                                attr.data-datepickerpair=\"{{question.datepickerPair}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.label=\"{{question.label}}\" min=\"{{question.minDate | date:'yyyy-MM-dd'}}\"\r\n                                max=\"{{question.maxDate | date:'yyyy-MM-dd'}}\"\r\n                                (focusout)=\"question.restriction != undefined && checkInputDate(question)\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name+[i]]?.touched || enjiForm.form.controls[question.name+[i]]?.dirty) && enjiForm.form.controls[question.name+[i]]?.invalid }\">\r\n                            </div>\r\n                            <div\r\n                              *ngIf=\"question.type == 'taskDefinitionKey' || question.type == 'processKey' || question.type == 'officeRoleCodes'\">\r\n                              <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                                [required]=\"question.isRequired\" class=\"form-control search-form-control\"\r\n                                attr.query-in=\"{{question.isQueryIn}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.label=\"{{question.label}}\" [hidden]=\"question?.itemsUrl?.length == 1\"\r\n                                (change)=\"(question.type == 'taskDefinitionKey' || question.type == 'processKey') ? SetProcessKey(i,question.wfKeyFilter) : SetRoleOfficeCodes(i)\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                                <option *ngIf=\"question.ddlType == 'one' && question?.itemsUrl?.length != 1\"\r\n                                  value=\"one\">Select One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && question?.itemsUrl?.length != 1\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                  {{item.Value}}\r\n                                </option>\r\n                              </select>\r\n                              <label *ngIf=\"question?.itemsUrl?.length == 1\">{{question.itemsUrl[0].Value}}</label>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='dropdown'\">\r\n                              <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                                [(ngModel)]=\"question.value\" [required]=\"question.isRequired\"\r\n                                class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                [hidden]=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\"\r\n                                (change)=\"question.isEvent ? onChangeEvent($event.target.value, question) : ''\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                                <option\r\n                                  *ngIf=\"question.ddlType == 'one' && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                  value=\"one\">\r\n                                  Select One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of !question.isFromURL ? question?.items : question?.itemsUrl\"\r\n                                  value=\"{{!question.isFromURL ? item.key : item.Key}}\">\r\n                                  {{!question.isFromURL ? item.value : item.Value}}\r\n                                </option>\r\n                              </select>\r\n                              <label\r\n                                *ngIf=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\">{{!question.isFromURL\r\n                                ? question.items[0].value :\r\n                                question.itemsUrl[0].Value}}</label>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='dropdownSearch'\">\r\n                              <div class=\"dds-display-item\"\r\n                                [hidden]=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\">\r\n                                <input type=\"text\" class=\"form-control search-form-control dds-input\"\r\n                                  name=\"{{'ddsValue'+question.name}}\" [(ngModel)]=\"question.descr\" readonly\r\n                                  (click)=\"question.isListHide = !question.isListHide; question.searchText=''\">\r\n                              </div>\r\n                              <label\r\n                                *ngIf=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\">{{question.descr}}</label>\r\n                              <div class=\"dds-list-container\" [hidden]=\"question.isListHide\">\r\n                                <input type=\"text\" class=\"form-control search-form-control\"\r\n                                  name=\"{{'searchText'+question.name}}\" [(ngModel)]=\"question.searchText\"\r\n                                  [placeholder]=\"question.placeholder\">\r\n                                <div class=\"dds-items-container\">\r\n                                  <select class=\"full-width\" name=\"{{question.name}}\"\r\n                                    attr.data-required=\"{{question.isRequired}}\" [(ngModel)]=\"question.value\"\r\n                                    [required]=\"question.isRequired\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                    attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                    attr.label=\"{{question.label}}\"\r\n                                    attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                    (change)=\"question.isEvent ? onChangeEvent($event.target.value, question) : ''\"\r\n                                    [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\"\r\n                                    size=\"{{question?.size == undefined ? question?.size : 10}}\">\r\n                                    <option (click)=\"selectedOption({Key:'one',Value:'Select One'},question)\"\r\n                                      *ngIf=\"question.ddsType == 'one' && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                      value=\"one\">\r\n                                      Select One</option>\r\n                                    <option (click)=\"selectedOption({Key:'all',Value:'All'},question)\"\r\n                                      *ngIf=\"(question?.ddsType == undefined || question.ddsType == 'all') && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                      value=\"all\">All</option>\r\n                                    <!-- <option *ngFor=\"let item of question?.items | textSearch : question.searchText; let i=index\" [value]=\"item?.key\" (click)=\"selectedOption(item,question)\">\r\n                                        {{item?.value}}\r\n                                      </option> -->\r\n                                    <option\r\n                                      *ngFor=\"let item of !question.isFromURL ? (question?.items | textSearch : question.searchText) : question?.itemsUrl | textSearch : question.searchText\"\r\n                                      (click)=\"selectedOption(item,question)\" value=\"{{item.Key}}\">\r\n                                      {{item.Value}}\r\n                                    </option>\r\n                                  </select>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='claim'\">\r\n                              <select name=\"{{'claim'+[i]}}\" class=\"form-control search-form-control\"\r\n                                attr.data-type=\"{{'text'}}\" attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.data-name=\"{{'Assignee'}}\" [hidden]=\"ClaimList?.length == 1\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls['claim'+[i]]?.touched || enjiForm.form.controls['claim'+[i]]?.dirty) && enjiForm.form.controls['claim'+[i]]?.invalid }\">\r\n                                <option *ngIf=\"question.ddlType == 'one' && ClaimList?.length != 1\" value=\"one\">Select\r\n                                  One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && ClaimList?.length != 1\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of ClaimList\" value=\"{{item.Key}}\">\r\n                                  {{item.Value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <lib-uc-show-errors *ngIf=\"question.type!='datepicker'\"\r\n                              [control]=\"enjiForm.form.controls[question.name]\" [submit]=\"enjiForm.submitted\">\r\n                            </lib-uc-show-errors>\r\n                            <lib-uc-show-errors *ngIf=\"question.type=='datepicker'\"\r\n                              [control]=\"enjiForm.form.controls[question.name+[i]]\" [submit]=\"enjiForm.submitted\">\r\n                            </lib-uc-show-errors>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-6 form-group\" *ngIf=\"(isReport != undefined && isReport)\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" translate>Report Type</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <select name=\"ExportType\" [(ngModel)]=\"ExportType\" class=\"form-control search-form-control\"\r\n                              attr.data-type=\"text\">\r\n                              <option *ngFor=\"let item of ExportTypeList\" [value]=\"item.key\">{{item.value}}</option>\r\n                            </select>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <div class=\"form-actions right\">\r\n                      <ng-container class=\"btn-group\" *ngIf=\"exportData == true && isSearch\">\r\n                        <button type=\"button\"\r\n                          class=\"btn btn-raised btn-success mr-1 dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" translate>\r\n                          <i class=\"fa ft-download\"></i>&nbsp;<span translate>Export File</span>\r\n                        </button>\r\n                        <div class=\"dropdown-menu\">\r\n                          <a class=\"dropdown-item\" (click)=\"exportAsFile('csv')\">as CSV</a>\r\n                          <a class=\"dropdown-item\" (click)=\"exportAsFile('excel')\">as EXCEL</a>\r\n                          <a class=\"dropdown-item\" (click)=\"exportAsFile('json')\">as JSON</a>\r\n                        </div>\r\n                      </ng-container>\r\n                      <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                        <i class=\"fa fa-times\"></i>&nbsp;<span translate>Reset</span>\r\n                      </button>\r\n                      <button *ngIf=\"(isReport == undefined || !isReport)\" type=\"submit\"\r\n                        class=\"btn btn-raised btn-primary\" #UCSearchClick>\r\n                        <i class=\"fa fa-search\"></i>&nbsp;<span translate>Search</span>\r\n                      </button>\r\n                      <button *ngIf=\"(isReport != undefined && isReport)\" type=\"button\" (click)=\"GenerateReport(enjiForm)\"\r\n                        class=\"btn btn-raised btn-primary\">\r\n                        <i class=\"fa ft-download\"></i>&nbsp;<span translate>Generate\r\n                          Report</span>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n<br>\r\n<!-- // Basic form layout section end -->", styles: [".ucSearch-title{margin:3px}.dds-input{background-color:#fff;text-transform:uppercase}.dds-display-item:after{content:\"\\e929\";font-family:feather;font-size:1rem;display:inline-block;position:absolute;right:5px;top:5px;transform:rotate(90deg)}.dds-list-container{position:absolute;width:100%;z-index:9}\n"], components: [{ type: i7.UcShowErrorsComponent, selector: "lib-uc-show-errors", inputs: ["customPattern", "control", "submit", "fieldName"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i9.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.UpperCaseDirective, selector: "input[type=text], input", inputs: ["IsUpperCase"] }, { type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i9.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i11.CurrencyMaskDirective, selector: "[currencyMask]", inputs: ["options"] }, { type: i9.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i9.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i9.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }], pipes: { "date": i4.DatePipe, "textSearch": TextSearchPipe }, animations: [
-        trigger('changeDivSize', [
-            state('initial', style({
-                height: '*',
-                opacity: '1',
-            })),
-            state('final', style({
-                height: '0px',
-                opacity: '0',
-                overflow: 'hidden',
-            })),
-            transition('initial=>final', animate('300ms')),
-            transition('final=>initial', animate('300ms'))
-        ]),
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UCSearchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-UCSearch', providers: [DatePipe, ExportFileService], animations: [
-                        trigger('changeDivSize', [
-                            state('initial', style({
-                                height: '*',
-                                opacity: '1',
-                            })),
-                            state('final', style({
-                                height: '0px',
-                                opacity: '0',
-                                overflow: 'hidden',
-                            })),
-                            transition('initial=>final', animate('300ms')),
-                            transition('final=>initial', animate('300ms'))
-                        ]),
-                    ], template: "<!-- Basic form layout section start -->\r\n<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"card\">\r\n        <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"configuration?.title != undefined && configuration?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" translate>{{configuration.title}}</h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch #enjiForm=\"ngForm\"\r\n              (ngSubmit)=\"enjiForm.valid && searchClick()\">\r\n              <div class=\"form-body\">\r\n                <h4 class=\"form-section font-weight-bold\">\r\n                  <div (click)=\"changeState()\" class=\"btn no-padding cursor-pointer flip\">\r\n                    <i class=\"fa\" style=\"font-size: 15px; margin: 0px 0px 5px -15px;\"\r\n                      [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  <span\r\n                    *ngIf=\"configuration?.sectionTitle != undefined && configuration?.sectionTitle != ''; then inputSectionTitle else defaultSectionTitle\"></span>\r\n                  <ng-template #inputSectionTitle>\r\n                    {{configuration?.sectionTitle}}\r\n                  </ng-template>\r\n                  <ng-template #defaultSectionTitle>\r\n                    Paging\r\n                  </ng-template>\r\n                </h4>\r\n                <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                <!-- [hidden]=\"isHidden\" -->\r\n                <div class=\"panel-active\" [@changeDivSize]=currentState>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6 form-group\" *ngFor=\"let question of configuration?.component; let i = index\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                            [ngClass]=\"{'adins-required-label': (question.isRequired || (question?.ddlType != undefined && question.ddlType == 'one'))}\"\r\n                            translate>{{question.label}}</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <div *ngIf=\"question.type=='textbox'\">\r\n                              <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='textarea'\">\r\n                              <textarea type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\"></textarea>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='numeric'\">\r\n                              <input type=\"number\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                                (blur)=\"transformToDecimal($event)\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                attr.data-numericpair=\"{{question.numericPair}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name+[i]]?.touched || enjiForm.form.controls[question.name+[i]]?.dirty) && enjiForm.form.controls[question.name+[i]]?.invalid }\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='currency'\">\r\n                              <div *ngIf=\"question?.isCustom != undefined && question?.isCustom\">\r\n                                <input type=\"\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                  [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                  (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                  attr.data-required=\"{{question.isRequired}}\" currencyMask [ngModel]=\"question.value\"\r\n                                  [(ngModel)]=\"question.value\" [ngModelOptions]=\"{standalone: true}\"\r\n                                  attr.label=\"{{question.label}}\"\r\n                                  [options]=\"{ thousands: question.thousands, decimal: question.decimal, align: question.align, allowNegative: question.allowNegative, allowZero: question.allowZero, precision: question.precision, nullable: question.nullable }\"\r\n                                  [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                              </div>\r\n                              <div *ngIf=\"question?.isCustom == undefined || !question?.isCustom\">\r\n                                <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                  [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                  (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                  attr.data-required=\"{{question.isRequired}}\" currencyMask [ngModel]=\"question.value\"\r\n                                  [(ngModel)]=\"question.value\" [ngModelOptions]=\"{standalone: true}\"\r\n                                  attr.label=\"{{question.label}}\"\r\n                                  [options]=\"{ thousands: ',', decimal: '.', align: 'right', allowNegative: false, allowZero:true, precision: 2, nullable: false }\"\r\n                                  [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                              </div>\r\n                            </div>\r\n\r\n                            <!-- End Hardcode Lookup didalem-->\r\n                            <div *ngIf=\"question.type=='datepicker'\">\r\n                              <input type=\"{{question.isTime ? 'datetime-local' : 'date'}}\" id=\"{{question.id}}\"\r\n                                class=\"form-control search-form-control btn-lookup\" name=\"{{question.name+[i]}}\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                [readonly]=\"question.readonly\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\"\r\n                                attr.data-datepickerpair=\"{{question.datepickerPair}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.label=\"{{question.label}}\" min=\"{{question.minDate | date:'yyyy-MM-dd'}}\"\r\n                                max=\"{{question.maxDate | date:'yyyy-MM-dd'}}\"\r\n                                (focusout)=\"question.restriction != undefined && checkInputDate(question)\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name+[i]]?.touched || enjiForm.form.controls[question.name+[i]]?.dirty) && enjiForm.form.controls[question.name+[i]]?.invalid }\">\r\n                            </div>\r\n                            <div\r\n                              *ngIf=\"question.type == 'taskDefinitionKey' || question.type == 'processKey' || question.type == 'officeRoleCodes'\">\r\n                              <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                                [required]=\"question.isRequired\" class=\"form-control search-form-control\"\r\n                                attr.query-in=\"{{question.isQueryIn}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.label=\"{{question.label}}\" [hidden]=\"question?.itemsUrl?.length == 1\"\r\n                                (change)=\"(question.type == 'taskDefinitionKey' || question.type == 'processKey') ? SetProcessKey(i,question.wfKeyFilter) : SetRoleOfficeCodes(i)\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                                <option *ngIf=\"question.ddlType == 'one' && question?.itemsUrl?.length != 1\"\r\n                                  value=\"one\">Select One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && question?.itemsUrl?.length != 1\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                  {{item.Value}}\r\n                                </option>\r\n                              </select>\r\n                              <label *ngIf=\"question?.itemsUrl?.length == 1\">{{question.itemsUrl[0].Value}}</label>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='dropdown'\">\r\n                              <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                                [(ngModel)]=\"question.value\" [required]=\"question.isRequired\"\r\n                                class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                [hidden]=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\"\r\n                                (change)=\"question.isEvent ? onChangeEvent($event.target.value, question) : ''\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                                <option\r\n                                  *ngIf=\"question.ddlType == 'one' && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                  value=\"one\">\r\n                                  Select One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of !question.isFromURL ? question?.items : question?.itemsUrl\"\r\n                                  value=\"{{!question.isFromURL ? item.key : item.Key}}\">\r\n                                  {{!question.isFromURL ? item.value : item.Value}}\r\n                                </option>\r\n                              </select>\r\n                              <label\r\n                                *ngIf=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\">{{!question.isFromURL\r\n                                ? question.items[0].value :\r\n                                question.itemsUrl[0].Value}}</label>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='dropdownSearch'\">\r\n                              <div class=\"dds-display-item\"\r\n                                [hidden]=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\">\r\n                                <input type=\"text\" class=\"form-control search-form-control dds-input\"\r\n                                  name=\"{{'ddsValue'+question.name}}\" [(ngModel)]=\"question.descr\" readonly\r\n                                  (click)=\"question.isListHide = !question.isListHide; question.searchText=''\">\r\n                              </div>\r\n                              <label\r\n                                *ngIf=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\">{{question.descr}}</label>\r\n                              <div class=\"dds-list-container\" [hidden]=\"question.isListHide\">\r\n                                <input type=\"text\" class=\"form-control search-form-control\"\r\n                                  name=\"{{'searchText'+question.name}}\" [(ngModel)]=\"question.searchText\"\r\n                                  [placeholder]=\"question.placeholder\">\r\n                                <div class=\"dds-items-container\">\r\n                                  <select class=\"full-width\" name=\"{{question.name}}\"\r\n                                    attr.data-required=\"{{question.isRequired}}\" [(ngModel)]=\"question.value\"\r\n                                    [required]=\"question.isRequired\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                    attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                    attr.label=\"{{question.label}}\"\r\n                                    attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                    (change)=\"question.isEvent ? onChangeEvent($event.target.value, question) : ''\"\r\n                                    [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\"\r\n                                    size=\"{{question?.size == undefined ? question?.size : 10}}\">\r\n                                    <option (click)=\"selectedOption({Key:'one',Value:'Select One'},question)\"\r\n                                      *ngIf=\"question.ddsType == 'one' && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                      value=\"one\">\r\n                                      Select One</option>\r\n                                    <option (click)=\"selectedOption({Key:'all',Value:'All'},question)\"\r\n                                      *ngIf=\"(question?.ddsType == undefined || question.ddsType == 'all') && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                      value=\"all\">All</option>\r\n                                    <!-- <option *ngFor=\"let item of question?.items | textSearch : question.searchText; let i=index\" [value]=\"item?.key\" (click)=\"selectedOption(item,question)\">\r\n                                        {{item?.value}}\r\n                                      </option> -->\r\n                                    <option\r\n                                      *ngFor=\"let item of !question.isFromURL ? (question?.items | textSearch : question.searchText) : question?.itemsUrl | textSearch : question.searchText\"\r\n                                      (click)=\"selectedOption(item,question)\" value=\"{{item.Key}}\">\r\n                                      {{item.Value}}\r\n                                    </option>\r\n                                  </select>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='claim'\">\r\n                              <select name=\"{{'claim'+[i]}}\" class=\"form-control search-form-control\"\r\n                                attr.data-type=\"{{'text'}}\" attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.data-name=\"{{'Assignee'}}\" [hidden]=\"ClaimList?.length == 1\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls['claim'+[i]]?.touched || enjiForm.form.controls['claim'+[i]]?.dirty) && enjiForm.form.controls['claim'+[i]]?.invalid }\">\r\n                                <option *ngIf=\"question.ddlType == 'one' && ClaimList?.length != 1\" value=\"one\">Select\r\n                                  One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && ClaimList?.length != 1\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of ClaimList\" value=\"{{item.Key}}\">\r\n                                  {{item.Value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <lib-uc-show-errors *ngIf=\"question.type!='datepicker'\"\r\n                              [control]=\"enjiForm.form.controls[question.name]\" [submit]=\"enjiForm.submitted\">\r\n                            </lib-uc-show-errors>\r\n                            <lib-uc-show-errors *ngIf=\"question.type=='datepicker'\"\r\n                              [control]=\"enjiForm.form.controls[question.name+[i]]\" [submit]=\"enjiForm.submitted\">\r\n                            </lib-uc-show-errors>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-6 form-group\" *ngIf=\"(isReport != undefined && isReport)\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" translate>Report Type</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <select name=\"ExportType\" [(ngModel)]=\"ExportType\" class=\"form-control search-form-control\"\r\n                              attr.data-type=\"text\">\r\n                              <option *ngFor=\"let item of ExportTypeList\" [value]=\"item.key\">{{item.value}}</option>\r\n                            </select>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <div class=\"form-actions right\">\r\n                      <ng-container class=\"btn-group\" *ngIf=\"exportData == true && isSearch\">\r\n                        <button type=\"button\"\r\n                          class=\"btn btn-raised btn-success mr-1 dropdown-toggle\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" translate>\r\n                          <i class=\"fa ft-download\"></i>&nbsp;<span translate>Export File</span>\r\n                        </button>\r\n                        <div class=\"dropdown-menu\">\r\n                          <a class=\"dropdown-item\" (click)=\"exportAsFile('csv')\">as CSV</a>\r\n                          <a class=\"dropdown-item\" (click)=\"exportAsFile('excel')\">as EXCEL</a>\r\n                          <a class=\"dropdown-item\" (click)=\"exportAsFile('json')\">as JSON</a>\r\n                        </div>\r\n                      </ng-container>\r\n                      <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                        <i class=\"fa fa-times\"></i>&nbsp;<span translate>Reset</span>\r\n                      </button>\r\n                      <button *ngIf=\"(isReport == undefined || !isReport)\" type=\"submit\"\r\n                        class=\"btn btn-raised btn-primary\" #UCSearchClick>\r\n                        <i class=\"fa fa-search\"></i>&nbsp;<span translate>Search</span>\r\n                      </button>\r\n                      <button *ngIf=\"(isReport != undefined && isReport)\" type=\"button\" (click)=\"GenerateReport(enjiForm)\"\r\n                        class=\"btn btn-raised btn-primary\">\r\n                        <i class=\"fa ft-download\"></i>&nbsp;<span translate>Generate\r\n                          Report</span>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n<br>\r\n<!-- // Basic form layout section end -->", styles: [".ucSearch-title{margin:3px}.dds-input{background-color:#fff;text-transform:uppercase}.dds-display-item:after{content:\"\\e929\";font-family:feather;font-size:1rem;display:inline-block;position:absolute;right:5px;top:5px;transform:rotate(90deg)}.dds-list-container{position:absolute;width:100%;z-index:9}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i2.ToastrService }, { type: i3.CookieService }, { type: i4.DatePipe }, { type: i0.ElementRef }, { type: ExportFileService }, { type: i6.ActivatedRoute }]; }, propDecorators: { content: [{
-                type: ViewChild,
-                args: ['enjiForm']
-            }], myForm: [{
-                type: ViewChild,
-                args: ['formIdSearch']
-            }], searchInput: [{
-                type: Input
-            }], pageSize: [{
-                type: Input
-            }], isReport: [{
-                type: Input
-            }], result: [{
-                type: Output
-            }], genRpt: [{
-                type: Output
-            }], reqGetAllData: [{
-                type: Output
-            }] } });
-
-const customCurrencyMaskConfig = {
-    align: "right",
-    allowNegative: false,
-    allowZero: true,
-    decimal: ".",
-    precision: 2,
-    prefix: "",
-    suffix: "",
-    thousands: ",",
-    nullable: false,
-    inputMode: CurrencyMaskInputMode.NATURAL
-};
-class UCSearchModule {
-}
-/** @nocollapse */ /** @nocollapse */ UCSearchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UCSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ UCSearchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UCSearchModule, declarations: [UCSearchComponent, TextSearchPipe], imports: [CommonModule,
-        FormsModule,
-        UcShowErrorsModule,
-        UcDirectiveUpperCaseModule, i11.NgxCurrencyModule, i8.TranslateModule], exports: [UCSearchComponent] });
-/** @nocollapse */ /** @nocollapse */ UCSearchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UCSearchModule, imports: [[
-            CommonModule,
-            FormsModule,
-            UcShowErrorsModule,
-            UcDirectiveUpperCaseModule,
-            NgxCurrencyModule.forRoot(customCurrencyMaskConfig),
-            TranslateModule.forChild()
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UCSearchModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [UCSearchComponent, TextSearchPipe],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        UcShowErrorsModule,
-                        UcDirectiveUpperCaseModule,
-                        NgxCurrencyModule.forRoot(customCurrencyMaskConfig),
-                        TranslateModule.forChild()
-                    ],
-                    exports: [UCSearchComponent]
-                }]
-        }] });
-
-/*
- * Public API Surface of ucsearch
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { UCSearchComponent, UCSearchModule, UCSearchService, customCurrencyMaskConfig };
-//# sourceMappingURL=adins-ucsearch.mjs.map