@adins/ucsearch 2.15.0 → 3.0.0

package/bundles/adins-ucsearch.umd.js

@@ -1,1931 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common/http'), require('@angular/platform-browser'), require('file-saver'), require('xlsx'), require('@angular/animations'), require('ngx-toastr'), require('ngx-cookie'), require('crypto-js'), require('@angular/router'), require('@angular/common'), require('@angular/forms'), require('ngx-currency'), require('@ngx-translate/core'), require('@adins/uc-show-errors'), require('@adins/uc-directive-upper-case'), require('@angular/core')) :
-    typeof define === 'function' && define.amd ? define('@adins/ucsearch', ['exports', '@angular/common/http', '@angular/platform-browser', 'file-saver', 'xlsx', '@angular/animations', 'ngx-toastr', 'ngx-cookie', 'crypto-js', '@angular/router', '@angular/common', '@angular/forms', 'ngx-currency', '@ngx-translate/core', '@adins/uc-show-errors', '@adins/uc-directive-upper-case', '@angular/core'], factory) :
-    (factory((global.adins = global.adins || {}, global.adins.ucsearch = {}),global.ng.common.http,global.ng.platformBrowser,global.FileSaver,global.XLSX,global.ng.animations,global.ngxToastr,global.ngxCookie,global.CryptoJS,global.ng.router,global.ng.common,global.ng.forms,global.ngxCurrency,global.core,global.ucShowErrors,global.ucDirectiveUpperCase,global.ng.core));
-}(this, (function (exports,http,platformBrowser,FileSaver,XLSX,animations,ngxToastr,ngxCookie,CryptoJS,router,common,forms,ngxCurrency,core,ucShowErrors,ucDirectiveUpperCase,i0) { 'use strict';
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var UCSearchService = /** @class */ (function () {
-        function UCSearchService() {
-        }
-        UCSearchService.decorators = [
-            { type: i0.Injectable, args: [{
-                        providedIn: 'root'
-                    },] }
-        ];
-        /** @nocollapse */
-        UCSearchService.ctorParameters = function () { return []; };
-        /** @nocollapse */ UCSearchService.ngInjectableDef = i0.defineInjectable({ factory: function UCSearchService_Factory() { return new UCSearchService(); }, token: UCSearchService, providedIn: "root" });
-        return UCSearchService;
-    }());
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var AdInsConstant = /** @class */ (function () {
-        function AdInsConstant() {
-        }
-        AdInsConstant.RestrictionBetween = "Between";
-        AdInsConstant.RestrictionLike = "Like";
-        AdInsConstant.RestrictionEq = "Eq";
-        AdInsConstant.RestrictionNeq = "NEQ";
-        AdInsConstant.RestrictionGt = "GT";
-        AdInsConstant.RestrictionGte = "GTE";
-        AdInsConstant.RestrictionLt = "LT";
-        AdInsConstant.RestrictionLte = "LTE";
-        AdInsConstant.RestrictionIn = "IN";
-        AdInsConstant.RestrictionNotIn = "NotIn";
-        AdInsConstant.RestrictionOr = "Or"; //pastikan ada 1 criteria sebelumnya
-        //pastikan ada 1 criteria sebelumnya
-        AdInsConstant.RestrictionOrNeq = "OrNeq"; //pastikan ada 1 criteria sebelumnya
-        //pastikan ada 1 criteria sebelumnya
-        AdInsConstant.RestrictionIsNull = "ISNULL";
-        AdInsConstant.RestrictionIsNotNull = "ISNOTNULL";
-        AdInsConstant.RestrictionGTE = "GTE";
-        AdInsConstant.RestrictionLTE = "LTE";
-        AdInsConstant.showData = "10,50,100";
-        AdInsConstant.JoinTypeInner = "INNER";
-        AdInsConstant.JoinTypeLeft = "LEFT";
-        return AdInsConstant;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var IntegrationObj = /** @class */ (function () {
-        function IntegrationObj() {
-            this.baseUrl = "";
-            this.apiPath = "";
-            this.requestObj = new Object();
-            this.leftColumnToJoin = "";
-            this.rightColumnToJoin = "";
-            this.joinType = AdInsConstant.JoinTypeInner;
-        }
-        return IntegrationObj;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var InputSearchObj = /** @class */ (function () {
-        function InputSearchObj() {
-            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;
-        }
-        return InputSearchObj;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var CriteriaObj = /** @class */ (function () {
-        function CriteriaObj() {
-            this.low = 0;
-            this.high = 0;
-            this.DataType = 'Text';
-            this.isCriteriaDataTable = false;
-        }
-        return CriteriaObj;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var RequestCriteriaObj = /** @class */ (function () {
-        function RequestCriteriaObj() {
-            this.includeCount = true;
-            this.includeData = true;
-            this.isLoading = true;
-            this.queryString = '';
-            this.rowVersion = '';
-            this.integrationObj = new IntegrationObj();
-            this.joinType = AdInsConstant.JoinTypeInner;
-        }
-        return RequestCriteriaObj;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /** @type {?} */
-    var EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
-    /** @type {?} */
-    var EXCEL_EXTENSION = '.xlsx';
-    var ExcelService = /** @class */ (function () {
-        function ExcelService() {
-        }
-        /**
-         * @param {?} json
-         * @param {?} excelFileName
-         * @return {?}
-         */
-        ExcelService.prototype.exportAsExcelFile = /**
-         * @param {?} json
-         * @param {?} excelFileName
-         * @return {?}
-         */
-            function (json, excelFileName) {
-                /** @type {?} */
-                var worksheet = XLSX.utils.json_to_sheet(json);
-                console.log('worksheet', worksheet);
-                /** @type {?} */
-                var workbook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
-                /** @type {?} */
-                var excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
-                //const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'buffer' });
-                this.saveAsExcelFile(excelBuffer, excelFileName);
-            };
-        /**
-         * @private
-         * @param {?} buffer
-         * @param {?} fileName
-         * @return {?}
-         */
-        ExcelService.prototype.saveAsExcelFile = /**
-         * @private
-         * @param {?} buffer
-         * @param {?} fileName
-         * @return {?}
-         */
-            function (buffer, fileName) {
-                /** @type {?} */
-                var data = new Blob([buffer], {
-                    type: EXCEL_TYPE
-                });
-                FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
-            };
-        ExcelService.decorators = [
-            { type: i0.Injectable }
-        ];
-        /** @nocollapse */
-        ExcelService.ctorParameters = function () { return []; };
-        return ExcelService;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var ExportTypeConstant = /** @class */ (function () {
-        function ExportTypeConstant() {
-        }
-        ExportTypeConstant.EXP_TYPE_PDF = 0;
-        ExportTypeConstant.EXP_TYPE_XLS = 1;
-        ExportTypeConstant.EXP_TYPE_XLSX = 2;
-        ExportTypeConstant.EXP_TYPE_DOC = 3;
-        ExportTypeConstant.EXP_TYPE_DOCX = 4;
-        ExportTypeConstant.EXP_TYPE_JPDF = 5;
-        return ExportTypeConstant;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var ListKeyValueMonth = /** @class */ (function () {
-        function ListKeyValueMonth() {
-            this.DictOfMonth = {};
-            this.ListOfMonth = new Array();
-            this.DictOfMonth = {};
-            this.ListOfMonth.push({ key: 1, value: "January" });
-            this.DictOfMonth[1] = "January";
-            this.ListOfMonth.push({ key: 2, value: "February" });
-            this.DictOfMonth[2] = "February";
-            this.ListOfMonth.push({ key: 3, value: "March" });
-            this.DictOfMonth[3] = "March";
-            this.ListOfMonth.push({ key: 4, value: "April" });
-            this.DictOfMonth[4] = "April";
-            this.ListOfMonth.push({ key: 5, value: "May" });
-            this.DictOfMonth[5] = "May";
-            this.ListOfMonth.push({ key: 6, value: "June" });
-            this.DictOfMonth[6] = "June";
-            this.ListOfMonth.push({ key: 7, value: "July" });
-            this.DictOfMonth[7] = "July";
-            this.ListOfMonth.push({ key: 8, value: "August" });
-            this.DictOfMonth[8] = "August";
-            this.ListOfMonth.push({ key: 9, value: "September" });
-            this.DictOfMonth[9] = "September";
-            this.ListOfMonth.push({ key: 10, value: "October" });
-            this.DictOfMonth[10] = "October";
-            this.ListOfMonth.push({ key: 11, value: "November" });
-            this.DictOfMonth[11] = "November";
-            this.ListOfMonth.push({ key: 12, value: "December" });
-            this.DictOfMonth[12] = "December";
-        }
-        return ListKeyValueMonth;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var UCSearchComponent = /** @class */ (function () {
-        function UCSearchComponent(http$$1, excelService, _renderer2, _document, toastr, cookieService, datePipe, elemRef, route) {
-            var _this = this;
-            this.http = http$$1;
-            this.excelService = excelService;
-            this._renderer2 = _renderer2;
-            this._document = _document;
-            this.toastr = toastr;
-            this.cookieService = cookieService;
-            this.datePipe = datePipe;
-            this.elemRef = elemRef;
-            this.route = route;
-            this.searchInput = new InputSearchObj();
-            this.pageSize = 10;
-            this.isReport = false;
-            this.result = new i0.EventEmitter();
-            this.genRpt = new i0.EventEmitter();
-            this.reqGetAllData = new i0.EventEmitter();
-            this.ExportTypeList = [
-                {
-                    key: ExportTypeConstant.EXP_TYPE_PDF,
-                    value: "PDF"
-                },
-                {
-                    key: ExportTypeConstant.EXP_TYPE_XLSX,
-                    value: "Excel 2007"
-                },
-                {
-                    key: ExportTypeConstant.EXP_TYPE_DOCX,
-                    value: "Document XML"
-                },
-                {
-                    key: ExportTypeConstant.EXP_TYPE_JPDF,
-                    value: "Justify PDF"
-                }
-            ];
-            this.ListOfMonth = new ListKeyValueMonth();
-            this.ListOfYear = new Array();
-            this.ClaimList = [
-                {
-                    Key: AdInsConstant.RestrictionIsNotNull,
-                    Value: "CLAIMED"
-                },
-                {
-                    Key: AdInsConstant.RestrictionIsNull,
-                    Value: "UNCLAIMED"
-                },
-            ];
-            this.ExportType = 0;
-            this.pageNow = 1;
-            this.isDataLoaded = false;
-            this.isHidden = false;
-            this.BusinessDt = new Date();
-            this.dateWrong = false;
-            this.readonly = false;
-            this.currentState = 'initial';
-            this.countForm = 0;
-            this.formattedAmount = '';
-            this.amount = 0;
-            this.route.queryParams.subscribe(( /**
-             * @param {?} params
-             * @return {?}
-             */function (params) {
-                _this.queryParam = params;
-            }));
-        }
-        Object.defineProperty(UCSearchComponent.prototype, "content", {
-            // isListHide: boolean = true;
-            // @HostListener('document:click', ['$event'])
-            // onClick(ev: MouseEvent) {
-            //   const clickInside = this.elemRef.nativeElement.contains(ev.target);
-            //   if (!clickInside) {
-            //     this.isListHide = true;
-            //   }
-            // }
-            set: 
-            // isListHide: boolean = true;
-            // @HostListener('document:click', ['$event'])
-            // onClick(ev: MouseEvent) {
-            //   const clickInside = this.elemRef.nativeElement.contains(ev.target);
-            //   if (!clickInside) {
-            //     this.isListHide = true;
-            //   }
-            // }
-            /**
-             * @param {?} content
-             * @return {?}
-             */
-            function (content) {
-                if (content) { // initially setter gets called with undefined
-                    this.searchForm = content;
-                }
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @return {?}
-         */
-        UCSearchComponent.prototype.changeState = /**
-         * @return {?}
-         */
-            function () {
-                this.currentState = this.currentState === 'initial' ? 'final' : 'initial';
-                this.isHidden = this.isHidden === false ? true : false;
-            };
-        /**
-         * @return {?}
-         */
-        UCSearchComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-            function () {
-                return __awaiter(this, void 0, void 0, function () {
-                    var js, value;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                console.log("ucsearch");
-                                this.apiUrl = this.searchInput.enviromentUrl + this.searchInput.apiQryPaging;
-                                this.arrCrit = this.searchInput.arrCritObj;
-                                js = this._renderer2.createElement('script');
-                                js.text = "\n          $(document).ready(function(){\n            $(\"#flip\").click(function(){\n              $(\"#panel\").slideToggle(\"slow\");\n            });\n          });\n        ";
-                                this._renderer2.appendChild(this._document.body, js);
-                                value = this.cookieService.get('BusinessDateRaw');
-                                this.BisDt = this.DecryptString(value, "AdInsFOU12345678");
-                                this.BusinessDt = new Date(this.BisDt);
-                                return [4 /*yield*/, this.initiateForm()];
-                            case 1:
-                                _a.sent();
-                                return [2 /*return*/];
-                        }
-                    });
-                });
-            };
-        /**
-         * @return {?}
-         */
-        UCSearchComponent.prototype.initiateForm = /**
-         * @return {?}
-         */
-            function () {
-                return __awaiter(this, void 0, void 0, function () {
-                    var _this = this;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0: return [4 /*yield*/, this.getJSON(this.searchInput._url).subscribe(( /**
-                                     * @param {?} data
-                                     * @return {?}
-                                     */function (data) {
-                                    _this.configuration = data;
-                                    _this.exportData = data.exportExcel;
-                                    if (data.exportTypeList != undefined && data.exportTypeList.length != 0) {
-                                        _this.ExportTypeList = data.exportTypeList;
-                                        _this.ExportType = _this.ExportTypeList[0].key;
-                                    }
-                                    _this.countForm = data.component.length;
-                                    _this.isDataLoaded = true;
-                                    if (_this.searchInput.title != undefined && _this.searchInput.title != "") {
-                                        _this.configuration.title = _this.searchInput.title;
-                                    }
-                                    for (var i = 0; i < _this.countForm; i++) {
-                                        //ini kalau datanya di load dari URL
-                                        if (data.component[i].isFromURL == true) {
-                                            /** @type {?} */
-                                            var request = new RequestCriteriaObj();
-                                            /** @type {?} */
-                                            var arrayCrit = new Array();
-                                            /** @type {?} */
-                                            var criteriaObject = new CriteriaObj();
-                                            criteriaObject.DataType = "text";
-                                            criteriaObject.propName = data.component[i].criteriaPropName;
-                                            criteriaObject.value = data.component[i].criteriaPropValue;
-                                            criteriaObject.restriction = "eq";
-                                            arrayCrit.push(criteriaObject);
-                                            request.criteria = arrayCrit;
-                                            request[data.component[i].criteriaPropName] = data.component[i].criteriaPropValue;
-                                            // Pengecekan penggunaan url atau path
-                                            if (data.component[i].path != undefined && data.component[i].path != "") {
-                                                if (_this.searchInput.listEnvironments != undefined && _this.searchInput.listEnvironments.length != 0) {
-                                                    for (var y = 0; y < _this.searchInput.listEnvironments.length; y++) {
-                                                        if (data.component[i].environment == _this.searchInput.listEnvironments[y].environment) {
-                                                            data.component[i].fullpath = _this.searchInput.listEnvironments[y].url + data.component[i].path;
-                                                            break;
-                                                        }
-                                                    }
-                                                }
-                                                else {
-                                                    data.component[i].fullpath = data.component[i].url;
-                                                }
-                                            }
-                                            else {
-                                                data.component[i].fullpath = data.component[i].url;
-                                            }
-                                            //lempar objectnya sekalian sama urlnya, nnti di bind di dalem karena masalah di asyncnya
-                                            //biar tiap function ada state2nya sendiri
-                                            _this.resolveObject(data.component[i], data.component[i].fullpath, request);
-                                        }
-                                        if (data.component[i].type == "numeric") {
-                                            data.component[i].value = parseFloat(data.component[i].value).toLocaleString('en');
-                                        }
-                                        //pengecekan ddl
-                                        if (data.component[i].type == "dropdown") {
-                                            if (data.component[i].dtmType != undefined) {
-                                                if (data.component[i].dtmType.includes("month")) {
-                                                    if (data.component[i].value != undefined && data.component[i].value.includes("BD")) {
-                                                        data.component[i].value = _this.setDefaultValueMonth(data.component[i].value);
-                                                    }
-                                                    data.component[i].items = _this.setMonthDDL(data.component[i].dtmType);
-                                                }
-                                                if (data.component[i].dtmType.includes("year")) {
-                                                    if (data.component[i].value != undefined && data.component[i].value.includes("BD")) {
-                                                        data.component[i].value = _this.setDefaultValueYear(data.component[i].value);
-                                                    }
-                                                    data.component[i].items = _this.setYearDDL(data.component[i].dtmType);
-                                                }
-                                            }
-                                        }
-                                        // if (data.component[i].type == "dropdownSearch" && !data.component[i].isFromURL && data.component[i].items?.length != 1) {
-                                        //   if (data.component[i].ddsType == undefined || data.component[i].ddsType == "all") {
-                                        //     data.component[i].value = "all";
-                                        //     data.component[i].descr = "All";
-                                        //   } else if (data.component[i].ddsType == "one") {
-                                        //     data.component[i].value = "one";
-                                        //     data.component[i].descr = "Select One";
-                                        //   }
-                                        // }
-                                        if (data.component[i].type == "dropdownSearch" && !data.component[i].isFromURL && data.component[i].items.length == 1) {
-                                            data.component[i].value = data.component[i].items[0].Key;
-                                            data.component[i].descr = data.component[i].items[0].Value;
-                                        }
-                                        if (data.component[i].type != "dropdownSearch" && !data.component[i].value) {
-                                            data.component[i].value = "";
-                                            if (data.component[i].ddlType == 'all')
-                                                data.component[i].value = "all";
-                                            if (data.component[i].ddlType == 'one')
-                                                data.component[i].value = "one";
-                                        }
-                                        //pengecekan tanggal
-                                        if (data.component[i].type == "datepicker") {
-                                            _this.readonly = data.component[i].readonly;
-                                            if (data.component[i].value.includes("BD")) {
-                                                /** @type {?} */
-                                                var businessDate = new Date();
-                                                if (_this.BisDt != null) {
-                                                    businessDate = new Date(_this.BisDt);
-                                                }
-                                                /** @type {?} */
-                                                var operator = data.component[i].value.charAt(2);
-                                                /** @type {?} */
-                                                var dateShow = new Date();
-                                                if (operator == "-") {
-                                                    /** @type {?} */
-                                                    var tempMinus = data.component[i].value.split("-", 2);
-                                                    /** @type {?} */
-                                                    var numDay = parseInt(tempMinus[1]);
-                                                    businessDate.setDate(businessDate.getDate() - numDay);
-                                                }
-                                                else if (operator == "+") {
-                                                    /** @type {?} */
-                                                    var tempMinus = data.component[i].value.split("+", 2);
-                                                    /** @type {?} */
-                                                    var numDay = parseInt(tempMinus[1]);
-                                                    businessDate.setDate(businessDate.getDate() + numDay);
-                                                }
-                                                dateShow = businessDate;
-                                                /** @type {?} */
-                                                var dateText = common.formatDate(dateShow, 'yyyy-MM-dd', 'en-US');
-                                                data.component[i].value = dateText;
-                                            }
-                                            if (_this.readonly = false) {
-                                                if (data.component[i].restriction != undefined && data.component[i].restriction != "") {
-                                                    if (data.component[i].restriction.toUpperCase() == "GT") {
-                                                        /** @type {?} */
-                                                        var minDate = new Date(_this.datePipe.transform(data.component[i].minDate, 'yyyy-MM-dd'));
-                                                        minDate.setDate(minDate.getDate() + 1);
-                                                        data.component[i].minDate = minDate;
-                                                    }
-                                                    else if (data.component[i].restriction.toUpperCase() == "LT") {
-                                                        /** @type {?} */
-                                                        var maxDate = new Date(_this.datePipe.transform(data.component[i].maxDate, 'yyyy-MM-dd'));
-                                                        maxDate.setDate(maxDate.getDate() - 1);
-                                                        data.component[i].maxDate = maxDate;
-                                                    }
-                                                }
-                                            }
-                                        }
-                                        if (data.component[i].type == "textbox") {
-                                            _this.configuration.component[i].value = _this.autofill(data.component[i]);
-                                        }
-                                    }
-                                    setTimeout(( /**
-                                     * @return {?}
-                                     */function () {
-                                        for (var j = 0; j < _this.countForm; j++) {
-                                            if (data.component[j].isEvent == true && _this.configuration.component[j].itemsUrl.length == 1) {
-                                                _this.onChangeEvent(data.component[j].itemsUrl[0].Key, data.component[j]);
-                                            }
-                                            if (data.component[j].type == "officeRoleCodes" && _this.configuration.component[j].itemsUrl.length > 0) {
-                                                _this.SetRoleOfficeCodes(j);
-                                            }
-                                        }
-                                    }), 1000);
-                                }))];
-                            case 1:
-                                _a.sent();
-                                return [2 /*return*/];
-                        }
-                    });
-                });
-            };
-        /**
-         * @private
-         * @param {?} data
-         * @return {?}
-         */
-        UCSearchComponent.prototype.autofill = /**
-         * @private
-         * @param {?} data
-         * @return {?}
-         */
-            function (data) {
-                if (data.value != "")
-                    return data.value;
-                /** @type {?} */
-                var autofill = data.autofill;
-                if (autofill == undefined)
-                    return data.value;
-                if (this.queryParam[autofill.key] == undefined)
-                    return data.value;
-                if (autofill.source == "param") {
-                    return this.queryParam[autofill.key];
-                }
-                return data.value;
-            };
-        /**
-         * @param {?} i
-         * @return {?}
-         */
-        UCSearchComponent.prototype.SetRoleOfficeCodes = /**
-         * @param {?} i
-         * @return {?}
-         */
-            function (i) {
-                /** @type {?} */
-                var value = this.cookieService.get("UserAccess");
-                /** @type {?} */
-                var userAccess = JSON.parse(this.DecryptString(value, "AdInsFOU12345678"));
-                /** @type {?} */
-                var roleCode = userAccess["RoleCode"];
-                /** @type {?} */
-                var listOfficeRoleCodes = new Array();
-                listOfficeRoleCodes.push(roleCode);
-                /** @type {?} */
-                var component = this.myForm.nativeElement[i];
-                /** @type {?} */
-                var ddl = component.options;
-                /** @type {?} */
-                var text = ddl[ddl.selectedIndex].value.trim();
-                if (this.configuration.component[i].itemsUrl.length == 1 || (this.configuration.component[i].ddlType == 'all' && text == 'all')) {
-                    for (var index = 0; index < this.configuration.component[i].itemsUrl.length; index++) {
-                        /** @type {?} */
-                        var 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;
-            };
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        UCSearchComponent.prototype.setDefaultValueMonth = /**
-         * @param {?} value
-         * @return {?}
-         */
-            function (value) {
-                /** @type {?} */
-                var businessDate = new Date(this.BusinessDt);
-                /** @type {?} */
-                var operator = value.charAt(2);
-                /** @type {?} */
-                var tempValue = value.split(operator, 2);
-                /** @type {?} */
-                var 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();
-            };
-        /**
-         * @param {?} month
-         * @return {?}
-         */
-        UCSearchComponent.prototype.setMonthDDL = /**
-         * @param {?} month
-         * @return {?}
-         */
-            function (month) {
-                /** @type {?} */
-                var ListOfMonth;
-                /** @type {?} */
-                var equation = month.match("[\\/+][-]|[-][\\/+]|\\/+|-");
-                /** @type {?} */
-                var toMin = this.BusinessDt.getMonth();
-                /** @type {?} */
-                var toMax = this.BusinessDt.getMonth();
-                /** @type {?} */
-                var tempEquation = equation[0];
-                /** @type {?} */
-                var minMax = parseInt(month.substring(equation.index + equation[0].length));
-                if (minMax >= 12)
-                    return this.ListOfMonth.ListOfMonth;
-                if ((tempEquation == "+-" || tempEquation == "-+") && minMax >= 6)
-                    return this.ListOfMonth.ListOfMonth;
-                /** @type {?} */
-                var dictOfMonth = this.ListOfMonth.DictOfMonth;
-                ListOfMonth.push({ key: toMin, value: dictOfMonth[toMin] });
-                for (var q = 0; q < minMax; q++) {
-                    if (tempEquation.includes("-")) {
-                        toMin--;
-                        if (toMin == 0)
-                            toMin = 12;
-                        ListOfMonth.push({ key: toMin, value: dictOfMonth[toMin] });
-                    }
-                    if (tempEquation.includes("+")) {
-                        toMax++;
-                        if (toMax == 13)
-                            toMax = 1;
-                        ListOfMonth.push({ key: toMax, value: dictOfMonth[toMax] });
-                    }
-                }
-                ListOfMonth.sort(( /**
-                 * @param {?} a
-                 * @param {?} b
-                 * @return {?}
-                 */function (a, b) {
-                    return a.key - b.key;
-                }));
-                return ListOfMonth;
-            };
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        UCSearchComponent.prototype.setDefaultValueYear = /**
-         * @param {?} value
-         * @return {?}
-         */
-            function (value) {
-                /** @type {?} */
-                var businessDate = new Date(this.BusinessDt);
-                /** @type {?} */
-                var operator = value.charAt(2);
-                /** @type {?} */
-                var tempValue = value.split(operator, 2);
-                /** @type {?} */
-                var 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();
-            };
-        /**
-         * @param {?} year
-         * @return {?}
-         */
-        UCSearchComponent.prototype.setYearDDL = /**
-         * @param {?} year
-         * @return {?}
-         */
-            function (year) {
-                this.ListOfYear = new Array();
-                /** @type {?} */
-                var equation = year.match("[\\/+][-]|[-][\\/+]|\\/+|-");
-                /** @type {?} */
-                var toMin = this.BusinessDt.getFullYear();
-                /** @type {?} */
-                var toMax = this.BusinessDt.getFullYear();
-                /** @type {?} */
-                var minMax = parseInt(year.substring(equation.index + equation[0].length));
-                this.ListOfYear.push({ key: this.BusinessDt.getFullYear(), value: this.BusinessDt.getFullYear().toString() });
-                for (var 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(( /**
-                 * @param {?} a
-                 * @param {?} b
-                 * @return {?}
-                 */function (a, b) {
-                    return a.key - b.key;
-                }));
-                return this.ListOfYear;
-            };
-        /**
-         * @param {?} url
-         * @return {?}
-         */
-        UCSearchComponent.prototype.getJSON = /**
-         * @param {?} url
-         * @return {?}
-         */
-            function (url) {
-                return this.http.get(url);
-            };
-        /**
-         * @param {?} url
-         * @param {?=} criteria
-         * @return {?}
-         */
-        UCSearchComponent.prototype.postJSON = /**
-         * @param {?} url
-         * @param {?=} criteria
-         * @return {?}
-         */
-            function (url, criteria) {
-                if (criteria === void 0) {
-                    criteria = null;
-                }
-                return this.http.post(url, criteria);
-            };
-        /**
-         * @param {?=} IsExportExcel
-         * @return {?}
-         */
-        UCSearchComponent.prototype.searchClick = /**
-         * @param {?=} IsExportExcel
-         * @return {?}
-         */
-            function (IsExportExcel) {
-                if (IsExportExcel === void 0) {
-                    IsExportExcel = false;
-                }
-                /** @type {?} */
-                var filtered = this.configuration.component.filter(( /**
-                 * @param {?} item
-                 * @param {?} i
-                 * @param {?} arr
-                 * @return {?}
-                 */function (item, i, arr) {
-                    if (item.datepickerPair === undefined || item.datepickerPair === '')
-                        return;
-                    return arr.findIndex(( /**
-                     * @param {?} x
-                     * @return {?}
-                     */function (x) { return (x.datepickerPair === item.datepickerPair); })) === i;
-                }));
-                for (var i = 0; i < filtered.length; i++) {
-                    if (filtered[i].type == "numeric" || filtered[i].type == "datepicker") {
-                        if (!this.checkValueGteLte(filtered[i]))
-                            return;
-                    }
-                }
-                /** @type {?} */
-                var order = null;
-                if (this.configuration.orderby != null) {
-                    order = {
-                        key: this.configuration.orderby.key,
-                        value: this.configuration.orderby.value
-                    };
-                }
-                this.pageNow = 1;
-                /** @type {?} */
-                var rowPerPage = this.pageSize;
-                if (IsExportExcel)
-                    rowPerPage = 9999;
-                this.search(this.apiUrl, this.pageNow, rowPerPage, order, true, this.arrCrit, IsExportExcel);
-            };
-        /**
-         * @return {?}
-         */
-        UCSearchComponent.prototype.reset = /**
-         * @return {?}
-         */
-            function () {
-                return __awaiter(this, void 0, void 0, function () {
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
-                            case 0:
-                                this.searchForm.resetForm({
-                                    ExportType: this.ExportTypeList[0].key
-                                });
-                                return [4 /*yield*/, this.initiateForm()];
-                            case 1:
-                                _a.sent();
-                                return [2 /*return*/];
-                        }
-                    });
-                });
-            };
-        /**
-         * @param {?} apiUrl
-         * @param {?} pageNo
-         * @param {?} rowPerPage
-         * @param {?} orderBy
-         * @param {?} isClickSearch
-         * @param {?=} addCrit
-         * @param {?=} IsExportExcel
-         * @param {?=} isAddToTemp
-         * @param {?=} addToTempCrit
-         * @return {?}
-         */
-        UCSearchComponent.prototype.search = /**
-         * @param {?} apiUrl
-         * @param {?} pageNo
-         * @param {?} rowPerPage
-         * @param {?} orderBy
-         * @param {?} isClickSearch
-         * @param {?=} addCrit
-         * @param {?=} IsExportExcel
-         * @param {?=} isAddToTemp
-         * @param {?=} addToTempCrit
-         * @return {?}
-         */
-            function (apiUrl, pageNo, rowPerPage, orderBy, isClickSearch, addCrit, IsExportExcel, isAddToTemp, addToTempCrit) {
-                var _this = this;
-                if (addCrit === void 0) {
-                    addCrit = new Array();
-                }
-                if (IsExportExcel === void 0) {
-                    IsExportExcel = false;
-                }
-                if (isAddToTemp === void 0) {
-                    isAddToTemp = false;
-                }
-                if (addToTempCrit === void 0) {
-                    addToTempCrit = new Array();
-                }
-                /** @type {?} */
-                var request = new RequestCriteriaObj();
-                /** @type {?} */
-                var arrCrit = new Array();
-                /** @type {?} */
-                var IsQueryIn = false;
-                /** @type {?} */
-                var IsBreak = false;
-                // Inject whereQuery for where criteria
-                if (this.searchInput.whereValue != undefined && this.searchInput.whereValue.length != 0) {
-                    this.configuration.querystring.whereQuery = new Array();
-                    for (var x = 0; x < this.searchInput.whereValue.length; x++) {
-                        this.configuration.querystring.whereQuery.push(this.searchInput.whereValue[x].value);
-                    }
-                }
-                if (this.searchInput.fromValue != undefined && this.searchInput.fromValue.length != 0) {
-                    this.configuration.querystring.fromQuery = new Array();
-                    for (var x = 0; x < this.searchInput.fromValue.length; x++) {
-                        this.configuration.querystring.fromQuery.push(this.searchInput.fromValue[x].value);
-                    }
-                }
-                request.pageNo = pageNo;
-                request.rowPerPage = rowPerPage;
-                request.orderBy = orderBy;
-                request.queryString = this.configuration.querystring;
-                /** @type {?} */
-                var formSeq = -1;
-                for (var i = 0; i < this.countForm; i++) {
-                    /** @type {?} */
-                    var critObj = new CriteriaObj();
-                    if (this.configuration.component[i].type == "dropdownSearch") {
-                        formSeq += 3;
-                    }
-                    else {
-                        formSeq++;
-                    }
-                    /** @type {?} */
-                    var component = this.myForm.nativeElement[formSeq];
-                    // // popup message if required
-                    // if (component.getAttribute('data-required') != null && component.getAttribute('data-required') == "true") {
-                    //   let val = component.value.trim();
-                    //   if (val == "") {
-                    //     IsBreak = true;
-                    //     let label = component.getAttribute('label');
-                    //     this.toastr.warning("Please input " + label);
-                    //     break;
-                    //   }
-                    // }
-                    critObj.DataType = component.getAttribute('data-type');
-                    //Ini khusus kalau dari Drop Down
-                    if (component.getAttribute('query-in') != null && component.getAttribute('query-in') == "true") {
-                        IsQueryIn = true;
-                    }
-                    else {
-                        IsQueryIn = false;
-                    }
-                    if (component.value != "") {
-                        if (component.nodeName == 'SELECT') {
-                            /** @type {?} */
-                            var ddl = component.options;
-                            /** @type {?} */
-                            var text = ddl[ddl.selectedIndex].value.trim();
-                            if (text == "one") {
-                                IsBreak = true;
-                                /** @type {?} */
-                                var label = component.getAttribute('label');
-                                this.toastr.warning("Please select " + label);
-                                break;
-                            }
-                            if (component.getAttribute('data-crit-datatable') != "" && component.getAttribute('data-crit-datatable') != null) {
-                                critObj.isCriteriaDataTable = component.getAttribute('data-crit-datatable');
-                            }
-                            if (this.configuration.component[i].type == "taskDefinitionKey" ||
-                                this.configuration.component[i].type == "processKey")
-                                continue;
-                            if (this.configuration.component[i].type == "claim") {
-                                critObj.propName = component.getAttribute('data-name');
-                                critObj.restriction = text;
-                                critObj.value = null;
-                                if (!isAddToTemp) {
-                                    arrCrit.push(critObj);
-                                }
-                            }
-                            else {
-                                if (text != "all" && text != "one") {
-                                    //Kalau Dari Dropdown udah pasti pake Eq
-                                    critObj.restriction = AdInsConstant.RestrictionEq;
-                                    if (component.name != "") {
-                                        critObj.propName = component.name;
-                                    }
-                                    else {
-                                        critObj.propName = component.getAttribute('data-name');
-                                    }
-                                    critObj.value = text;
-                                    if (!isAddToTemp) {
-                                        arrCrit.push(critObj);
-                                    }
-                                }
-                                else if (text == "all" && IsQueryIn == true && component.options.length != 0) {
-                                    /** @type {?} */
-                                    var ddlList = new Array();
-                                    for (var 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 {
-                            //Kalau ada Percent maka yang dipake nnti adalah Restrictions Like
-                            if (component.name != "") {
-                                critObj.propName = component.name;
-                            }
-                            else {
-                                critObj.propName = component.getAttribute('data-name');
-                            }
-                            critObj.value = component.value.trim();
-                            if (component.value.includes("%")) {
-                                critObj.restriction = AdInsConstant.RestrictionLike;
-                            }
-                            //kalau componentnya Date, restrictionsnya lgsg ambil dari property JSONnya
-                            else if (component.getAttribute('data-restriction') != "" && component.getAttribute('data-restriction') != null) {
-                                critObj.restriction = component.getAttribute('data-restriction');
-                                if (component.getAttribute('data-type') == 'numeric') {
-                                    critObj.value = parseFloat(component.value.replace(/,/g, '')).toString();
-                                }
-                                if (critObj.restriction.toUpperCase() == "LIKE") {
-                                    critObj.value = "%" + component.value.trim() + "%";
-                                    critObj.restriction = AdInsConstant.RestrictionLike;
-                                }
-                            }
-                            else {
-                                critObj.restriction = AdInsConstant.RestrictionEq;
-                            }
-                            if (component.getAttribute('data-crit-datatable') != "" && component.getAttribute('data-crit-datatable') != null) {
-                                critObj.isCriteriaDataTable = component.getAttribute('data-crit-datatable');
-                            }
-                            if (!isAddToTemp) {
-                                arrCrit.push(critObj);
-                            }
-                        }
-                    }
-                }
-                if (IsBreak) {
-                    return;
-                }
-                if (addCrit != null && addCrit != undefined) {
-                    if (addCrit.length != 0) {
-                        for (var i = 0; i < addCrit.length; i++) {
-                            arrCrit.push(addCrit[i]);
-                        }
-                    }
-                    else if (this.searchInput.addCritInput != null || this.searchInput.addCritInput != undefined) {
-                        for (var 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 (var 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.http.post(apiUrl, request).subscribe(( /**
-                 * @param {?} response
-                 * @return {?}
-                 */function (response) {
-                    if (IsExportExcel) {
-                        _this.ExcelData = response["Data"];
-                        /** @type {?} */
-                        var title = _this.configuration.title != null && _this.configuration.title != "" ? _this.configuration.title : "untitled";
-                        _this.excelService.exportAsExcelFile(_this.ExcelData, title);
-                        return;
-                    }
-                    /** @type {?} */
-                    var qryPaging = {
-                        response: response,
-                        pageNow: pageNo
-                    };
-                    console.log(qryPaging);
-                    _this.result.emit(qryPaging);
-                    _this.reqGetAllData.emit(request);
-                    return response;
-                }));
-            };
-        /**
-         * @private
-         * @param {?} data
-         * @return {?}
-         */
-        UCSearchComponent.prototype.filterDuplicateData = /**
-         * @private
-         * @param {?} data
-         * @return {?}
-         */
-            function (data) {
-                return data.filter(( /**
-                 * @param {?} value
-                 * @param {?} index
-                 * @return {?}
-                 */function (value, index) {
-                    /** @type {?} */
-                    var _value = JSON.stringify(value);
-                    return index === data.findIndex(( /**
-                     * @param {?} obj
-                     * @return {?}
-                     */function (obj) {
-                        return JSON.stringify(obj) === _value;
-                    }));
-                }));
-            };
-        /**
-         * @private
-         * @param {?} data
-         * @return {?}
-         */
-        UCSearchComponent.prototype.filterListValueEmpty = /**
-         * @private
-         * @param {?} data
-         * @return {?}
-         */
-            function (data) {
-                return data.filter(( /**
-                 * @param {?} value
-                 * @return {?}
-                 */function (value) {
-                    if (value.listValue === undefined)
-                        return value;
-                    if (value.listValue.length === 0)
-                        return;
-                    return value;
-                }));
-            };
-        /**
-         * @return {?}
-         */
-        UCSearchComponent.prototype.GenerateReport = /**
-         * @return {?}
-         */
-            function () {
-                this.genRpt.emit({ ExportType: this.ExportType, ElRef: this.myForm });
-            };
-        /**
-         * @return {?}
-         */
-        UCSearchComponent.prototype.lessThanFour = /**
-         * @return {?}
-         */
-            function () {
-                if (this.countForm > 3) {
-                    return false;
-                }
-                else {
-                    return true;
-                }
-            };
-        /**
-         * @param {?} obj
-         * @param {?} url
-         * @param {?=} crit
-         * @return {?}
-         */
-        UCSearchComponent.prototype.resolveObject = /**
-         * @param {?} obj
-         * @param {?} url
-         * @param {?=} crit
-         * @return {?}
-         */
-            function (obj, url, crit) {
-                var _this = this;
-                if (crit === void 0) {
-                    crit = null;
-                }
-                /** @type {?} */
-                var val = this.postJSON(url, crit);
-                val.subscribe(( /**
-                 * @param {?} tempData
-                 * @return {?}
-                 */function (tempData) {
-                    obj.itemsUrl = new Array();
-                    obj.itemsUrl = tempData.ReturnObject;
-                    if (obj.exclude != undefined && obj.exclude != "") {
-                        obj.itemsUrl = obj.itemsUrl.filter(( /**
-                         * @param {?} value
-                         * @return {?}
-                         */function (value) { return !obj.exclude.includes(value.Key); }));
-                    }
-                    if (obj.type == "dropdownSearch" && obj.itemsUrl.length == 1) {
-                        obj.value = obj.itemsUrl[0].Key;
-                        obj.descr = obj.itemsUrl[0].Value;
-                    }
-                    if (obj.affectedFilter && obj.itemsUrl.length == 1) {
-                        _this.onChangeEvent(obj.itemsUrl[0].Key, obj);
-                    }
-                }));
-            };
-        /**
-         * @param {?} component
-         * @return {?}
-         */
-        UCSearchComponent.prototype.checkValueGteLte = /**
-         * @param {?} component
-         * @return {?}
-         */
-            function (component) {
-                //cek yg pakai restriction gte/lte/gt/lt
-                /** @type {?} */
-                var MinComponent = this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "GTE"); })) == undefined ? this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "GT"); })) : this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "GTE"); }));
-                /** @type {?} */
-                var MaxComponent = this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "LTE"); })) == undefined ? this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "LT"); })) : this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "LTE"); }));
-                if (this.myForm.nativeElement[MinComponent.id].value > this.myForm.nativeElement[MaxComponent.id].value) {
-                    this.toastr.warning(MinComponent.label + " must be less than " + MaxComponent.label);
-                    return false;
-                }
-                return true;
-            };
-        /**
-         * @param {?} element
-         * @return {?}
-         */
-        UCSearchComponent.prototype.transformAmount = /**
-         * @param {?} element
-         * @return {?}
-         */
-            function (element) {
-                this.formattedAmount = parseFloat(element.target.value).toLocaleString('en');
-                // to show the formatted amount in the textbox.
-                element.target.value = this.formattedAmount;
-            };
-        /**
-         * @param {?} element
-         * @return {?}
-         */
-        UCSearchComponent.prototype.transformToDecimal = /**
-         * @param {?} element
-         * @return {?}
-         */
-            function (element) {
-                element.target.value = parseFloat(element.target.value.toString().replace(/,/g, ''));
-            };
-        /**
-         * @return {?}
-         */
-        UCSearchComponent.prototype.exportAsXLSX = /**
-         * @return {?}
-         */
-            function () {
-                this.searchClick(true);
-                // let request = new RequestCriteriaObj();
-                // request.pageNo = 1;
-                // request.rowPerPage = 9999;
-                // request.orderBy = null;
-                // request.criteria = [];
-                // request.queryString = this.configuration.querystring;
-                // if (!this.searchInput.isJoinExAPI) {
-                //   request.integrationObj = null;
-                // } else {
-                //   request.integrationObj = this.searchInput.integrationObj;
-                // }
-                // this.http.post(this.apiUrl, request).subscribe(
-                //   response => {
-                //     this.ExcelData = response["Data"];
-                //     this.excelService.exportAsExcelFile(this.ExcelData, 'sample');
-                //   },
-                //   (error) => {
-                //     console.log(error);
-                //   });
-            };
-        /**
-         * @param {?} optValue
-         * @param {?} afFilter
-         * @return {?}
-         */
-        UCSearchComponent.prototype.onChangeEvent = /**
-         * @param {?} optValue
-         * @param {?} afFilter
-         * @return {?}
-         */
-            function (optValue, afFilter) {
-                /** @type {?} */
-                var jsonComp = this.configuration.component;
-                for (var i = 0; i < afFilter.affectedFilter.length; i++) {
-                    for (var j = 0; j < jsonComp.length; j++) {
-                        if (jsonComp[j].name == afFilter.affectedFilter[i]) {
-                            /** @type {?} */
-                            var request = new RequestCriteriaObj();
-                            /** @type {?} */
-                            var arrayCrit = new Array();
-                            if (optValue != "all" && optValue != "one") {
-                                /** @type {?} */
-                                var critObj = new CriteriaObj();
-                                critObj.DataType = afFilter.datatype;
-                                if (afFilter.filterPropName != undefined || afFilter.filterPropName != "") {
-                                    request[afFilter.filterPropName] = optValue;
-                                    critObj.propName = afFilter.filterPropName;
-                                }
-                                else {
-                                    critObj.propName = afFilter.name;
-                                    request[afFilter.name] = optValue;
-                                }
-                                critObj.value = optValue;
-                                critObj.restriction = AdInsConstant.RestrictionEq;
-                                arrayCrit.push(critObj);
-                            }
-                            request.criteria = arrayCrit;
-                            if (jsonComp[j].path != undefined && jsonComp[j].path != "") {
-                                if (this.searchInput.listEnvironments != undefined && this.searchInput.listEnvironments.length != 0) {
-                                    for (var 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);
-                        }
-                    }
-                }
-            };
-        /**
-         * @param {?} idx
-         * @param {?} wfKeyFilter
-         * @return {?}
-         */
-        UCSearchComponent.prototype.SetProcessKey = /**
-         * @param {?} idx
-         * @param {?} wfKeyFilter
-         * @return {?}
-         */
-            function (idx, wfKeyFilter) {
-                /** @type {?} */
-                var component = this.myForm.nativeElement[idx];
-                /** @type {?} */
-                var ddl = component.options;
-                /** @type {?} */
-                var text = ddl[ddl.selectedIndex].value.trim();
-                /** @type {?} */
-                var listValue = text.split(';');
-                /** @type {?} */
-                var listWfKey = wfKeyFilter.split(';');
-                for (var i = 0; i < listValue.length; i++) {
-                    this.searchInput.integrationObj.requestObj[listWfKey[i]] = listValue[i];
-                }
-            };
-        /**
-         * @param {?} condList
-         * @return {?}
-         */
-        UCSearchComponent.prototype.switchCase = /**
-         * @param {?} condList
-         * @return {?}
-         */
-            function (condList) {
-                /** @type {?} */
-                var condition = false;
-                var _loop_1 = function (i) {
-                    /** @type {?} */
-                    var idx = this_1.searchInput.switchValue.findIndex(( /**
-                     * @param {?} x
-                     * @return {?}
-                     */function (x) { return x.property == condList.conditions[i].property; }));
-                    if (condList.conditions[i].restriction == "EQ") {
-                        if (condList.conditions[i].isUser != true) {
-                            if (this_1.searchInput.switchValue[idx].value == condList.conditions[i].value) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                        else {
-                            /** @type {?} */
-                            var username = localStorage.getItem("Username");
-                            if (this_1.searchInput.switchValue[idx].value == username) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                    }
-                    else if (condList.conditions[i].restriction == "NEQ") {
-                        if (condList.conditions[i].isUser != true) {
-                            if (this_1.searchInput.switchValue[idx].value != condList.conditions[i].value) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                        else {
-                            /** @type {?} */
-                            var username = localStorage.getItem("Username");
-                            if (this_1.searchInput.switchValue[idx].value != username) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                    }
-                    else if (condList.conditions[i].restriction == "GT") {
-                        if (condList.conditions[i].isUser != true) {
-                            if (this_1.searchInput.switchValue[idx].value > condList.conditions[i].value) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                        else {
-                            /** @type {?} */
-                            var username = localStorage.getItem("Username");
-                            if (this_1.searchInput.switchValue[idx].value > username) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                    }
-                    else if (condList.conditions[i].restriction == "GTE") {
-                        if (condList.conditions[i].isUser != true) {
-                            if (this_1.searchInput.switchValue[idx].value >= condList.conditions[i].value) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                        else {
-                            /** @type {?} */
-                            var username = localStorage.getItem("Username");
-                            if (this_1.searchInput.switchValue[idx].value >= username) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                    }
-                    else if (condList.conditions[i].restriction == "LT") {
-                        if (condList.conditions[i].isUser != true) {
-                            if (this_1.searchInput.switchValue[idx].value < condList.conditions[i].value) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                        else {
-                            /** @type {?} */
-                            var username = localStorage.getItem("Username");
-                            if (this_1.searchInput.switchValue[idx].value < username) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                    }
-                    else if (condList.conditions[i].restriction == "LTE") {
-                        if (condList.conditions[i].isUser != true) {
-                            if (this_1.searchInput.switchValue[idx].value <= condList.conditions[i].value) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                        else {
-                            /** @type {?} */
-                            var username = localStorage.getItem("Username");
-                            if (this_1.searchInput.switchValue[idx].value <= username) {
-                                condition = true;
-                            }
-                            else {
-                                condition = false;
-                                return "break";
-                            }
-                        }
-                    }
-                };
-                var this_1 = this;
-                for (var i = 0; i < condList.conditions.length; i++) {
-                    var state_1 = _loop_1(i);
-                    if (state_1 === "break")
-                        break;
-                }
-                return condition;
-            };
-        /**
-         * @private
-         * @param {?} chipperText
-         * @param {?} chipperKey
-         * @return {?}
-         */
-        UCSearchComponent.prototype.DecryptString = /**
-         * @private
-         * @param {?} chipperText
-         * @param {?} chipperKey
-         * @return {?}
-         */
-            function (chipperText, chipperKey) {
-                if (chipperKey == undefined || chipperKey.trim() == '' ||
-                    chipperText == undefined || chipperText.trim() == '')
-                    return chipperText;
-                /** @type {?} */
-                var chipperKeyArr = CryptoJS.enc.Utf8.parse(chipperKey);
-                /** @type {?} */
-                var iv = CryptoJS.lib.WordArray.create([0x00, 0x00, 0x00, 0x00]);
-                /** @type {?} */
-                var decrypted = CryptoJS.AES.decrypt(chipperText, chipperKeyArr, { iv: iv });
-                /** @type {?} */
-                var plainText = decrypted.toString(CryptoJS.enc.Utf8);
-                return plainText;
-            };
-        /**
-         * @param {?} component
-         * @return {?}
-         */
-        UCSearchComponent.prototype.checkInputDate = /**
-         * @param {?} component
-         * @return {?}
-         */
-            function (component) {
-                /** @type {?} */
-                var minDateVal;
-                /** @type {?} */
-                var maxDateVal;
-                /** @type {?} */
-                var label;
-                /** @type {?} */
-                var errorMessage = new Array();
-                /** @type {?} */
-                var MinComponent = this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "GTE"); })) == undefined ? this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "GT"); })) : this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "GTE"); }));
-                if (MinComponent != undefined) {
-                    minDateVal = this.myForm.nativeElement[MinComponent.id].min == "" ? null : new Date(this.myForm.nativeElement[MinComponent.id].min);
-                    label = MinComponent.label.split(">", 2);
-                    if (minDateVal != null) {
-                        if (MinComponent.restriction.toUpperCase() == "GT") {
-                            minDateVal.setDate(minDateVal.getDate() - 1);
-                            errorMessage.push(" must be greater than ");
-                        }
-                        else if (MinComponent.restriction.toUpperCase() == "GTE") {
-                            errorMessage.push(" must be greater than or equals to ");
-                        }
-                    }
-                }
-                /** @type {?} */
-                var MaxComponent = this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "LTE"); })) == undefined ? this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "LT"); })) : this.configuration.component.find(( /**
-                 * @param {?} x
-                 * @return {?}
-                 */function (x) { return x.name == component.name && (x.restriction.toUpperCase() == "LTE"); }));
-                if (MaxComponent != undefined) {
-                    maxDateVal = this.myForm.nativeElement[MaxComponent.id].max == "" ? null : new Date(this.myForm.nativeElement[MaxComponent.id].max);
-                    label = MaxComponent.label.split("<", 2);
-                    if (maxDateVal != null) {
-                        if (MaxComponent.restriction.toUpperCase() == "LT") {
-                            maxDateVal.setDate(maxDateVal.getDate() + 1);
-                            errorMessage.push(" must be less than ");
-                        }
-                        else if (MaxComponent.restriction.toUpperCase() == "LTE") {
-                            errorMessage.push(" must be less than or equals to ");
-                        }
-                    }
-                }
-                if (minDateVal != null && maxDateVal == null && new Date(this.myForm.nativeElement[MinComponent.id].value) < minDateVal) {
-                    this.toastr.warning(label[0] + errorMessage[0] + common.formatDate(minDateVal, 'dd MMMM yyyy', 'en-US') + ".");
-                    this.dateWrong = true;
-                }
-                else if (maxDateVal != null && minDateVal == null && new Date(this.myForm.nativeElement[MaxComponent.id].value) > maxDateVal) {
-                    this.toastr.warning(label[0] + errorMessage[0] + common.formatDate(maxDateVal, 'dd MMMM yyyy', 'en-US') + ".");
-                    this.dateWrong = true;
-                }
-                else if (minDateVal != null && maxDateVal != null) {
-                    if (new Date(this.myForm.nativeElement[MaxComponent.id].value) > maxDateVal || new Date(this.myForm.nativeElement[MinComponent.id].value) < minDateVal) {
-                        this.toastr.warning(label[0] + errorMessage[0] + common.formatDate(minDateVal, 'dd MMMM yyyy', 'en-US') + " and" + errorMessage[1] + common.formatDate(maxDateVal, 'dd MMMM yyyy', 'en-US') + ".");
-                        this.dateWrong = true;
-                    }
-                    else {
-                        this.dateWrong = false;
-                    }
-                }
-                else {
-                    this.dateWrong = false;
-                }
-            };
-        /**
-         * @param {?} item
-         * @param {?} crit
-         * @return {?}
-         */
-        UCSearchComponent.prototype.selectedOption = /**
-         * @param {?} item
-         * @param {?} crit
-         * @return {?}
-         */
-            function (item, crit) {
-                crit.descr = item.Value;
-                crit.isListHide = true;
-            };
-        UCSearchComponent.decorators = [
-            { type: i0.Component, args: [{
-                        selector: 'lib-UCSearch',
-                        template: "<!-- Basic form layout section start -->\r\n<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"card\">\r\n        <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"configuration?.title != undefined && configuration?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" translate>{{configuration.title}}</h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch #enjiForm=\"ngForm\"\r\n              (ngSubmit)=\"enjiForm.valid && searchClick()\">\r\n              <div class=\"form-body\">\r\n                <h4 class=\"form-section font-weight-bold\">\r\n                  <div (click)=\"changeState()\" class=\"btn no-padding cursor-pointer flip\">\r\n                    <i class=\"fa\" style=\"font-size: 15px; margin: 0px 0px 5px -15px;\"\r\n                      [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  <span\r\n                    *ngIf=\"configuration?.sectionTitle != undefined && configuration?.sectionTitle != ''; then inputSectionTitle else defaultSectionTitle\"></span>\r\n                  <ng-template #inputSectionTitle>\r\n                    {{configuration?.sectionTitle}}\r\n                  </ng-template>\r\n                  <ng-template #defaultSectionTitle>\r\n                    Paging\r\n                  </ng-template>\r\n                </h4>\r\n                <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                <!-- [hidden]=\"isHidden\" -->\r\n                <div class=\"panel-active\" [@changeDivSize]=currentState>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6 form-group\" *ngFor=\"let question of configuration?.component; let i = index\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                            [ngClass]=\"{'adins-required-label': (question.isRequired || (question?.ddlType != undefined && question.ddlType == 'one'))}\"\r\n                            translate>{{question.label}}</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <div *ngIf=\"question.type=='textbox'\">\r\n                              <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='textarea'\">\r\n                              <textarea type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\"></textarea>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='numeric'\">\r\n                              <input type=\"number\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                                (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                attr.data-numericpair=\"{{question.numericPair}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name+[i]]?.touched || enjiForm.form.controls[question.name+[i]]?.dirty) && enjiForm.form.controls[question.name+[i]]?.invalid }\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='currency'\">\r\n                              <div *ngIf=\"question?.isCustom != undefined && question?.isCustom\">\r\n                                <input type=\"\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                  [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                  (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                  attr.data-required=\"{{question.isRequired}}\" currencyMask [ngModel]=\"question.value\"\r\n                                  [(ngModel)]=\"question.value\" [ngModelOptions]=\"{standalone: true}\"\r\n                                  attr.label=\"{{question.label}}\"\r\n                                  [options]=\"{ thousands: question.thousands, decimal: question.decimal, align: question.align, allowNegative: question.allowNegative, allowZero: question.allowZero, precision: question.precision, nullable: question.nullable }\"\r\n                                  [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                              </div>\r\n                              <div *ngIf=\"question?.isCustom == undefined || !question?.isCustom\">\r\n                                <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                  [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                  (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                  attr.data-required=\"{{question.isRequired}}\" currencyMask [ngModel]=\"question.value\"\r\n                                  [(ngModel)]=\"question.value\" [ngModelOptions]=\"{standalone: true}\"\r\n                                  attr.label=\"{{question.label}}\"\r\n                                  [options]=\"{ thousands: ',', decimal: '.', align: 'right', allowNegative: false, allowZero:true, precision: 2, nullable: false }\"\r\n                                  [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                              </div>\r\n                            </div>\r\n\r\n                            <!-- End Hardcode Lookup didalem-->\r\n                            <div *ngIf=\"question.type=='datepicker'\">\r\n                              <input type=\"{{question.isTime ? 'datetime-local' : 'date'}}\" id=\"{{question.id}}\"\r\n                                class=\"form-control search-form-control btn-lookup\" name=\"{{question.name+[i]}}\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                [readonly]=\"question.readonly\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\"\r\n                                attr.data-datepickerpair=\"{{question.datepickerPair}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.label=\"{{question.label}}\" min=\"{{question.minDate | date:'yyyy-MM-dd'}}\"\r\n                                max=\"{{question.maxDate | date:'yyyy-MM-dd'}}\"\r\n                                (focusout)=\"question.restriction != undefined && checkInputDate(question)\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name+[i]]?.touched || enjiForm.form.controls[question.name+[i]]?.dirty) && enjiForm.form.controls[question.name+[i]]?.invalid }\">\r\n                            </div>\r\n                            <div\r\n                              *ngIf=\"question.type == 'taskDefinitionKey' || question.type == 'processKey' || question.type == 'officeRoleCodes'\">\r\n                              <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                                [required]=\"question.isRequired\" class=\"form-control search-form-control\"\r\n                                attr.query-in=\"{{question.isQueryIn}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.label=\"{{question.label}}\" [hidden]=\"question?.itemsUrl?.length == 1\"\r\n                                (change)=\"(question.type == 'taskDefinitionKey' || question.type == 'processKey') ? SetProcessKey(i,question.wfKeyFilter) : SetRoleOfficeCodes(i)\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                                <option *ngIf=\"question.ddlType == 'one' && question?.itemsUrl?.length != 1\"\r\n                                  value=\"one\">Select One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && question?.itemsUrl?.length != 1\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                  {{item.Value}}\r\n                                </option>\r\n                              </select>\r\n                              <label *ngIf=\"question?.itemsUrl?.length == 1\">{{question.itemsUrl[0].Value}}</label>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='dropdown'\">\r\n                              <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                                [(ngModel)]=\"question.value\" [required]=\"question.isRequired\"\r\n                                class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                [hidden]=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\"\r\n                                (change)=\"question.isEvent ? onChangeEvent($event.target.value, question) : ''\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                                <option\r\n                                  *ngIf=\"question.ddlType == 'one' && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                  value=\"one\">\r\n                                  Select One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of !question.isFromURL ? question?.items : question?.itemsUrl\"\r\n                                  value=\"{{!question.isFromURL ? item.key : item.Key}}\">\r\n                                  {{!question.isFromURL ? item.value : item.Value}}\r\n                                </option>\r\n                              </select>\r\n                              <label\r\n                                *ngIf=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\">{{!question.isFromURL\r\n                                ? question.items[0].value :\r\n                                question.itemsUrl[0].Value}}</label>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='dropdownSearch'\">\r\n                              <div class=\"dds-display-item\"\r\n                                [hidden]=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\">\r\n                                <input type=\"text\" class=\"form-control search-form-control dds-input\"\r\n                                  name=\"{{'ddsValue'+question.name}}\" [(ngModel)]=\"question.descr\" readonly\r\n                                  (click)=\"question.isListHide = !question.isListHide; question.searchText=''\">\r\n                              </div>\r\n                              <label\r\n                                *ngIf=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\">{{question.descr}}</label>\r\n                              <div class=\"dds-list-container\" [hidden]=\"question.isListHide\">\r\n                                <input type=\"text\" class=\"form-control search-form-control\"\r\n                                  name=\"{{'searchText'+question.name}}\" [(ngModel)]=\"question.searchText\"\r\n                                  [placeholder]=\"question.placeholder\">\r\n                                <div class=\"dds-items-container\">\r\n                                  <select class=\"full-width\" name=\"{{question.name}}\"\r\n                                    attr.data-required=\"{{question.isRequired}}\" [(ngModel)]=\"question.value\"\r\n                                    [required]=\"question.isRequired\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                    attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                    attr.label=\"{{question.label}}\"\r\n                                    attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                    (change)=\"question.isEvent ? onChangeEvent($event.target.value, question) : ''\"\r\n                                    [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\"\r\n                                    size=\"{{question?.size == undefined ? question?.size : 10}}\">\r\n                                    <option (click)=\"selectedOption({Key:'one',Value:'Select One'},question)\"\r\n                                      *ngIf=\"question.ddsType == 'one' && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                      value=\"one\">\r\n                                      Select One</option>\r\n                                    <option (click)=\"selectedOption({Key:'all',Value:'All'},question)\"\r\n                                      *ngIf=\"(question?.ddsType == undefined || question.ddsType == 'all') && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                      value=\"all\">All</option>\r\n                                    <!-- <option *ngFor=\"let item of question?.items | textSearch : question.searchText; let i=index\" [value]=\"item?.key\" (click)=\"selectedOption(item,question)\">\r\n                                        {{item?.value}}\r\n                                      </option> -->\r\n                                    <option\r\n                                      *ngFor=\"let item of !question.isFromURL ? (question?.items | textSearch : question.searchText) : question?.itemsUrl | textSearch : question.searchText\"\r\n                                      (click)=\"selectedOption(item,question)\" value=\"{{item.Key}}\">\r\n                                      {{item.Value}}\r\n                                    </option>\r\n                                  </select>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='claim'\">\r\n                              <select name=\"{{'claim'+[i]}}\" class=\"form-control search-form-control\"\r\n                                attr.data-type=\"{{'text'}}\" attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.data-name=\"{{'Assignee'}}\" [hidden]=\"ClaimList?.length == 1\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls['claim'+[i]]?.touched || enjiForm.form.controls['claim'+[i]]?.dirty) && enjiForm.form.controls['claim'+[i]]?.invalid }\">\r\n                                <option *ngIf=\"question.ddlType == 'one' && ClaimList?.length != 1\" value=\"one\">Select\r\n                                  One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && ClaimList?.length != 1\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of ClaimList\" value=\"{{item.Key}}\">\r\n                                  {{item.Value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <lib-uc-show-errors *ngIf=\"question.type!='datepicker'\"\r\n                              [control]=\"enjiForm.form.controls[question.name]\" [submit]=\"enjiForm.submitted\">\r\n                            </lib-uc-show-errors>\r\n                            <lib-uc-show-errors *ngIf=\"question.type=='datepicker'\"\r\n                              [control]=\"enjiForm.form.controls[question.name+[i]]\" [submit]=\"enjiForm.submitted\">\r\n                            </lib-uc-show-errors>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-6 form-group\" *ngIf=\"(isReport != undefined && isReport)\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" translate>Report Type</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <select name=\"ExportType\" [(ngModel)]=\"ExportType\" class=\"form-control search-form-control\"\r\n                              attr.data-type=\"text\">\r\n                              <option *ngFor=\"let item of ExportTypeList\" [value]=\"item.key\">{{item.value}}</option>\r\n                            </select>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <div class=\"form-actions right\">\r\n                      <button *ngIf=\"exportData == true\" type=\"button\" (click)=\"exportAsXLSX()\"\r\n                        class=\"btn btn-raised btn-success mr-1\" translate>\r\n                        <i class=\"fa ft-download\"></i>&nbsp;<span translate>Export Excel</span>\r\n                      </button>\r\n                      <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                        <i class=\"fa fa-times\"></i>&nbsp;<span translate>Reset</span>\r\n                      </button>\r\n                      <button *ngIf=\"(isReport == undefined || !isReport)\" type=\"submit\"\r\n                        class=\"btn btn-raised btn-primary\" #UCSearchClick>\r\n                        <i class=\"fa fa-search\"></i>&nbsp;<span translate>Search</span>\r\n                      </button>\r\n                      <button *ngIf=\"(isReport != undefined && isReport)\" type=\"button\" (click)=\"GenerateReport()\"\r\n                        class=\"btn btn-raised btn-primary\">\r\n                        <i class=\"fa ft-download\"></i>&nbsp;<span translate>Generate\r\n                          Report</span>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n<br>\r\n<!-- // Basic form layout section end -->",
-                        providers: [ExcelService, common.DatePipe],
-                        animations: [
-                            animations.trigger('changeDivSize', [
-                                animations.state('initial', animations.style({
-                                    height: '*',
-                                    opacity: '1',
-                                })),
-                                animations.state('final', animations.style({
-                                    height: '0px',
-                                    opacity: '0',
-                                    overflow: 'hidden',
-                                })),
-                                animations.transition('initial=>final', animations.animate('300ms')),
-                                animations.transition('final=>initial', animations.animate('300ms'))
-                            ]),
-                        ],
-                        styles: [".ucSearch-title{margin:3px}.dds-input{background-color:#fff;text-transform:uppercase}.dds-display-item:after{content:'\\e929';font-family:feather;font-size:1rem;display:inline-block;position:absolute;right:5px;top:5px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dds-list-container{position:absolute;width:100%;z-index:9}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        UCSearchComponent.ctorParameters = function () {
-            return [
-                { type: http.HttpClient },
-                { type: ExcelService },
-                { type: i0.Renderer2 },
-                { type: undefined, decorators: [{ type: i0.Inject, args: [platformBrowser.DOCUMENT,] }] },
-                { type: ngxToastr.ToastrService },
-                { type: ngxCookie.CookieService },
-                { type: common.DatePipe },
-                { type: i0.ElementRef },
-                { type: router.ActivatedRoute }
-            ];
-        };
-        UCSearchComponent.propDecorators = {
-            content: [{ type: i0.ViewChild, args: ['enjiForm',] }],
-            myForm: [{ type: i0.ViewChild, args: ['formIdSearch',] }],
-            searchInput: [{ type: i0.Input }],
-            pageSize: [{ type: i0.Input }],
-            isReport: [{ type: i0.Input }],
-            result: [{ type: i0.Output }],
-            genRpt: [{ type: i0.Output }],
-            reqGetAllData: [{ type: i0.Output }]
-        };
-        return UCSearchComponent;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var TextSearchPipe = /** @class */ (function () {
-        function TextSearchPipe() {
-        }
-        /**
-         * @param {?} items
-         * @param {?=} text
-         * @return {?}
-         */
-        TextSearchPipe.prototype.transform = /**
-         * @param {?} items
-         * @param {?=} text
-         * @return {?}
-         */
-            function (items, text) {
-                if (!text) {
-                    return items;
-                }
-                return items.filter(( /**
-                 * @param {?} item
-                 * @return {?}
-                 */function (item) {
-                    if (item.Value && typeof item.Value === 'string') {
-                        return item.Value.toLowerCase().indexOf(text.toLowerCase()) > -1;
-                    }
-                    return false;
-                }));
-            };
-        TextSearchPipe.decorators = [
-            { type: i0.Pipe, args: [{
-                        name: 'textSearch'
-                    },] }
-        ];
-        return TextSearchPipe;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /** @type {?} */
-    var customCurrencyMaskConfig = {
-        align: "right",
-        allowNegative: false,
-        allowZero: true,
-        decimal: ".",
-        precision: 2,
-        prefix: "",
-        suffix: "",
-        thousands: ",",
-        nullable: false,
-        inputMode: ngxCurrency.CurrencyMaskInputMode.NATURAL
-    };
-    var UCSearchModule = /** @class */ (function () {
-        function UCSearchModule() {
-        }
-        UCSearchModule.decorators = [
-            { type: i0.NgModule, args: [{
-                        declarations: [UCSearchComponent, TextSearchPipe],
-                        imports: [
-                            common.CommonModule,
-                            forms.FormsModule,
-                            ucShowErrors.UcShowErrorsModule,
-                            ucDirectiveUpperCase.UcDirectiveUpperCaseModule,
-                            ngxCurrency.NgxCurrencyModule.forRoot(customCurrencyMaskConfig),
-                            core.TranslateModule.forChild()
-                        ],
-                        exports: [UCSearchComponent]
-                    },] }
-        ];
-        return UCSearchModule;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-
-    exports.UCSearchService = UCSearchService;
-    exports.UCSearchComponent = UCSearchComponent;
-    exports.customCurrencyMaskConfig = customCurrencyMaskConfig;
-    exports.UCSearchModule = UCSearchModule;
-    exports.ɵb = TextSearchPipe;
-    exports.ɵa = ExcelService;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-
-//# sourceMappingURL=adins-ucsearch.umd.js.map