@adins/ucsearch 5.0.1-multiversion.1 → 5.0.3-multiversion.1

package/fesm2022/adins-ucsearch.mjs

@@ -0,0 +1,2588 @@
+import * as i0 from '@angular/core';
+import { Injectable, Pipe, EventEmitter, Output, Input, ViewChild, Inject, Component, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { DatePipe, formatDate, DOCUMENT, CommonModule } from '@angular/common';
+import * as i1 from '@angular/common/http';
+import * as i8 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { trigger, state, transition, style, 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/fe-core';
+import * as i11 from '@ng-bootstrap/ng-bootstrap';
+import { NgbModule, NgbDropdownModule, NgbDropdown } from '@ng-bootstrap/ng-bootstrap';
+import * as i12 from '@adins/uc-show-errors';
+import { UcShowErrorsModule } from '@adins/uc-show-errors';
+import * as i13 from '@adins/uc-directive-upper-case';
+import { UcDirectiveUpperCaseModule } from '@adins/uc-directive-upper-case';
+import * as i14 from '@adins/uc-directive-validate-date';
+import { UcDirectiveValidateDateModule } from '@adins/uc-directive-validate-date';
+import * as i15 from '@adins/cl-uclookupgeneric';
+import { ClUclookupgenericModule } from '@adins/cl-uclookupgeneric';
+import * as i16 from '@adins/uc-subsection';
+import { UcSubsectionModule } from '@adins/uc-subsection';
+import * as i17 from '@adins/ucdatepicker';
+import { UcdatepickerModule } from '@adins/ucdatepicker';
+import * as i18 from 'ngx-currency';
+import { NgxCurrencyInputMode, NgxCurrencyDirective, provideEnvironmentNgxCurrency } from 'ngx-currency';
+import * as i19 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+class UCSearchService {
+    constructor() { }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UCSearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UCSearchService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UCSearchService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class AdInsConstant {
+    static RestrictionBetween = "Between";
+    static RestrictionLike = "Like";
+    static RestrictionEq = "Eq";
+    static RestrictionNeq = "NEQ";
+    static RestrictionGt = "GT";
+    static RestrictionGte = "GTE";
+    static RestrictionLt = "LT";
+    static RestrictionLte = "LTE";
+    static RestrictionIn = "IN";
+    static RestrictionNotIn = "NotIn";
+    static RestrictionOr = "Or"; //pastikan ada 1 criteria sebelumnya
+    static RestrictionOrNeq = "OrNeq"; //pastikan ada 1 criteria sebelumnya
+    static RestrictionIsNull = "ISNULL";
+    static RestrictionIsNotNull = "ISNOTNULL";
+    static RestrictionGTE = "GTE";
+    static RestrictionLTE = "LTE";
+    static showData = "10,50,100";
+    static JoinTypeInner = "INNER";
+    static 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 {
+    baseUrl;
+    apiPath;
+    requestObj;
+    leftColumnToJoin;
+    rightColumnToJoin;
+    joinType;
+    constructor() {
+        this.baseUrl = "";
+        this.apiPath = "";
+        this.requestObj = new Object();
+        this.leftColumnToJoin = "";
+        this.rightColumnToJoin = "";
+        this.joinType = AdInsConstant.JoinTypeInner;
+    }
+}
+
+class InputSearchObj {
+    _url;
+    enviromentUrl;
+    searchId;
+    title;
+    apiQryPaging;
+    arrCritObj;
+    addCritInput;
+    listEnvironments;
+    whereValue;
+    fromValue;
+    switchValue;
+    integrationObj;
+    isJoinExAPI;
+    dataInput;
+    IsSubsection;
+    dicts;
+    dictLookupObj;
+    environment;
+    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;
+        this.IsSubsection = true;
+        this.searchId = 'UcSearch';
+        this.dicts = {};
+        this.dictLookupObj = {};
+        this.environment = {};
+    }
+}
+class EnviObj {
+    name;
+    environment;
+    constructor() {
+        this.name = "";
+        this.environment = "";
+    }
+}
+class WhereValueObj {
+    property;
+    value;
+    constructor() {
+        this.property = "";
+    }
+}
+class FromValueObj {
+    property;
+    value;
+    constructor() {
+        this.property = "";
+    }
+}
+class SwitchValueObj {
+    property;
+    value;
+    constructor() {
+        this.property = "";
+    }
+}
+class EnvisObj {
+    environment;
+    url;
+    constructor() {
+        this.environment = "";
+        this.url = "";
+    }
+}
+
+class CriteriaObj {
+    propName;
+    restriction;
+    value;
+    low;
+    high;
+    DataType;
+    listValue;
+    isCriteriaDataTable;
+    constructor() {
+        this.low = 0;
+        this.high = 0;
+        this.DataType = 'Text';
+        this.isCriteriaDataTable = false;
+    }
+}
+
+class RequestCriteriaObj {
+    includeCount;
+    includeData;
+    pageNo;
+    rowPerPage;
+    orderBy;
+    criteria;
+    isLoading;
+    queryString;
+    rowVersion;
+    integrationObj;
+    joinType;
+    constructor() {
+        this.includeCount = true;
+        this.includeData = true;
+        this.isLoading = true;
+        this.queryString = '';
+        this.rowVersion = '';
+        this.integrationObj = new IntegrationObj();
+        this.joinType = AdInsConstant.JoinTypeInner;
+    }
+}
+
+class KeyValueReportObj {
+    key;
+    value;
+    constructor() {
+        this.key = 0;
+        this.value = "";
+    }
+}
+class ExportTypeConstant {
+    static EXP_TYPE_PDF = 0;
+    static EXP_TYPE_XLS = 1;
+    static EXP_TYPE_XLSX = 2;
+    static EXP_TYPE_DOC = 3;
+    static EXP_TYPE_DOCX = 4;
+    static EXP_TYPE_JPDF = 5;
+}
+class ReportExecTypeConstant {
+    static EXE_TYPE_SYNC = 0;
+    static EXE_TYPE_ASYNC = 1;
+}
+
+class KeyValueUCSearchObj {
+    key;
+    value;
+    constructor() {
+        this.key = 0;
+        this.value = "";
+    }
+}
+class ListKeyValueMonth {
+    ListOfMonth;
+    DictOfMonth = {};
+    constructor() {
+        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 */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExportFileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExportFileService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: ExportFileService, decorators: [{
+            type: Injectable
+        }] });
+
+class UcsearchDatetimeService {
+    // public SetDateValue(type: DictDateType, Key: string, Code: string, Config: {BusinessDate: Date}) {
+    //   const flag = this.CheckDateType(Code);
+    //   const NewDate: Date = this.GetNewDate(flag, Code, Config.BusinessDate);
+    //   // let NewDate: Date = null;
+    //   // if (flag === 4) {
+    //   //     NewDate = new Date(Code);
+    //   // } 
+    //   // else {
+    //   //     NewDate = this.GetNewDate(flag, Code);
+    //   // }
+    //   this.SetDictMinMaxDate(type, Key, NewDate);
+    // }
+    CheckDateType(code) {
+        if (!code)
+            return 0;
+        if (code.toLowerCase() === "bd" || code.toLowerCase() === "businessdate")
+            return 1;
+        const DateCode = code[0].toUpperCase();
+        const idxFoundYear = DateCode == "Y";
+        if (idxFoundYear)
+            return 2;
+        const idxFoundMonth = DateCode == "M";
+        if (idxFoundMonth)
+            return 2;
+        const idxFoundDate = DateCode == "D";
+        if (idxFoundDate)
+            return 2;
+        if (this.transformDate(code))
+            return 4;
+        return 0;
+    }
+    transformDate(value, format = "yyyy-MM-dd") {
+        const datePipe = new DatePipe('en-US');
+        return datePipe.transform(value, format);
+    }
+    GetNewDate(flag, code, initDate) {
+        switch (flag) {
+            case 0:
+                return null;
+            case 1:
+                return new Date(initDate);
+            case 2:
+                return this.CheckValidatorDate(code, initDate);
+            case 4:
+                return new Date(this.transformDate(code));
+        }
+        return new Date(initDate);
+    }
+    CheckValidatorDate(code, initDate) {
+        let NewDate = new Date(initDate);
+        const DateCode = code[0].toUpperCase();
+        const Operator = code[1];
+        let newValue = 0;
+        let valueDate = +code.substring(2);
+        if (!valueDate)
+            valueDate = 1;
+        switch (DateCode) {
+            // Year
+            case "Y":
+                const getYear = NewDate.getFullYear();
+                newValue = this.SetNewDate(Operator, getYear, valueDate);
+                NewDate.setFullYear(newValue);
+                break;
+            // Month
+            case "M":
+                const getMonth = NewDate.getMonth();
+                newValue = this.SetNewDate(Operator, getMonth, valueDate);
+                NewDate.setMonth(newValue);
+                break;
+            // Date
+            case "D":
+                const getDate = NewDate.getDate();
+                newValue = this.SetNewDate(Operator, getDate, valueDate);
+                NewDate.setDate(newValue);
+                break;
+        }
+        return NewDate;
+    }
+    SetNewDate(Operator, ValueDt, ValueToAdd) {
+        if (Operator == "+")
+            return ValueDt + ValueToAdd;
+        return ValueDt - ValueToAdd;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UcsearchDatetimeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UcsearchDatetimeService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UcsearchDatetimeService, decorators: [{
+            type: Injectable
+        }] });
+
+const monthsKeyValue = [
+    {
+        key: 1,
+        value: "January"
+    },
+    {
+        key: 2,
+        value: "February"
+    },
+    {
+        key: 3,
+        value: "March"
+    },
+    {
+        key: 4,
+        value: "April"
+    },
+    {
+        key: 5,
+        value: "May"
+    },
+    {
+        key: 6,
+        value: "June"
+    },
+    {
+        key: 7,
+        value: "July"
+    },
+    {
+        key: 8,
+        value: "August"
+    },
+    {
+        key: 9,
+        value: "September"
+    },
+    {
+        key: 10,
+        value: "October"
+    },
+    {
+        key: 11,
+        value: "November"
+    },
+    {
+        key: 12,
+        value: "December"
+    }
+];
+
+class UcsearchFormService {
+    form;
+    constructor() { }
+    setForm(formGroup) {
+        this.form = formGroup;
+    }
+    getForm() {
+        return this.form;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UcsearchFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UcsearchFormService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UcsearchFormService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+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 */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TextSearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    /** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: TextSearchPipe, isStandalone: false, name: "textSearch" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TextSearchPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'textSearch',
+                    standalone: false
+                }]
+        }] });
+
+class UCSearchComponent {
+    http;
+    _renderer2;
+    _document;
+    toastr;
+    cookieService;
+    datePipe;
+    elemRef;
+    exportFileService;
+    route;
+    ngxRouter;
+    fb;
+    datetimeService;
+    ucSearchFormService;
+    // 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;
+        }
+    }
+    myForm;
+    searchInput = new InputSearchObj();
+    pageSize = 10;
+    isReport = false;
+    showRptExecType = false;
+    result = new EventEmitter();
+    genRpt = new EventEmitter();
+    reqGetAllData = new EventEmitter();
+    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",
+        },
+    ];
+    ReportExecTypeList = [
+        {
+            key: ReportExecTypeConstant.EXE_TYPE_SYNC,
+            value: "Sync",
+        },
+        {
+            key: ReportExecTypeConstant.EXE_TYPE_ASYNC,
+            value: "Async",
+        },
+    ];
+    exportAsFileList = [
+        {
+            key: "csv",
+            value: "as CSV",
+        },
+        {
+            key: "excel",
+            value: "as EXCEL",
+        },
+        {
+            key: "json",
+            value: "as JSON",
+        },
+    ];
+    ListOfMonth = new ListKeyValueMonth();
+    ListOfYear = new Array();
+    ClaimList = [
+        {
+            Key: AdInsConstant.RestrictionIsNotNull,
+            Value: "CLAIMED",
+        },
+        {
+            Key: AdInsConstant.RestrictionIsNull,
+            Value: "UNCLAIMED",
+        },
+    ];
+    ExportType = 0;
+    RptExecType = 0;
+    pageNow = 1;
+    configuration;
+    exportData;
+    ExcelData;
+    isDataLoaded = false;
+    isHidden = false;
+    BisDt;
+    BusinessDt = new Date();
+    readonly = false;
+    isSearch = false;
+    valueDict = {}; // hold temporary value from selected dropdown, used as a payload for another search component
+    lookupDict = {}; // hold temporary value from selected lookup, used as a payload for another search component
+    currentState = "initial";
+    form;
+    countForm = 0;
+    formattedAmount = "";
+    amount = 0;
+    apiUrl;
+    arrCrit;
+    searchForm;
+    queryParam = {};
+    persistCrit = [];
+    persistAddToTempCrit;
+    lookupKeyValDict = {};
+    notifyUpdateKeyValDict = new EventEmitter();
+    months = monthsKeyValue;
+    years = [];
+    yearNow = new Date().getFullYear();
+    baseYear = 1900;
+    minMaxYear = 200;
+    useNewDatepicker = false;
+    searchBtnReady = false;
+    constructor(http, _renderer2, _document, toastr, cookieService, datePipe, elemRef, exportFileService, route, ngxRouter, fb, datetimeService, ucSearchFormService) {
+        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.ngxRouter = ngxRouter;
+        this.fb = fb;
+        this.datetimeService = datetimeService;
+        this.ucSearchFormService = ucSearchFormService;
+        this.route.queryParams.subscribe((params) => {
+            this.queryParam = this.ngxRouter.getQueryParams(params);
+        });
+        if (this.years.length === 0) {
+            for (let i = this.baseYear; i < this.baseYear + this.minMaxYear; i++) {
+                this.years.push(i);
+            }
+        }
+        if (!this.form) {
+            this.form = this.fb.group({});
+        }
+    }
+    changeState() {
+        this.currentState = this.currentState == "initial" ? "final" : "initial";
+        this.isHidden = !this.isHidden ? true : false;
+    }
+    async ngOnInit() {
+        if (this.searchInput?.environment?.experimental?.useNewDatepicker) {
+            this.useNewDatepicker =
+                this.searchInput.environment.experimental.useNewDatepicker;
+        }
+        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);
+        if (this.isValidDate(this.BusinessDt)) {
+            this.yearNow = this.BusinessDt.getFullYear();
+        }
+        await this.initiateForm(true);
+    }
+    async initiateForm(isInit) {
+        if (this.searchInput.dataInput !== undefined &&
+            Object.keys(this.searchInput.dataInput).length !== 0) {
+            this.setConfigurationData(JSON.parse(JSON.stringify(this.searchInput.dataInput)), isInit);
+            return;
+        }
+        await this.http
+            .get(this.searchInput._url)
+            .toPromise()
+            .then((data) => {
+            this.setConfigurationData(data, isInit);
+        });
+    }
+    setConfigurationData(data, isInit) {
+        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;
+        }
+        else {
+            this.ExportType = this.ExportTypeList[0].key;
+        }
+        if (isInit) {
+            this.form.addControl("ExportType", this.fb.control(""));
+            this.form.addControl("RptExecType", this.fb.control(""));
+        }
+        this.form.controls["ExportType"].setValue(this.ExportType);
+        this.form.controls["RptExecType"].setValue(this.RptExecType);
+        if (data.exportAsFileList != undefined &&
+            data.exportAsFileList.length != 0) {
+            this.exportAsFileList = data.exportAsFileList;
+        }
+        this.countForm = data.component.length;
+        this.isDataLoaded = true;
+        if (this.searchInput.title != undefined && this.searchInput.title != "") {
+            this.configuration.title = this.searchInput.title;
+        }
+        const userAccess = this.getUserAccess();
+        const inputEffect = [];
+        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 =
+                    this.queryParam[data.component[i].criteriaPropValue] ||
+                        data.component[i].criteriaPropValue;
+                criteriaObject.restriction = "eq";
+                arrayCrit.push(criteriaObject);
+                request.criteria = arrayCrit;
+                if (data.component[i].criteriaPropName !== null &&
+                    data.component[i].criteriaPropName !== undefined) {
+                    const _critPropNameArr = data.component[i].criteriaPropName.split(";");
+                    const _critPropValueArr = data.component[i].criteriaPropValue.split(";");
+                    for (let i = 0; i < _critPropNameArr.length; i++) {
+                        request[_critPropNameArr[i]] =
+                            this.queryParam[_critPropValueArr[i]] ||
+                                userAccess[_critPropValueArr[i]] ||
+                                _critPropValueArr[i];
+                    }
+                }
+                // 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);
+            }
+            else if (!data.component[i].isFromUrl &&
+                data.component[i].type === "dropdown") {
+                if (data.component[i]?.items?.length === 1 &&
+                    !data.component[i]?.keepDdl) {
+                    this.lookupKeyValDict[data.component[i].name] =
+                        data.component[i].items[0].key;
+                }
+                if (data.component[i]?.items?.length > 1 &&
+                    data.component[i]?.useFirstValue) {
+                    data.component[i].value = data.component[i].items[0].key;
+                }
+            }
+            if (data.component[i].type == "numeric") {
+                if (data.component[i].value && !isNaN(data.component[i].value)) {
+                    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;
+                // Handle dynamic date values: BD, firstDayOfMonth, lastDayOfMonth with +/- operators
+                if (data.component[i].value === "firstDayOfMonth" ||
+                    data.component[i].value === "lastDayOfMonth" ||
+                    data.component[i].value.includes("BD") ||
+                    data.component[i].value.includes("firstDayOfMonth") ||
+                    data.component[i].value.includes("lastDayOfMonth")) {
+                    let baseDate = this.getBusinessDate(this.BisDt);
+                    // Set base date based on type
+                    if (data.component[i].value.includes("firstDayOfMonth")) {
+                        baseDate = this.getFirstDayOfMonth(baseDate);
+                    }
+                    else if (data.component[i].value.includes("lastDayOfMonth")) {
+                        baseDate = this.getLastDayOfMonth(baseDate);
+                    }
+                    // Find operator position based on date type
+                    let operator = data.component[i].value.charAt(data.component[i].value.includes("BD")
+                        ? 2
+                        : data.component[i].value.includes("firstDayOfMonth")
+                            ? 15
+                            : 14);
+                    // Apply date arithmetic
+                    if (operator == "-") {
+                        let numDay = parseInt(data.component[i].value.split("-", 2)[1]);
+                        baseDate.setDate(baseDate.getDate() - numDay);
+                    }
+                    else if (operator == "+") {
+                        let numDay = parseInt(data.component[i].value.split("+", 2)[1]);
+                        baseDate.setDate(baseDate.getDate() + numDay);
+                    }
+                    data.component[i].value = formatDate(baseDate, "yyyy-MM-dd", "en-US");
+                    inputEffect.push({ key: "datepicker", value: data.component[i] });
+                }
+                if (!this.readonly) {
+                    // set min date and max date
+                    const _restriction = data.component[i].restriction?.toUpperCase();
+                    let _minDate = data.component[i].minDate?.toLowerCase();
+                    if (_minDate != undefined && _minDate != null && _minDate != "") {
+                        data.component[i].confMinDate = data.component[i].minDate;
+                        if (_minDate == "bd" ||
+                            _minDate == "businessdate" ||
+                            _minDate == "businessdt") {
+                            _minDate = this.BusinessDt;
+                        }
+                        if (this.isValidDate(_minDate)) {
+                            const _flag = this.datetimeService.CheckDateType(data.component[i]?.additionMinDateConf ?? "bd");
+                            let minDate = this.datetimeService.GetNewDate(_flag, data.component[i]?.additionMinDateConf, _minDate);
+                            if (_restriction == "GT" || _restriction == "LT") {
+                                minDate.setDate(minDate.getDate() + 1);
+                            }
+                            else {
+                                minDate.setDate(minDate.getDate());
+                            }
+                            data.component[i].minDate = minDate;
+                        }
+                    }
+                    let _maxDate = data.component[i].maxDate?.toLowerCase();
+                    if (_maxDate != undefined && _maxDate != null && _maxDate != "") {
+                        data.component[i].confMaxDate = data.component[i].maxDate;
+                        if (_maxDate == "bd" ||
+                            _maxDate == "businessdate" ||
+                            _maxDate == "businessdt") {
+                            _maxDate = this.BusinessDt;
+                        }
+                        if (this.isValidDate(_maxDate)) {
+                            const _flag = this.datetimeService.CheckDateType(data.component[i]?.additionMaxDateConf ?? "bd");
+                            let maxDate = this.datetimeService.GetNewDate(_flag, data.component[i]?.additionMaxDateConf, _maxDate);
+                            if (_restriction == "LT" || _restriction == "GT") {
+                                maxDate.setDate(maxDate.getDate() - 1);
+                            }
+                            else {
+                                maxDate.setDate(maxDate.getDate());
+                            }
+                            data.component[i].maxDate = maxDate;
+                        }
+                    }
+                }
+            }
+            if (data.component[i].type == "textbox") {
+                const isUppercase = data.component[i].isUppercase === undefined
+                    ? true
+                    : data.component[i].isUppercase;
+                const _value = this.autofill(data.component[i]);
+                this.configuration.component[i].value = isUppercase
+                    ? _value.toUpperCase()
+                    : _value;
+            }
+            if (data.component[i].type == "dropdown") {
+                const _value = this.autofill(data.component[i], false);
+                this.configuration.component[i].value = _value;
+            }
+            if (data.component[i].type === "lookup") {
+                if (!isInit) {
+                    this.form.controls[data.component[i].name].get("value").setValue("");
+                    this.searchInput.dictLookupObj[data.component[i].name].nameSelect =
+                        "";
+                    this.searchInput.dictLookupObj[data.component[i].name].idSelect = "";
+                    this.form.controls["lookup_id_" + data.component[i].name].setValue("");
+                }
+                else {
+                    this.form.addControl("lookup_id_" + data.component[i].name, this.fb.control(""));
+                }
+                continue;
+            }
+            let controlName = data.component[i].name;
+            let _value = data.component[i]?.value ?? "";
+            if (data.component[i].type === "datepicker" ||
+                data.component[i].type === "numeric" ||
+                data.component[i].type === "currency")
+                controlName += i;
+            if (data.component[i].type === "dropdown" && _value === "") {
+                if (data.component[i].ddlType === "one")
+                    _value = "one";
+                else if (data.component[i].ddlType === "all" ||
+                    data.component[i].ddlType === undefined)
+                    _value = "all";
+            }
+            if (data.component[i].type === "year") {
+                _value = this.yearNow;
+            }
+            if (isInit) {
+                this.form.addControl(controlName, this.fb.control(""));
+            }
+            this.form.controls[controlName].setValue(_value);
+            if (data.component[i].isRequired) {
+                const formControl = this.form.controls[controlName];
+                const listValidators = [Validators.required];
+                formControl.setValidators(listValidators);
+                formControl.updateValueAndValidity();
+            }
+            if (data.component[i].type === "numeric" ||
+                data.component[i].type === "currency") {
+                if (data.component[i].min !== null &&
+                    data.component[i].min !== undefined &&
+                    data.component[i].min !== "") {
+                    this.setValidatorNumber("MIN", data.component[i].min, this.form.controls[controlName]);
+                }
+                if (data.component[i].max !== null &&
+                    data.component[i].max !== undefined &&
+                    data.component[i].max !== "") {
+                    this.setValidatorNumber("MAX", data.component[i].max, this.form.controls[controlName]);
+                }
+            }
+        }
+        setTimeout(() => {
+            // enable search button to click and interact
+            this.searchBtnReady = true;
+            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);
+                }
+            }
+            for (const [index, item] of inputEffect.entries()) {
+                if (item.key === "datepicker") {
+                    this.checkInputDate(item.value, index);
+                }
+            }
+        }, 1000);
+        this.setInitialLookupKeyValDict();
+        this.ucSearchFormService.setForm(this.form);
+    }
+    getBusinessDate(bisDt) {
+        return bisDt != null ? new Date(bisDt) : new Date();
+    }
+    getFirstDayOfMonth(date) {
+        return new Date(date.getFullYear(), date.getMonth(), 1);
+    }
+    getLastDayOfMonth(date) {
+        return new Date(date.getFullYear(), date.getMonth() + 1, 0);
+    }
+    setInitialLookupKeyValDict() {
+        const arrData = this.configuration?.component ?? [];
+        for (let item of arrData) {
+            if (!this.lookupKeyValDict[item.name]) {
+                this.lookupKeyValDict[item.name] = item.value;
+            }
+        }
+    }
+    getUserAccess() {
+        const _userAccess = this.cookieService.get("UserAccess");
+        const userAccess = JSON.parse(this.DecryptString(_userAccess, "AdInsFOU12345678"));
+        return userAccess;
+    }
+    autofill(data, checkValue = true) {
+        if (checkValue) {
+            if (data.value != "")
+                return data.value;
+        }
+        const autofill = data.autofill;
+        if (autofill == undefined)
+            return data.value;
+        if (autofill.source == "param") {
+            return this.queryParam[autofill.key];
+        }
+        if (autofill.source == "useraccess") {
+            const userAccess = this.getUserAccess();
+            return userAccess[autofill.key];
+        }
+        if (autofill.source == "dicts") {
+            if (!this.searchInput.dicts) {
+                console.log("dicts undefined...");
+                return autofill.key;
+            }
+            return this.searchInput?.dicts[autofill.key] ?? autofill.key;
+        }
+        return data.value;
+    }
+    isValidDate(d) {
+        return !isNaN(new Date(d));
+    }
+    SetRoleOfficeCodes(i) {
+        let userAccess = this.getUserAccess();
+        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;
+        this.updateKeyValDict({
+            key: this.configuration.component[i].name,
+            value: text,
+        });
+    }
+    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 = "") {
+        // check if criteria to send is ready
+        if (!this.searchBtnReady)
+            return;
+        console.log("search click enter.........");
+        if (this.isReport != undefined && this.isReport) {
+            this.GenerateReport(this.searchForm);
+            return;
+        }
+        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) {
+            if (this.configuration.orderby.key !== "" &&
+                this.configuration.orderby.value !== "") {
+                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() {
+        // disable button search to make sure that all criteria ready first.
+        this.searchBtnReady = false;
+        await this.initiateForm(false);
+    }
+    checkSubmitDate(component) {
+        const _comp = this.configuration.component;
+        const MinComponentIdx = this.configuration.component.findIndex((x) => x.datepickerPair == component.datepickerPair &&
+            x.restriction.toUpperCase() == "GTE") === -1
+            ? this.configuration.component.findIndex((x) => x.datepickerPair == component.datepickerPair &&
+                x.restriction.toUpperCase() == "GT")
+            : this.configuration.component.findIndex((x) => x.datepickerPair == component.datepickerPair &&
+                x.restriction.toUpperCase() == "GTE");
+        const MaxComponentIdx = this.configuration.component.findIndex((x) => x.datepickerPair == component.datepickerPair &&
+            x.restriction.toUpperCase() == "LTE") === -1
+            ? this.configuration.component.findIndex((x) => x.datepickerPair == component.datepickerPair &&
+                x.restriction.toUpperCase() == "LT")
+            : this.configuration.component.findIndex((x) => x.datepickerPair == component.datepickerPair &&
+                x.restriction.toUpperCase() == "LTE");
+        if (MinComponentIdx === -1 || MaxComponentIdx === -1)
+            return true;
+        if (this.form.controls[_comp[MinComponentIdx].name + MinComponentIdx].value >
+            this.form.controls[_comp[MaxComponentIdx].name + MaxComponentIdx].value) {
+            this.toastr.warning(_comp[MinComponentIdx].label +
+                " must be less than " +
+                _comp[MaxComponentIdx].label);
+            return false;
+        }
+        return true;
+    }
+    checkNumericPair(component, myform) {
+        // const _comp = this.configuration.component;
+        // let MinComponentIdx = this.configuration.component.findIndex(x => x.numericPair == component.numericPair && (x.restriction.toUpperCase() == "GTE")) == undefined ? this.configuration.component.find(x => x.numericPair == component.numericPair && (x.restriction.toUpperCase() == "GT")) : this.configuration.component.find(x => x.numericPair == component.numericPair && (x.restriction.toUpperCase() == "GTE"));
+        // let MaxComponentIdx = this.configuration.component.findIndex(x => x.numericPair == component.numericPair && (x.restriction.toUpperCase() == "LTE")) == undefined ? this.configuration.component.find(x => x.numericPair == component.numericPair && (x.restriction.toUpperCase() == "LT")) : this.configuration.component.find(x => x.numericPair == component.numericPair && (x.restriction.toUpperCase() == "LTE"));
+        // const _min = parseFloat(this.form.controls[_comp[MinComponentIdx].name].value.replace(/,/g, ''));
+        // const _max = parseFloat(this.form.controls[_comp[MaxComponentIdx].name].value.replace(/,/g, ''));
+        // if (_min > _max) {
+        //   this.toastr.warning(_comp[MinComponentIdx].label + " must be less than " + _comp[MaxComponentIdx].label);
+        //   return false;
+        // }
+        let MinComponent = this.configuration.component.find((x) => x.numericPair == component.numericPair &&
+            x.restriction.toUpperCase() == "GTE") == undefined
+            ? this.configuration.component.find((x) => x.numericPair == component.numericPair &&
+                x.restriction.toUpperCase() == "GT")
+            : this.configuration.component.find((x) => x.numericPair == component.numericPair &&
+                x.restriction.toUpperCase() == "GTE");
+        let MaxComponent = this.configuration.component.find((x) => x.numericPair == component.numericPair &&
+            x.restriction.toUpperCase() == "LTE") == undefined
+            ? this.configuration.component.find((x) => x.numericPair == component.numericPair &&
+                x.restriction.toUpperCase() == "LT")
+            : this.configuration.component.find((x) => x.numericPair == component.numericPair &&
+                x.restriction.toUpperCase() == "LTE");
+        const _min = parseFloat(myform.nativeElement[MinComponent.id].value.replace(/,/g, ""));
+        const _max = parseFloat(myform.nativeElement[MaxComponent.id].value.replace(/,/g, ""));
+        if (_min > _max) {
+            this.toastr.warning(MinComponent.label + " must be less than " + MaxComponent.label);
+            return false;
+        }
+        return true;
+    }
+    async search(apiUrl, pageNo, rowPerPage, orderBy, isClickSearch, addCrit = new Array(), IsExportExcel = false, extFile = "", isAddToTemp = false, addToTempCrit = new Array()) {
+        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();
+        let additionalExportList = new Array();
+        let excludeExportList = new Array();
+        const mappedConfNameValue = {};
+        for (let [index, val] of this.configuration.component.entries()) {
+            let _name = val.name;
+            if (val.type === "datepicker" ||
+                val.type === "numeric" ||
+                val.type === "currency")
+                _name += index;
+            mappedConfNameValue[_name] = {
+                value: this.form.controls[_name].value,
+            };
+        }
+        // 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++) {
+                // read value based on search component value - if not found, will hardcoded
+                const _val = mappedConfNameValue[this.searchInput.whereValue[x].value]
+                    ? mappedConfNameValue[this.searchInput.whereValue[x].value].value
+                    : this.searchInput.whereValue[x].value;
+                // this.configuration.querystring.whereQuery.push(this.searchInput.whereValue[x].value);
+                this.configuration.querystring.whereQuery.push(_val);
+            }
+        }
+        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++) {
+                // read value based on search component value - if not found, will hardcoded
+                const _val = mappedConfNameValue[this.searchInput.fromValue[x].value]
+                    ? mappedConfNameValue[this.searchInput.fromValue[x].value].value
+                    : this.searchInput.fromValue[x].value;
+                // this.configuration.querystring.fromQuery.push(this.searchInput.fromValue[x].value);
+                this.configuration.querystring.fromQuery.push(_val);
+            }
+        }
+        request.pageNo = pageNo;
+        request.rowPerPage = rowPerPage;
+        request.orderBy = orderBy;
+        request.queryString = this.configuration.querystring;
+        let filtered = this.configuration.component.filter((item, i, arr) => {
+            if (item.datepickerPair === undefined || item.datepickerPair === "")
+                return;
+            return (arr.findIndex((x) => x.datepickerPair === item.datepickerPair) === i);
+        });
+        for (let i = 0; i < filtered.length; i++) {
+            if (filtered[i].type == "datepicker") {
+                if (!this.checkSubmitDate(filtered[i]))
+                    return;
+            }
+        }
+        let filteredNumeric = this.configuration.component.filter((item, i, arr) => {
+            if (item.numericPair === undefined || item.numericPair === "")
+                return;
+            return arr.findIndex((x) => x.numericPair === item.numericPair) === i;
+        });
+        for (let i = 0; i < filteredNumeric.length; i++) {
+            0;
+            if (filteredNumeric[i].type == "numeric" ||
+                filteredNumeric[i].type == "currency") {
+                if (!this.checkNumericPair(filteredNumeric[i], this.myForm))
+                    return;
+            }
+        }
+        let formSeq = -1;
+        for (let i = 0; i < this.countForm; i++) {
+            let critObj = new CriteriaObj();
+            if (this.configuration.component[i].type == "blank")
+                continue;
+            if (this.configuration.component[i].type == "dropdownSearch") {
+                formSeq += 3;
+            }
+            else {
+                formSeq++;
+            }
+            if (this.configuration.component[i].excludeFromCrit)
+                continue;
+            let component = this.myForm.nativeElement[formSeq];
+            let _componentValue = `${this.form.controls[this.configuration.component[i].name]?.value ?? ""}`;
+            if (this.configuration.component[i].type === "lookup") {
+                _componentValue = `${this.form.controls["lookup_id_" + this.configuration.component[i].name].value ?? ""}`;
+            }
+            else if (this.configuration.component[i].type === "datepicker" ||
+                this.configuration.component[i].type === "numeric" ||
+                this.configuration.component[i].type === "currency") {
+                _componentValue = `${this.form.controls[this.configuration.component[i].name + i].value ??
+                    ""}`;
+            }
+            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.nodeName == "SELECT") {
+                let ddl = component.options;
+                if (ddl.selectedIndex === -1 &&
+                    ddl.length === 1 &&
+                    _componentValue == "") {
+                    _componentValue = "SELECT_TEMP";
+                }
+            }
+            if (_componentValue != "") {
+                if (component.nodeName == "SELECT") {
+                    let ddl = component.options;
+                    if (ddl.selectedIndex === -1 && ddl.length === 1) {
+                        ddl.selectedIndex = 0;
+                    }
+                    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") {
+                        if (ddl.length === 1) {
+                            this.SetProcessKey(i, this.configuration.component[i].wfKeyFilter);
+                        }
+                        continue;
+                    }
+                    if (this.configuration.component[i].type == "claim") {
+                        critObj.propName = component.getAttribute("data-name");
+                        critObj.restriction = text;
+                        critObj.value = null;
+                        if (!isAddToTemp) {
+                            arrCrit.push(critObj);
+                        }
+                    }
+                    else {
+                        if (text != "all" && text != "one" && text != "others") {
+                            //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;
+                            const restriction = component.getAttribute("data-restriction");
+                            if (restriction != "" && restriction != null) {
+                                // override restriction
+                                critObj.restriction = restriction;
+                                if (restriction == AdInsConstant.RestrictionLike) {
+                                    critObj.value = `%${text}%`;
+                                }
+                            }
+                            if (!isAddToTemp) {
+                                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;
+                                if (!isAddToTemp) {
+                                    arrCrit.push(critObj);
+                                }
+                            }
+                        }
+                        else if (text == "others" && component.options.length != 0) {
+                            let ddlList = new Array();
+                            for (let x = 0; x < component.options.length; x++) {
+                                if (x != 0 && x != component.options.length - 1) {
+                                    ddlList.push(component.options[x].value);
+                                }
+                            }
+                            if (ddlList.length != 0) {
+                                critObj.restriction = AdInsConstant.RestrictionNotIn;
+                                if (component.name != "") {
+                                    critObj.propName = component.name;
+                                }
+                                else {
+                                    critObj.propName = component.getAttribute("data-name");
+                                }
+                                critObj.listValue = ddlList;
+                                if (!isAddToTemp) {
+                                    arrCrit.push(critObj);
+                                }
+                            }
+                        }
+                    }
+                }
+                else {
+                    const compDataType = component.getAttribute("data-type");
+                    if (compDataType === "lookup" ||
+                        (compDataType === "date" && this.useNewDatepicker)) {
+                        formSeq++;
+                    }
+                    //Kalau ada Percent maka yang dipake nnti adalah Restrictions Like
+                    if (component.name != "") {
+                        critObj.propName = component.name;
+                    }
+                    else {
+                        critObj.propName = component.getAttribute("data-name");
+                    }
+                    if (this.configuration.component[i].type === "datepicker" ||
+                        this.configuration.component[i].type === "numeric" ||
+                        this.configuration.component[i].type === "currency") {
+                        critObj.propName = component.getAttribute("data-name");
+                    }
+                    critObj.value = _componentValue;
+                    // normalize data type from lookup to text;
+                    if (compDataType === "lookup")
+                        critObj.DataType = "text";
+                    if (_componentValue.includes("%")) {
+                        critObj.restriction = AdInsConstant.RestrictionLike;
+                        _componentValue =
+                            this.removeTrailingBackslashesAfterPercent(_componentValue);
+                        critObj.value = _componentValue;
+                    }
+                    //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(_componentValue.replace(/,/g, "")).toString();
+                        }
+                        if (critObj.restriction.toUpperCase() == "LIKE") {
+                            critObj.value = "%" + _componentValue.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");
+                    }
+                    let skipPushToCrit = false;
+                    if (this.configuration.component[i].type === "time") {
+                        // check is standalone or not
+                        const useTimePair = this.configuration.component[i].useTimePair;
+                        if (useTimePair) {
+                            skipPushToCrit = true;
+                            const indexPair = arrCrit.findIndex((x) => x.propName === this.configuration.component[i].timePair &&
+                                x.restriction === this.configuration.component[i].restriction);
+                            if (indexPair > -1) {
+                                const _value = new Date(arrCrit[indexPair].value);
+                                // Extract the date components
+                                const year = _value.getUTCFullYear();
+                                const month = _value.getUTCMonth();
+                                const day = _value.getUTCDate();
+                                // Extract time components
+                                const [hours, minutes] = _componentValue.split(":").map(Number);
+                                const result = new Date(Date.UTC(year, month, day, hours, minutes, 0))
+                                    .toISOString()
+                                    .replace("T", " ")
+                                    .replace("Z", "");
+                                arrCrit[indexPair].value = result;
+                            }
+                        }
+                    }
+                    if (!isAddToTemp && !skipPushToCrit) {
+                        arrCrit.push(critObj);
+                    }
+                }
+            }
+            else {
+                const compDataType = component.getAttribute("data-type");
+                if (compDataType === "lookup" ||
+                    (compDataType === "date" && this.useNewDatepicker)) {
+                    formSeq++;
+                }
+            }
+        }
+        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;
+        if (isAddToTemp) {
+            this.persistAddToTempCrit = addToTempCrit;
+        }
+        if (this.persistAddToTempCrit !== undefined) {
+            request.criteria = request.criteria.concat(this.persistAddToTempCrit);
+        }
+        // filter duplicate data in array
+        request.criteria = this.filterDuplicateData(request.criteria);
+        // filter empty value in listValue
+        request.criteria = this.filterListValueEmpty(request.criteria);
+        request.integrationObj = null;
+        if (this.searchInput.isJoinExAPI) {
+            request.integrationObj = this.searchInput.integrationObj;
+        }
+        this.isSearch = true;
+        if (this.searchInput.dataInput !== undefined &&
+            Object.keys(this.searchInput.dataInput).length !== 0) {
+            bodyList = this.searchInput.dataInput.bodyList;
+            fileName = this.searchInput.dataInput.title;
+            headerList = this.searchInput.dataInput.headerList;
+            additionalExportList = this.searchInput.dataInput.additionalExportList;
+            excludeExportList = this.searchInput.dataInput.excludeExportList;
+        }
+        else {
+            await this.http
+                .get(this.searchInput._url)
+                .toPromise()
+                .then((data) => {
+                bodyList = data.bodyList;
+                fileName = data.title;
+                headerList = data.headerList;
+                additionalExportList = data.additionalExportList;
+                excludeExportList = data.excludeExportList;
+            });
+        }
+        this.http.post(apiUrl, request).subscribe((response) => {
+            if (IsExportExcel) {
+                bodyData = response["Data"];
+                [headerList, bodyList] = this.checkAdditionalExportList(headerList, bodyList, additionalExportList);
+                [headerList, bodyList] = this.checkExcludeExportList(headerList, bodyList, excludeExportList);
+                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);
+                }
+                const $sequence = Math.round(response["Count"] / rowPerPage);
+                if ($sequence > 1 && $sequence > pageNo) {
+                    pageNo = pageNo + 1;
+                    setTimeout(() => this.search(apiUrl, pageNo, rowPerPage, orderBy, true, addCrit, IsExportExcel, extFile), 50);
+                }
+                return;
+            }
+            //handle if response data is null
+            if (response["Data"] === null) {
+                response["Data"] = [];
+            }
+            let qryPaging = {
+                response: response,
+                pageNow: pageNo,
+            };
+            console.log(qryPaging);
+            this.result.emit(qryPaging);
+            this.reqGetAllData.emit(request);
+            return response;
+        });
+    }
+    filterDuplicateData(data) {
+        return data.filter((value, index) => {
+            const _value = JSON.stringify(value);
+            return (index ===
+                data.findIndex((obj) => {
+                    return JSON.stringify(obj) === _value;
+                }));
+        });
+    }
+    filterListValueEmpty(data) {
+        return data.filter((value) => {
+            if (value.listValue === undefined)
+                return value;
+            if (value.listValue.length === 0)
+                return;
+            return value;
+        });
+    }
+    removeTrailingBackslashesAfterPercent(str) {
+        if (typeof str !== "string" || str?.length === 0) {
+            return str;
+        }
+        return str.replace(/%(\\+)$/, "%");
+    }
+    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 (let j = 0; j < bodyDataTemp.length; j++) {
+                const value = bodyDataArr[i][bodyDataTemp[j]];
+                if (value !== null && value !== undefined) {
+                    if (typeof value === "boolean") {
+                        finalData[headerDataTemp[j]] = value ? "YES" : "NO";
+                    }
+                    else {
+                        finalData[headerDataTemp[j]] = value;
+                    }
+                }
+            }
+            dataExcel.push(finalData);
+        }
+        return dataExcel;
+    }
+    checkAdditionalExportList(headerListData, bodyListData, additionalExportList) {
+        if (additionalExportList == undefined)
+            return [headerListData, bodyListData];
+        if (additionalExportList.length == 0)
+            return [headerListData, bodyListData];
+        const _headerList = [...headerListData];
+        const _bodyList = [...bodyListData];
+        for (let i = 0; i < additionalExportList.length; i++) {
+            _headerList.push({ label: additionalExportList[i].label });
+            _bodyList.push({ property: additionalExportList[i].property });
+        }
+        return [_headerList, _bodyList];
+    }
+    checkExcludeExportList(headerListData, bodyListData, excludeExportList) {
+        if (excludeExportList == undefined)
+            return [headerListData, bodyListData];
+        if (excludeExportList.length == 0)
+            return [headerListData, bodyListData];
+        const _headerList = [...headerListData];
+        const _bodyList = [...bodyListData];
+        for (let i = 0; i < excludeExportList.length; i++) {
+            let index = _bodyList.findIndex((element) => element.property == excludeExportList[i].property);
+            if (index != -1) {
+                _headerList.splice(index, 1);
+                _bodyList.splice(index, 1);
+            }
+        }
+        return [_headerList, _bodyList];
+    }
+    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"],
+            ];
+        }
+        const actions = bodyListData[idx]["action"];
+        if (bodyListData[idx]["type"] == "action" &&
+            actions[0]["type"] == "switch" &&
+            Boolean(actions[0]["case"][0]["result"]["property"])) {
+            return [
+                true,
+                bodyListData[idx]["action"][0]["case"][0]["result"]["property"],
+                headerListData[idx]["label"],
+            ];
+        }
+        return [false, [], []];
+    }
+    GenerateReport(enjiForm) {
+        this.form.markAllAsTouched();
+        if (!this.form.valid)
+            return;
+        const _exportType = this.form.get("ExportType").value;
+        const _rptExecType = this.form.get("RptExecType").value;
+        this.genRpt.emit({
+            ExportType: _exportType,
+            RptExecType: _rptExecType,
+            ElRef: this.myForm,
+            formRaw: this.form.getRawValue(),
+        });
+    }
+    lessThanFour() {
+        if (this.countForm > 3) {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
+    resolveObject(obj, url, crit = null) {
+        const val = this.postJSON(url, crit);
+        val.subscribe((tempData) => {
+            if (obj.customObjName == null ||
+                obj.customObjName == undefined ||
+                obj.customObjName == "") {
+                obj.customObjName = "ReturnObject";
+            }
+            if (obj.customKeyName == null ||
+                obj.customKeyName == undefined ||
+                obj.customKeyName == "") {
+                obj.customKeyName = "Key";
+            }
+            if (obj.customValueName == null ||
+                obj.customValueName == undefined ||
+                obj.customValueName == "") {
+                obj.customValueName = "Value";
+            }
+            const _data = [];
+            for (let i = 0; i < tempData[obj.customObjName].length; i++) {
+                _data.push({
+                    Key: tempData[obj.customObjName][i][obj.customKeyName],
+                    Value: tempData[obj.customObjName][i][obj.customValueName],
+                });
+            }
+            obj.itemsUrl = new Array();
+            const userAccess = this.getUserAccess();
+            if (obj.type == "officeRoleCodes" &&
+                obj.isLockHo &&
+                userAccess["MrOfficeTypeCode"] == "HO") {
+                let keyValueObj = {
+                    Key: userAccess["OfficeCode"],
+                    Value: userAccess["OfficeName"],
+                };
+                obj.itemsUrl.push(keyValueObj);
+            }
+            else {
+                obj.itemsUrl = _data;
+            }
+            if (obj.exclude != undefined && obj.exclude != "") {
+                obj.itemsUrl = obj.itemsUrl.filter((value) => !obj.exclude.includes(value.Key));
+            }
+            if (obj.itemsUrl.length == 1) {
+                obj.value = obj.itemsUrl[0].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);
+            }
+            this.updateKeyValDict({
+                key: obj.name,
+                value: obj.value,
+            });
+            if (obj.useFirstValue && obj.itemsUrl.length > 1) {
+                this.form.controls[obj.name].setValue(obj.itemsUrl[0].Key);
+            }
+        });
+    }
+    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;
+        this.updateKeyValDict({ key: afFilter.name, value: afFilter.value });
+        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") {
+                        const _critPropNameArr = jsonComp[j].criteriaPropName.split(";");
+                        if (_critPropNameArr.length > 1) {
+                            const _critPropValueArr = jsonComp[j].criteriaPropValue.split(";");
+                            for (let [index, item] of _critPropNameArr.entries()) {
+                                const critObj = new CriteriaObj();
+                                critObj.DataType = afFilter.datatype;
+                                if (item === afFilter.filterPropName) {
+                                    request[item] = optValue;
+                                    critObj.value = optValue;
+                                    this.valueDict[item] = optValue;
+                                }
+                                else if (item.includes("dicts.")) {
+                                    this.getObjData("dicts", item, afFilter, request, optValue, critObj, _critPropValueArr, index);
+                                }
+                                else if (item.includes("lookup.")) {
+                                    this.getObjData("lookup", item, afFilter, request, optValue, critObj, _critPropValueArr, index);
+                                }
+                                else if (this.valueDict[item]) {
+                                    request[item] = this.valueDict[item];
+                                    critObj.value = this.valueDict[item];
+                                }
+                                else {
+                                    request[item] = _critPropValueArr[index];
+                                    critObj.value = _critPropValueArr[index];
+                                }
+                                critObj.propName = item;
+                                critObj.restriction = AdInsConstant.RestrictionEq;
+                                arrayCrit.push(critObj);
+                            }
+                        }
+                        else {
+                            const critObj = new CriteriaObj();
+                            critObj.DataType = afFilter.datatype;
+                            if (afFilter.filterPropName != undefined ||
+                                afFilter.filterPropName != "") {
+                                request[afFilter.filterPropName] = optValue;
+                                critObj.propName = afFilter.filterPropName;
+                                this.valueDict[afFilter.filterPropName] = optValue;
+                            }
+                            else {
+                                critObj.propName = afFilter.name;
+                                request[afFilter.name] = optValue;
+                            }
+                            critObj.value = optValue;
+                            critObj.restriction = AdInsConstant.RestrictionEq;
+                            arrayCrit.push(critObj);
+                        }
+                    }
+                    if (optValue == "all" || optValue == "others") {
+                        let critObj = new CriteriaObj();
+                        arrayCrit.push(critObj);
+                        jsonComp[j].value = optValue;
+                    }
+                    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);
+                }
+            }
+        }
+    }
+    getObjData(type, item, afFilter, request, optValue, critObj, _critPropValueArr, index) {
+        let _objDicts = this.valueDict;
+        if (type === "lookup") {
+            _objDicts = this.lookupDict;
+        }
+        const _item = item.split(".");
+        if (_item[1] === afFilter.filterPropName) {
+            request[_item[1]] = optValue;
+            critObj.value = optValue;
+            _objDicts[_item[1]] = optValue;
+        }
+        else if (_objDicts[_item[1]]) {
+            request[_item[1]] = _objDicts[_item[1]];
+            critObj.value = _objDicts[_item[1]];
+        }
+        else {
+            request[_item[1]] = _critPropValueArr[index];
+            critObj.value = _critPropValueArr[index];
+        }
+    }
+    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, index) {
+        let dateWrong = false;
+        const _componentValue = this.form.controls[component.name + index].value;
+        dateWrong = this.checkMinMaxValidation(component);
+        let udpatedValue = null;
+        if (this.isValidDate(_componentValue)) {
+            udpatedValue = formatDate(new Date(_componentValue), "yyyy-MM-dd", "en-US");
+        }
+        this.updateKeyValDict({
+            key: component.name,
+            value: udpatedValue,
+        });
+        if (!dateWrong) {
+            this.updateMinMaxDateValue({
+                value: _componentValue,
+                datepickerPair: component.datepickerPair,
+                restriction: component.restriction,
+            });
+        }
+    }
+    checkMinMaxValidation(component) {
+        let minDateVal;
+        let maxDateVal;
+        let label;
+        let errorMessage = new Array();
+        let dateWrong = false;
+        const nativeEl = this.myForm.nativeElement.elements;
+        const _comp = this.configuration.component;
+        let minComponentIdx = _comp.findIndex((x) => x.name == component.name && x.restriction.toUpperCase() == "GTE") === -1
+            ? _comp.findIndex((x) => x.name == component.name && x.restriction.toUpperCase() == "GT")
+            : _comp.findIndex((x) => x.name == component.name && x.restriction.toUpperCase() == "GTE");
+        if (minComponentIdx !== -1) {
+            const _minComponentName = _comp[minComponentIdx].name + minComponentIdx;
+            minDateVal = this.isValidDate(nativeEl[_minComponentName].min)
+                ? new Date(nativeEl[_minComponentName].min)
+                : null;
+            label = _comp[minComponentIdx].label.split(">", 2);
+            if (minDateVal != null) {
+                if (_comp[minComponentIdx].restriction.toUpperCase() == "GT") {
+                    minDateVal.setDate(minDateVal.getDate() - 1);
+                    errorMessage.push(" must be greater than ");
+                }
+                else if (_comp[minComponentIdx].restriction.toUpperCase() == "GTE") {
+                    errorMessage.push(" must be greater than or equals to ");
+                }
+            }
+        }
+        let maxComponentIdx = _comp.findIndex((x) => x.name == component.name && x.restriction.toUpperCase() == "LTE") === -1
+            ? _comp.findIndex((x) => x.name == component.name && x.restriction.toUpperCase() == "LT")
+            : _comp.findIndex((x) => x.name == component.name && x.restriction.toUpperCase() == "LTE");
+        if (maxComponentIdx !== -1) {
+            const _maxComponentName = _comp[maxComponentIdx].name + maxComponentIdx;
+            maxDateVal = this.isValidDate(nativeEl[_maxComponentName].max)
+                ? new Date(nativeEl[_maxComponentName].max)
+                : null;
+            label = _comp[maxComponentIdx].label.split("<", 2);
+            if (maxDateVal != null) {
+                if (_comp[maxComponentIdx].restriction.toUpperCase() == "LT") {
+                    maxDateVal.setDate(maxDateVal.getDate() + 1);
+                    errorMessage.push(" must be less than ");
+                }
+                else if (_comp[maxComponentIdx].restriction.toUpperCase() == "LTE") {
+                    errorMessage.push(" must be less than or equals to ");
+                }
+            }
+        }
+        if (minDateVal != null &&
+            maxDateVal == null &&
+            new Date(this.form.controls[_comp[minComponentIdx].name + minComponentIdx].value) < minDateVal) {
+            this.toastr.warning(label[0] +
+                errorMessage[0] +
+                formatDate(minDateVal, "dd MMMM yyyy", "en-US") +
+                ".");
+            dateWrong = true;
+        }
+        else if (maxDateVal != null &&
+            minDateVal == null &&
+            new Date(this.form.controls[_comp[maxComponentIdx].name + maxComponentIdx].value) > maxDateVal) {
+            this.toastr.warning(label[0] +
+                errorMessage[0] +
+                formatDate(maxDateVal, "dd MMMM yyyy", "en-US") +
+                ".");
+            dateWrong = true;
+        }
+        else if (minDateVal != null && maxDateVal != null) {
+            if (new Date(this.form.controls[_comp[maxComponentIdx].name + maxComponentIdx].value) > maxDateVal ||
+                new Date(this.form.controls[_comp[minComponentIdx].name + minComponentIdx].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") +
+                    ".");
+                dateWrong = true;
+            }
+            else {
+                dateWrong = false;
+            }
+        }
+        else {
+            dateWrong = false;
+        }
+        return dateWrong;
+    }
+    updateMinMaxDateValue(opts) {
+        const { value, datepickerPair, restriction } = opts;
+        const _minComps = [];
+        const _maxComps = [];
+        for (const [index, item] of this.configuration.component.entries()) {
+            if (item.confMinDate === datepickerPair) {
+                _minComps.push({
+                    comp: item,
+                    index,
+                });
+            }
+            if (item.confMaxDate === datepickerPair) {
+                _maxComps.push({
+                    comp: item,
+                    index,
+                });
+            }
+        }
+        if (!datepickerPair)
+            return;
+        for (const minComponent of _minComps) {
+            const _value = value;
+            const _restriction = minComponent.comp.datepickerPair === datepickerPair ? restriction : "";
+            if (_value !== null && _value !== undefined) {
+                this.updateComponentDate(minComponent, "confMaxDate", _value, "maxDate", datepickerPair);
+                if (_restriction.toLowerCase() !== "gte" &&
+                    _restriction.toLowerCase() !== "gt") {
+                    this.updateComponentDate(minComponent, "confMinDate", _value, "minDate", datepickerPair);
+                }
+            }
+        }
+        for (const maxComponent of _maxComps) {
+            const _value = value;
+            const _restriction = maxComponent.comp.datepickerPair === datepickerPair ? restriction : "";
+            if (_value !== null && _value !== undefined) {
+                this.updateComponentDate(maxComponent, "confMinDate", _value, "minDate", datepickerPair);
+                if (_restriction.toLowerCase() !== "lte" &&
+                    _restriction.toLowerCase() !== "lt") {
+                    this.updateComponentDate(maxComponent, "confMaxDate", _value, "maxDate", datepickerPair);
+                }
+            }
+        }
+    }
+    // Helper function to update the min/max date and component value
+    updateComponentDate(compObj, confDateKey, value, flagKey, datepickerPair) {
+        const { comp: component, index } = compObj;
+        if (component[confDateKey] === datepickerPair) {
+            if (value === "") {
+                component[flagKey] = "";
+            }
+            else {
+                const _componentValue = this.form.controls[component.name + index].value;
+                const _flag = this.datetimeService.CheckDateType(component[`addition${flagKey[0].toUpperCase()}${flagKey.slice(1)}Conf`] ?? "bd");
+                component[flagKey] = this.datetimeService.GetNewDate(_flag, component[`addition${flagKey[0].toUpperCase()}${flagKey.slice(1)}Conf`], value);
+                if ((flagKey === "minDate" && _componentValue < component.minDate) ||
+                    (flagKey === "maxDate" && _componentValue > component.maxDate)) {
+                    this.form.controls[component.name].setValue("");
+                }
+            }
+        }
+    }
+    selectedOption(item, crit) {
+        crit.descr = item.Value;
+        crit.isListHide = true;
+    }
+    OnFocusCurr(ev, value) {
+        if (value !== "" && value !== 0 && value !== "0")
+            return;
+        ev.target.value = "";
+    }
+    ValidateDefaultValue(item) {
+        const itemValue = item.value;
+        if (itemValue !== "" && itemValue !== 0 && itemValue !== "0")
+            return;
+        const _el = document.querySelector(`input[ng-reflect-name="${item.name}"]`);
+        if (_el === null)
+            return;
+        let val = this.generateCurrFocElValue(item);
+        _el["value"] = val;
+    }
+    getLookup(event, component) {
+        const _eventObj = {
+            lookup: { ...event },
+        };
+        this.lookupDict = { ...event };
+        const _lookupObj = this.searchInput.dictLookupObj[component.name];
+        this.form.controls["lookup_id_" + component.name].setValue(_lookupObj.idSelect);
+        if (!_lookupObj.isEvent)
+            return;
+        const affectedCriteria = _lookupObj.affectedCriteria;
+        for (let item of affectedCriteria) {
+            const _updateLookupObj = this.searchInput.dictLookupObj[item.key];
+            _updateLookupObj.isReady = false;
+            let _value = _lookupObj.idSelect;
+            if (item.value != null && item.value != "") {
+                if (item.value.includes("lookup.")) {
+                    const _tempValue = item.value.split(".")[1];
+                    _value = _eventObj.lookup[_tempValue] ?? _value;
+                }
+            }
+            if (!_updateLookupObj.originalAddCrit) {
+                _updateLookupObj.originalAddCrit = [..._updateLookupObj.addCritInput];
+            }
+            _updateLookupObj.addedAddCrit = [];
+            const _addedCrit = {
+                propName: item.propName,
+                restriction: item.restriction,
+                value: _value,
+                DataType: "text",
+                high: 0,
+                isCriteriaDataTable: false,
+                low: 0,
+            };
+            _updateLookupObj.addedAddCrit.push(_addedCrit);
+            _updateLookupObj.addCritInput = [
+                ..._updateLookupObj.originalAddCrit,
+                ..._updateLookupObj.addedAddCrit,
+            ];
+            this.searchInput.dictLookupObj[item.key] = JSON.parse(JSON.stringify(_updateLookupObj));
+            setTimeout(() => (this.searchInput.dictLookupObj[item.key].isReady = true), 10);
+        }
+        const affectedFilter = _lookupObj?.affectedFilter ?? [];
+        if (affectedFilter.length > 0) {
+            let _value = _lookupObj.idSelect;
+            if (_lookupObj.filterPropValue != null &&
+                _lookupObj.filterPropValue != "") {
+                if (_lookupObj.filterPropValue.includes("lookup.")) {
+                    const _tempValue = _lookupObj.filterPropValue.split(".")[1];
+                    _value = _eventObj.lookup[_tempValue] ?? _value;
+                }
+            }
+            this.onChangeEvent(_value, _lookupObj);
+        }
+    }
+    getInputtedValue(ev, component) {
+        this.form.controls["lookup_id_" + component.name].setValue(ev);
+    }
+    isCollapsed = false;
+    onCollapse(ev) {
+        console.log("collapse", ev);
+        this.isCollapsed = !!ev?.isCollapsed;
+    }
+    updateKeyValDict(ev) {
+        this.lookupKeyValDict[ev.key] = ev.value;
+        this.notifyUpdateKeyValDict.emit(this.lookupKeyValDict);
+        this.ucSearchFormService.setForm(this.form);
+    }
+    generateCurrFocElValue(item) {
+        let val = "0";
+        const precision = item?.precision || 2;
+        for (let i = 0; i < precision; i++) {
+            if (i === 0)
+                val += ".";
+            val += "0";
+        }
+        return val;
+    }
+    setValidatorNumber(typeValidator, value, control) {
+        if (value === undefined || value === "" || value === null)
+            return;
+        if (typeValidator === "MIN")
+            control.addValidators(Validators.min(value));
+        else if (typeValidator === "MAX")
+            control.addValidators(Validators.max(value));
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", 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 }, { token: i7.NgxRouterService }, { token: i8.FormBuilder }, { token: UcsearchDatetimeService }, { token: UcsearchFormService }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: UCSearchComponent, isStandalone: false, selector: "lib-UCSearch", inputs: { searchInput: "searchInput", pageSize: "pageSize", isReport: "isReport", showRptExecType: "showRptExecType" }, 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: "<span hidden attr.version=\"3.8.18-canary.0\"></span>\r\n<div>\r\n  <!-- Basic form layout section start -->\r\n  <lib-ucSubsection [hidden]=\"!searchInput.IsSubsection\" [id]=\"searchInput.searchId+'id'\"\r\n    [title]=\"configuration?.sectionTitle || 'Paging'\" [panel]=\"searchInput.searchId\" [legacy]=\"false\"\r\n    (collapse)=\"onCollapse($event)\">\r\n  </lib-ucSubsection>\r\n\r\n  <!-- <div [id]=\"searchInput.searchId\"> -->\r\n  <!-- <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"\"> -->\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\" [id]=\"searchInput.searchId\" [(ngbCollapse)]=\"isCollapsed\">\r\n    <div class=\"px-3\">\r\n      <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch [formGroup]=\"form\" #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-3 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-12 no-padding search-label\" 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-12 no-padding\">\r\n                    <div *ngIf=\"question.type=='textbox'\">\r\n                      <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-input\"\r\n                        [IsUpperCase]=\"question.isUppercase === undefined ? true : question.isUppercase\"\r\n                        [required]=\"question.isRequired\" name=\"{{question.name}}\" [formControlName]=\"question.name\"\r\n                        attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                        [placeholder]=\"question.placeholder != undefined ? question.placeholder : ''\"\r\n                        attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                        attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                        attr.data-restriction=\"{{question.restriction}}\" attr.label=\"{{question.label}}\"\r\n                        [readonly]=\"question.isReadonly\"\r\n                        (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\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-input\"\r\n                        [required]=\"question.isRequired\" name=\"{{question.name}}\" [formControlName]=\"question.name\"\r\n                        attr.data-required=\"{{question.isRequired}}\" attr.data-type=\"{{question.datatype}}\"\r\n                        attr.data-name=\"{{question.name}}\" value=\"{{question.value}}\" attr.label=\"{{question.label}}\"\r\n                        [readonly]=\"question.isReadonly\"\r\n                        (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\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-input\" [placeholder]=\"'0'\"\r\n                        [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\"\r\n                        [formControlName]=\"question.name+[i]\" attr.data-required=\"{{question.isRequired}}\"\r\n                        value=\"{{question.value}}\" 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}}\" attr.label=\"{{question.label}}\"\r\n                        (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\r\n                        [readonly]=\"question.isReadonly\"\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-input\"\r\n                          [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\" autocomplete=\"off\"\r\n                          attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\"\r\n                          attr.data-name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\" currencyMask\r\n                          [formControlName]=\"question.name+[i]\" attr.label=\"{{question.label}}\"\r\n                          [readonly]=\"question.isReadonly\" (focus)=\"OnFocusCurr($event, question.value)\"\r\n                          (blur)=\"ValidateDefaultValue(question)\"\r\n                          (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\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+[i]]?.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-input\"\r\n                          [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\" autocomplete=\"off\"\r\n                          attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\"\r\n                          attr.data-name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\" currencyMask\r\n                          [formControlName]=\"question.name+[i]\" attr.label=\"{{question.label}}\"\r\n                          (focus)=\"OnFocusCurr($event, question.value)\" (blur)=\"ValidateDefaultValue(question)\"\r\n                          (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\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+[i]]?.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                    <span *ngIf=\"!useNewDatepicker\">\r\n                      <div *ngIf=\"question.type=='datepicker' && !question.isTime\">\r\n                        <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-input btn-lookup\"\r\n                          name=\"{{question.name+[i]}}\" [formControlName]=\"question.name+[i]\"\r\n                          [required]=\"question.isRequired\" attr.data-required=\"{{question.isRequired}}\"\r\n                          value=\"{{question.value}}\" [readonly]=\"question.readonly\"\r\n                          attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                          attr.data-datepickerpair=\"{{question.datepickerPair}}\"\r\n                          attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                          attr.data-restriction=\"{{question.restriction}}\" attr.label=\"{{question.label}}\"\r\n                          [min]=\"question.minDate | date:'yyyy-MM-dd'\" [max]=\"question.maxDate | date:'yyyy-MM-dd'\"\r\n                          (focusout)=\"question.restriction != undefined && checkInputDate(question,i)\"\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=='datepicker' && question.isTime\">\r\n                        <input type=\"datetime-local\" id=\"{{question.id}}\" class=\"form-control search-input btn-lookup\"\r\n                          name=\"{{question.name+[i]}}\" [required]=\"question.isRequired\"\r\n                          [formControlName]=\"question.name\" attr.data-required=\"{{question.isRequired}}\"\r\n                          value=\"{{question.value}}\" [readonly]=\"question.readonly\"\r\n                          attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                          attr.data-datepickerpair=\"{{question.datepickerPair}}\"\r\n                          attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                          attr.data-restriction=\"{{question.restriction}}\" attr.label=\"{{question.label}}\"\r\n                          min=\"{{question.minDate | date:'yyyy-MM-dd'}}\" max=\"{{question.maxDate | date:'yyyy-MM-dd'}}\"\r\n                          (focusout)=\"question.restriction != undefined && checkInputDate(question,i)\"\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                    </span>\r\n                    <span *ngIf=\"useNewDatepicker\">\r\n                      <div *ngIf=\"question.type=='datepicker'\">\r\n                        <lib-ucdatepicker [parentForm]=\"form\" [enjiForm]=\"enjiForm\" [identifier]=\"question.name+i\"\r\n                          [min]=\"question.minDate | date: 'yyyy-MM-dd'\" [max]=\"question.maxDate | date: 'yyyy-MM-dd'\"\r\n                          [defaultStartDate]=\"BisDt\" [attr]=\"question\"\r\n                          (change)=\"question.restriction != undefined && checkInputDate(question,i)\">\r\n                        </lib-ucdatepicker>\r\n                      </div>\r\n                    </span>\r\n\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-input\"\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\" value=\"one\">Select\r\n                          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                        [required]=\"question.isRequired\" class=\"form-control search-input\"\r\n                        [formControlName]=\"question.name\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                        attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                        attr.label=\"{{question.label}}\" attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                        attr.data-restriction=\"{{ question?.restriction ?? ''}}\"\r\n                        [hidden]=\"!question.isFromURL ? (question?.items?.length == 1 && !question?.keepDdl) : (question?.itemsUrl?.length == 1 && !question?.keepDdl)\"\r\n                        (change)=\"question.isEvent ? onChangeEvent($event.target.value, question) : updateKeyValDict({key: question.name, value: $event.target.value})\"\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?.keepDdl) : (question?.itemsUrl?.length != 1 || question?.keepDdl))\"\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?.keepDdl) : (question?.itemsUrl?.length != 1 || question?.keepDdl))\"\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                        <option\r\n                          *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && (!question.isFromURL ? (question?.items?.length != 1 || question?.keepDdl) : (question?.itemsUrl?.length != 1 || question?.keepDdl)) && question.useOthersSelection\"\r\n                          value=\"others\">Others</option>\r\n                      </select>\r\n                      <label\r\n                        *ngIf=\"!question.isFromURL ? (question?.items?.length == 1 && !question?.keepDdl) : (question?.itemsUrl?.length == 1 && !question?.keepDdl)\">{{!question.isFromURL\r\n                        ? question.items[0].value :\r\n                        question.itemsUrl[0].Value}}\r\n                      </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 dds-input\" name=\"{{'ddsValue'+question.name}}\"\r\n                          [(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-input\" name=\"{{'searchText'+question.name}}\"\r\n                          [(ngModel)]=\"question.searchText\" [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}}\" 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-input\" attr.data-type=\"{{'text'}}\"\r\n                        attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\" attr.data-name=\"{{'Assignee'}}\"\r\n                        [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                    <div *ngIf=\"question.type=='lookup'\">\r\n                      <lib-cl-uclookupgeneric *ngIf=\"searchInput.dictLookupObj[question.name].isReady\"\r\n                        [lookupInput]=\"searchInput.dictLookupObj[question.name]\" [parentForm]='form'\r\n                        [enjiForm]='enjiForm' [identifier]=\"question.name\"\r\n                        [notifyUpdateKeyValDict]=\"notifyUpdateKeyValDict\" [lookupKeyValDict]=\"lookupKeyValDict\"\r\n                        (lookup)=\"getLookup($event, question)\"\r\n                        (inputtedValue)=\"getInputtedValue($event, question)\"></lib-cl-uclookupgeneric>\r\n                    </div>\r\n\r\n                    <div *ngIf=\"question.type === 'time'\">\r\n                      <input type=\"time\" id=\"{{question.id}}\" class=\"form-control search-input\"\r\n                        [IsUpperCase]=\"question.isUppercase === undefined ? true : question.isUppercase\"\r\n                        [required]=\"question.isRequired\" name=\"{{question.name}}\" [formControlName]=\"question.name\"\r\n                        attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                        [placeholder]=\"question.placeholder != undefined ? question.placeholder : ''\"\r\n                        attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                        attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                        attr.data-restriction=\"{{question.restriction}}\" attr.label=\"{{question.label}}\"\r\n                        [readonly]=\"question.isReadonly\"\r\n                        (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\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\r\n                    <div *ngIf=\"question.type === 'month'\">\r\n                      <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                        [required]=\"question.isRequired\" class=\"form-control search-input\"\r\n                        [formControlName]=\"question.name\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                        attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                        attr.label=\"{{question.label}}\" 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                        <option *ngIf=\"question.ddlType == 'one'\" value=\"one\">\r\n                          Select One</option>\r\n                        <option *ngIf=\"question?.ddlType == undefined || question.ddlType == 'all'\" value=\"all\">All\r\n                        </option>\r\n                        <option *ngFor=\"let m of months\" [value]=\"m.key\">\r\n                          {{m.value}}\r\n                        </option>\r\n                      </select>\r\n                    </div>\r\n\r\n                    <div *ngIf=\"question.type === 'year'\">\r\n                      <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                        [required]=\"question.isRequired\" class=\"form-control search-input\"\r\n                        [formControlName]=\"question.name\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                        attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                        attr.label=\"{{question.label}}\" 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                        <option *ngIf=\"question.ddlType == 'one'\" value=\"one\">\r\n                          Select One</option>\r\n                        <option *ngIf=\"question?.ddlType == undefined || question.ddlType == 'all'\" value=\"all\">All\r\n                        </option>\r\n                        <option *ngFor=\"let y of years\" [value]=\"y\">\r\n                          {{y}}\r\n                        </option>\r\n                      </select>\r\n                    </div>\r\n\r\n                    <lib-uc-show-errors *ngIf=\"question.type !== 'datepicker'\" [control]=\"form.controls[question.name]\"\r\n                      [submit]=\"enjiForm.submitted\">\r\n                    </lib-uc-show-errors>\r\n                    <lib-uc-show-errors *ngIf=\"question.type === 'datepicker' || question.type === 'numeric'\"\r\n                      [control]=\"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-3 form-group\" *ngIf=\"(isReport != undefined && isReport)\">\r\n              <div class=\"col-md-12\">\r\n                <div class=\"row\">\r\n                  <label class=\"col-md-12 no-padding search-label\" translate>Report Type</label>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <select name=\"ExportType\" class=\"form-control search-input\" attr.data-type=\"text\"\r\n                      [formControlName]=\"'ExportType'\">\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 class=\"col-md-3 form-group\"\r\n              *ngIf=\"(isReport != undefined && isReport) && (showRptExecType != undefined && showRptExecType)\">\r\n              <div class=\"col-md-12\">\r\n                <div class=\"row\">\r\n                  <label class=\"col-md-12 no-padding search-label\" translate>Execution Type</label>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <select name=\"RptExecType\" class=\"form-control search-input\" attr.data-type=\"text\"\r\n                      [formControlName]=\"'RptExecType'\">\r\n                      <option *ngFor=\"let item of ReportExecTypeList\" [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                <div ngbDropdown class=\"d-inline-block\">\r\n                  <button type=\"button\" class=\"btn btn-raised btn-outline-2 mr-1 dropdown-toggle\" ngbDropdownToggle\r\n                    id=\"exportList\" translate>\r\n                    <i class=\"fa ft-download button-icon-search\"></i>&nbsp;<span class=\"button-text-search\"\r\n                      translate>Export File</span>\r\n                  </button>\r\n                  <div class=\"dropdown-menu\" ngbDropdownMenu aria-labelledby=\"exportList\">\r\n                    <ng-container *ngFor=\"let item of exportAsFileList\">\r\n                      <a class=\"dropdown-item\" ngbDropdownItem (click)=\"exportAsFile(item.key)\">{{item.value}}</a>\r\n                    </ng-container>\r\n                  </div>\r\n                </div>\r\n              </ng-container>\r\n              <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised mr-1 btn-link-2\" translate>\r\n                <!-- <i class=\"fa fa-times\"></i>&nbsp; -->\r\n                <span translate>Reset</span>\r\n              </button>\r\n              <button *ngIf=\"(isReport == undefined || !isReport)\" type=\"submit\" class=\"btn btn-raised btn-outline-2\"\r\n                #UCSearchClick [disabled]=\"!searchBtnReady\">\r\n                <i class=\"fa fa-search button-icon-search\"></i>&nbsp;<span class=\"button-text-search\"\r\n                  translate>Search</span>\r\n              </button>\r\n              <button *ngIf=\"(isReport != undefined && isReport)\" type=\"submit\" class=\"btn btn-raised btn-outline-2\">\r\n                <i class=\"fa ft-download button-icon-search\"></i>&nbsp;<span class=\"button-text-search\"\r\n                  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  <!-- </div> -->\r\n</div>\r\n<!-- // Basic form layout section end -->", styles: [".ucSearch-title{margin:3px}.card-body{margin-top:24px}.form-group{margin-bottom:15px!important}.search-label{color:var(--Black_1, #3A4060);font-size:14px!important}.dds-input{border-radius:7px!important;border:1px solid var(--gray-line, #DFE6E9)!important;background:var(--white-1, #FDFEFF)!important;padding:1.135rem!important;height:calc(1.5rem + 2px)!important;font-size:12px!important}.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}.search-input{border-radius:7px!important;border:1px solid var(--gray-line, #DFE6E9)!important;background:var(--white-1, #FDFEFF)!important;width:100%}select.search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23246CFE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e\")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:1.4em!important}.btn{border-radius:7px;font-size:14px;padding:.275rem 1rem}.btn-link-2{background:none;border:none;color:var(--blue-primary, #246CFE)!important}.btn-link-2:hover{background:var(--light-grey, #F4F8FB)!important;color:var(--blue-primary-darker, #0010F7)!important}.btn-outline-2{border:1px solid var(--blue-primary, #246CFE)!important;background:var(--white, #FDFEFF)!important;color:var(--blue-primary, #246CFE)!important}.btn-outline-2:hover{color:var(--blue-primary-darker, #0010F7)!important;background:var(--light-grey, #F4F8FB)!important;border:1px solid var(--blue-primary-darker, #0010F7)!important}.button-icon-search{font-size:11px;vertical-align:middle;padding-right:8px}.button-text-search{vertical-align:middle}.dropdown-toggle:after{display:inline-block;margin-left:.5em;vertical-align:middle;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgbCollapse, selector: "[ngbCollapse]", inputs: ["animation", "ngbCollapse", "horizontal"], outputs: ["ngbCollapseChange", "shown", "hidden"], exportAs: ["ngbCollapse"] }, { kind: "directive", type: i11.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i8.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i8.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i8.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i8.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i12.UcShowErrorsComponent, selector: "lib-uc-show-errors", inputs: ["control", "submit", "fieldName", "customPattern"] }, { kind: "directive", type: i13.UpperCaseDirective, selector: "input[type=text], input", inputs: ["IsUpperCase"] }, { kind: "directive", type: i14.ValidateDateDirective, selector: "input[type=date], input[type=datetime-local]", inputs: ["warningMsg"] }, { kind: "component", type: i15.ClUclookupgenericComponent, selector: "lib-cl-uclookupgeneric", inputs: ["lookupInput", "enjiForm", "parentForm", "identifier", "notifyUpdateKeyValDict", "lookupKeyValDict"], outputs: ["lookup", "inputtedValue", "callback"] }, { kind: "component", type: i16.UcSubsectionComponent, selector: "lib-ucSubsection", inputs: ["title", "panel", "id", "legacy", "isHidden"], outputs: ["collapse"] }, { kind: "component", type: i17.UcdatepickerComponent, selector: "lib-ucdatepicker", inputs: ["parentForm", "enjiForm", "identifier", "min", "max", "defaultStartDate", "attr", "colorLevelSetting", "confidenceLevel"], outputs: ["change"] }, { kind: "directive", type: i18.NgxCurrencyDirective, selector: "input[currencyMask]", inputs: ["currencyMask", "options"] }, { kind: "directive", type: i19.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }, { kind: "pipe", type: TextSearchPipe, name: "textSearch" }], 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: "19.0.5", 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")),
+                        ]),
+                    ], standalone: false, template: "<span hidden attr.version=\"3.8.18-canary.0\"></span>\r\n<div>\r\n  <!-- Basic form layout section start -->\r\n  <lib-ucSubsection [hidden]=\"!searchInput.IsSubsection\" [id]=\"searchInput.searchId+'id'\"\r\n    [title]=\"configuration?.sectionTitle || 'Paging'\" [panel]=\"searchInput.searchId\" [legacy]=\"false\"\r\n    (collapse)=\"onCollapse($event)\">\r\n  </lib-ucSubsection>\r\n\r\n  <!-- <div [id]=\"searchInput.searchId\"> -->\r\n  <!-- <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"\"> -->\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\" [id]=\"searchInput.searchId\" [(ngbCollapse)]=\"isCollapsed\">\r\n    <div class=\"px-3\">\r\n      <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch [formGroup]=\"form\" #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-3 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-12 no-padding search-label\" 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-12 no-padding\">\r\n                    <div *ngIf=\"question.type=='textbox'\">\r\n                      <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-input\"\r\n                        [IsUpperCase]=\"question.isUppercase === undefined ? true : question.isUppercase\"\r\n                        [required]=\"question.isRequired\" name=\"{{question.name}}\" [formControlName]=\"question.name\"\r\n                        attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                        [placeholder]=\"question.placeholder != undefined ? question.placeholder : ''\"\r\n                        attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                        attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                        attr.data-restriction=\"{{question.restriction}}\" attr.label=\"{{question.label}}\"\r\n                        [readonly]=\"question.isReadonly\"\r\n                        (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\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-input\"\r\n                        [required]=\"question.isRequired\" name=\"{{question.name}}\" [formControlName]=\"question.name\"\r\n                        attr.data-required=\"{{question.isRequired}}\" attr.data-type=\"{{question.datatype}}\"\r\n                        attr.data-name=\"{{question.name}}\" value=\"{{question.value}}\" attr.label=\"{{question.label}}\"\r\n                        [readonly]=\"question.isReadonly\"\r\n                        (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\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-input\" [placeholder]=\"'0'\"\r\n                        [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\"\r\n                        [formControlName]=\"question.name+[i]\" attr.data-required=\"{{question.isRequired}}\"\r\n                        value=\"{{question.value}}\" 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}}\" attr.label=\"{{question.label}}\"\r\n                        (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\r\n                        [readonly]=\"question.isReadonly\"\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-input\"\r\n                          [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\" autocomplete=\"off\"\r\n                          attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\"\r\n                          attr.data-name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\" currencyMask\r\n                          [formControlName]=\"question.name+[i]\" attr.label=\"{{question.label}}\"\r\n                          [readonly]=\"question.isReadonly\" (focus)=\"OnFocusCurr($event, question.value)\"\r\n                          (blur)=\"ValidateDefaultValue(question)\"\r\n                          (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\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+[i]]?.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-input\"\r\n                          [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\" autocomplete=\"off\"\r\n                          attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\"\r\n                          attr.data-name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\" currencyMask\r\n                          [formControlName]=\"question.name+[i]\" attr.label=\"{{question.label}}\"\r\n                          (focus)=\"OnFocusCurr($event, question.value)\" (blur)=\"ValidateDefaultValue(question)\"\r\n                          (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\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+[i]]?.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                    <span *ngIf=\"!useNewDatepicker\">\r\n                      <div *ngIf=\"question.type=='datepicker' && !question.isTime\">\r\n                        <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-input btn-lookup\"\r\n                          name=\"{{question.name+[i]}}\" [formControlName]=\"question.name+[i]\"\r\n                          [required]=\"question.isRequired\" attr.data-required=\"{{question.isRequired}}\"\r\n                          value=\"{{question.value}}\" [readonly]=\"question.readonly\"\r\n                          attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                          attr.data-datepickerpair=\"{{question.datepickerPair}}\"\r\n                          attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                          attr.data-restriction=\"{{question.restriction}}\" attr.label=\"{{question.label}}\"\r\n                          [min]=\"question.minDate | date:'yyyy-MM-dd'\" [max]=\"question.maxDate | date:'yyyy-MM-dd'\"\r\n                          (focusout)=\"question.restriction != undefined && checkInputDate(question,i)\"\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=='datepicker' && question.isTime\">\r\n                        <input type=\"datetime-local\" id=\"{{question.id}}\" class=\"form-control search-input btn-lookup\"\r\n                          name=\"{{question.name+[i]}}\" [required]=\"question.isRequired\"\r\n                          [formControlName]=\"question.name\" attr.data-required=\"{{question.isRequired}}\"\r\n                          value=\"{{question.value}}\" [readonly]=\"question.readonly\"\r\n                          attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                          attr.data-datepickerpair=\"{{question.datepickerPair}}\"\r\n                          attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                          attr.data-restriction=\"{{question.restriction}}\" attr.label=\"{{question.label}}\"\r\n                          min=\"{{question.minDate | date:'yyyy-MM-dd'}}\" max=\"{{question.maxDate | date:'yyyy-MM-dd'}}\"\r\n                          (focusout)=\"question.restriction != undefined && checkInputDate(question,i)\"\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                    </span>\r\n                    <span *ngIf=\"useNewDatepicker\">\r\n                      <div *ngIf=\"question.type=='datepicker'\">\r\n                        <lib-ucdatepicker [parentForm]=\"form\" [enjiForm]=\"enjiForm\" [identifier]=\"question.name+i\"\r\n                          [min]=\"question.minDate | date: 'yyyy-MM-dd'\" [max]=\"question.maxDate | date: 'yyyy-MM-dd'\"\r\n                          [defaultStartDate]=\"BisDt\" [attr]=\"question\"\r\n                          (change)=\"question.restriction != undefined && checkInputDate(question,i)\">\r\n                        </lib-ucdatepicker>\r\n                      </div>\r\n                    </span>\r\n\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-input\"\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\" value=\"one\">Select\r\n                          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                        [required]=\"question.isRequired\" class=\"form-control search-input\"\r\n                        [formControlName]=\"question.name\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                        attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                        attr.label=\"{{question.label}}\" attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                        attr.data-restriction=\"{{ question?.restriction ?? ''}}\"\r\n                        [hidden]=\"!question.isFromURL ? (question?.items?.length == 1 && !question?.keepDdl) : (question?.itemsUrl?.length == 1 && !question?.keepDdl)\"\r\n                        (change)=\"question.isEvent ? onChangeEvent($event.target.value, question) : updateKeyValDict({key: question.name, value: $event.target.value})\"\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?.keepDdl) : (question?.itemsUrl?.length != 1 || question?.keepDdl))\"\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?.keepDdl) : (question?.itemsUrl?.length != 1 || question?.keepDdl))\"\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                        <option\r\n                          *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && (!question.isFromURL ? (question?.items?.length != 1 || question?.keepDdl) : (question?.itemsUrl?.length != 1 || question?.keepDdl)) && question.useOthersSelection\"\r\n                          value=\"others\">Others</option>\r\n                      </select>\r\n                      <label\r\n                        *ngIf=\"!question.isFromURL ? (question?.items?.length == 1 && !question?.keepDdl) : (question?.itemsUrl?.length == 1 && !question?.keepDdl)\">{{!question.isFromURL\r\n                        ? question.items[0].value :\r\n                        question.itemsUrl[0].Value}}\r\n                      </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 dds-input\" name=\"{{'ddsValue'+question.name}}\"\r\n                          [(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-input\" name=\"{{'searchText'+question.name}}\"\r\n                          [(ngModel)]=\"question.searchText\" [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}}\" 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-input\" attr.data-type=\"{{'text'}}\"\r\n                        attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\" attr.data-name=\"{{'Assignee'}}\"\r\n                        [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                    <div *ngIf=\"question.type=='lookup'\">\r\n                      <lib-cl-uclookupgeneric *ngIf=\"searchInput.dictLookupObj[question.name].isReady\"\r\n                        [lookupInput]=\"searchInput.dictLookupObj[question.name]\" [parentForm]='form'\r\n                        [enjiForm]='enjiForm' [identifier]=\"question.name\"\r\n                        [notifyUpdateKeyValDict]=\"notifyUpdateKeyValDict\" [lookupKeyValDict]=\"lookupKeyValDict\"\r\n                        (lookup)=\"getLookup($event, question)\"\r\n                        (inputtedValue)=\"getInputtedValue($event, question)\"></lib-cl-uclookupgeneric>\r\n                    </div>\r\n\r\n                    <div *ngIf=\"question.type === 'time'\">\r\n                      <input type=\"time\" id=\"{{question.id}}\" class=\"form-control search-input\"\r\n                        [IsUpperCase]=\"question.isUppercase === undefined ? true : question.isUppercase\"\r\n                        [required]=\"question.isRequired\" name=\"{{question.name}}\" [formControlName]=\"question.name\"\r\n                        attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                        [placeholder]=\"question.placeholder != undefined ? question.placeholder : ''\"\r\n                        attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                        attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                        attr.data-restriction=\"{{question.restriction}}\" attr.label=\"{{question.label}}\"\r\n                        [readonly]=\"question.isReadonly\"\r\n                        (focusout)=\"updateKeyValDict({key: question.name, value: question.value})\"\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\r\n                    <div *ngIf=\"question.type === 'month'\">\r\n                      <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                        [required]=\"question.isRequired\" class=\"form-control search-input\"\r\n                        [formControlName]=\"question.name\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                        attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                        attr.label=\"{{question.label}}\" 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                        <option *ngIf=\"question.ddlType == 'one'\" value=\"one\">\r\n                          Select One</option>\r\n                        <option *ngIf=\"question?.ddlType == undefined || question.ddlType == 'all'\" value=\"all\">All\r\n                        </option>\r\n                        <option *ngFor=\"let m of months\" [value]=\"m.key\">\r\n                          {{m.value}}\r\n                        </option>\r\n                      </select>\r\n                    </div>\r\n\r\n                    <div *ngIf=\"question.type === 'year'\">\r\n                      <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                        [required]=\"question.isRequired\" class=\"form-control search-input\"\r\n                        [formControlName]=\"question.name\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                        attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                        attr.label=\"{{question.label}}\" 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                        <option *ngIf=\"question.ddlType == 'one'\" value=\"one\">\r\n                          Select One</option>\r\n                        <option *ngIf=\"question?.ddlType == undefined || question.ddlType == 'all'\" value=\"all\">All\r\n                        </option>\r\n                        <option *ngFor=\"let y of years\" [value]=\"y\">\r\n                          {{y}}\r\n                        </option>\r\n                      </select>\r\n                    </div>\r\n\r\n                    <lib-uc-show-errors *ngIf=\"question.type !== 'datepicker'\" [control]=\"form.controls[question.name]\"\r\n                      [submit]=\"enjiForm.submitted\">\r\n                    </lib-uc-show-errors>\r\n                    <lib-uc-show-errors *ngIf=\"question.type === 'datepicker' || question.type === 'numeric'\"\r\n                      [control]=\"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-3 form-group\" *ngIf=\"(isReport != undefined && isReport)\">\r\n              <div class=\"col-md-12\">\r\n                <div class=\"row\">\r\n                  <label class=\"col-md-12 no-padding search-label\" translate>Report Type</label>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <select name=\"ExportType\" class=\"form-control search-input\" attr.data-type=\"text\"\r\n                      [formControlName]=\"'ExportType'\">\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 class=\"col-md-3 form-group\"\r\n              *ngIf=\"(isReport != undefined && isReport) && (showRptExecType != undefined && showRptExecType)\">\r\n              <div class=\"col-md-12\">\r\n                <div class=\"row\">\r\n                  <label class=\"col-md-12 no-padding search-label\" translate>Execution Type</label>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <select name=\"RptExecType\" class=\"form-control search-input\" attr.data-type=\"text\"\r\n                      [formControlName]=\"'RptExecType'\">\r\n                      <option *ngFor=\"let item of ReportExecTypeList\" [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                <div ngbDropdown class=\"d-inline-block\">\r\n                  <button type=\"button\" class=\"btn btn-raised btn-outline-2 mr-1 dropdown-toggle\" ngbDropdownToggle\r\n                    id=\"exportList\" translate>\r\n                    <i class=\"fa ft-download button-icon-search\"></i>&nbsp;<span class=\"button-text-search\"\r\n                      translate>Export File</span>\r\n                  </button>\r\n                  <div class=\"dropdown-menu\" ngbDropdownMenu aria-labelledby=\"exportList\">\r\n                    <ng-container *ngFor=\"let item of exportAsFileList\">\r\n                      <a class=\"dropdown-item\" ngbDropdownItem (click)=\"exportAsFile(item.key)\">{{item.value}}</a>\r\n                    </ng-container>\r\n                  </div>\r\n                </div>\r\n              </ng-container>\r\n              <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised mr-1 btn-link-2\" translate>\r\n                <!-- <i class=\"fa fa-times\"></i>&nbsp; -->\r\n                <span translate>Reset</span>\r\n              </button>\r\n              <button *ngIf=\"(isReport == undefined || !isReport)\" type=\"submit\" class=\"btn btn-raised btn-outline-2\"\r\n                #UCSearchClick [disabled]=\"!searchBtnReady\">\r\n                <i class=\"fa fa-search button-icon-search\"></i>&nbsp;<span class=\"button-text-search\"\r\n                  translate>Search</span>\r\n              </button>\r\n              <button *ngIf=\"(isReport != undefined && isReport)\" type=\"submit\" class=\"btn btn-raised btn-outline-2\">\r\n                <i class=\"fa ft-download button-icon-search\"></i>&nbsp;<span class=\"button-text-search\"\r\n                  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  <!-- </div> -->\r\n</div>\r\n<!-- // Basic form layout section end -->", styles: [".ucSearch-title{margin:3px}.card-body{margin-top:24px}.form-group{margin-bottom:15px!important}.search-label{color:var(--Black_1, #3A4060);font-size:14px!important}.dds-input{border-radius:7px!important;border:1px solid var(--gray-line, #DFE6E9)!important;background:var(--white-1, #FDFEFF)!important;padding:1.135rem!important;height:calc(1.5rem + 2px)!important;font-size:12px!important}.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}.search-input{border-radius:7px!important;border:1px solid var(--gray-line, #DFE6E9)!important;background:var(--white-1, #FDFEFF)!important;width:100%}select.search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23246CFE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e\")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:1.4em!important}.btn{border-radius:7px;font-size:14px;padding:.275rem 1rem}.btn-link-2{background:none;border:none;color:var(--blue-primary, #246CFE)!important}.btn-link-2:hover{background:var(--light-grey, #F4F8FB)!important;color:var(--blue-primary-darker, #0010F7)!important}.btn-outline-2{border:1px solid var(--blue-primary, #246CFE)!important;background:var(--white, #FDFEFF)!important;color:var(--blue-primary, #246CFE)!important}.btn-outline-2:hover{color:var(--blue-primary-darker, #0010F7)!important;background:var(--light-grey, #F4F8FB)!important;border:1px solid var(--blue-primary-darker, #0010F7)!important}.button-icon-search{font-size:11px;vertical-align:middle;padding-right:8px}.button-text-search{vertical-align:middle}.dropdown-toggle:after{display:inline-block;margin-left:.5em;vertical-align:middle;content:\"\";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}\n"] }]
+        }], ctorParameters: () => [{ 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 }, { type: i7.NgxRouterService }, { type: i8.FormBuilder }, { type: UcsearchDatetimeService }, { type: UcsearchFormService }], propDecorators: { content: [{
+                type: ViewChild,
+                args: ["enjiForm"]
+            }], myForm: [{
+                type: ViewChild,
+                args: ["formIdSearch"]
+            }], searchInput: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], isReport: [{
+                type: Input
+            }], showRptExecType: [{
+                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: NgxCurrencyInputMode.Natural,
+};
+class UCSearchModule {
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UCSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: UCSearchModule, declarations: [UCSearchComponent, TextSearchPipe], imports: [CommonModule,
+            NgbModule,
+            FormsModule,
+            ReactiveFormsModule,
+            UcShowErrorsModule,
+            UcDirectiveUpperCaseModule,
+            UcDirectiveValidateDateModule,
+            ClUclookupgenericModule,
+            UcSubsectionModule,
+            NgbDropdownModule,
+            UcdatepickerModule,
+            NgxCurrencyDirective, i19.TranslateModule], exports: [UCSearchComponent] });
+    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UCSearchModule, providers: [
+            NgbDropdown,
+            UcsearchDatetimeService,
+            UcsearchFormService,
+            provideEnvironmentNgxCurrency(customCurrencyMaskConfig),
+        ], imports: [CommonModule,
+            NgbModule,
+            FormsModule,
+            ReactiveFormsModule,
+            UcShowErrorsModule,
+            UcDirectiveUpperCaseModule,
+            UcDirectiveValidateDateModule,
+            ClUclookupgenericModule,
+            UcSubsectionModule,
+            NgbDropdownModule,
+            UcdatepickerModule,
+            TranslateModule.forChild()] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: UCSearchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UCSearchComponent, TextSearchPipe],
+                    imports: [
+                        CommonModule,
+                        NgbModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        UcShowErrorsModule,
+                        UcDirectiveUpperCaseModule,
+                        UcDirectiveValidateDateModule,
+                        ClUclookupgenericModule,
+                        UcSubsectionModule,
+                        NgbDropdownModule,
+                        UcdatepickerModule,
+                        NgxCurrencyDirective,
+                        TranslateModule.forChild(),
+                    ],
+                    providers: [
+                        NgbDropdown,
+                        UcsearchDatetimeService,
+                        UcsearchFormService,
+                        provideEnvironmentNgxCurrency(customCurrencyMaskConfig),
+                    ],
+                    exports: [UCSearchComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ucsearch
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UCSearchComponent, UCSearchModule, UCSearchService, UcsearchFormService, customCurrencyMaskConfig };
+//# sourceMappingURL=adins-ucsearch.mjs.map