@adins/ucsearch 2.9.23 → 2.11.0

package/bundles/adins-ucsearch.umd.js

@@ -0,0 +1,1604 @@
+(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/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/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.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,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;
+    }());
+
+    /**
+     * @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;
+        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) {
+            this.http = http$$1;
+            this.excelService = excelService;
+            this._renderer2 = _renderer2;
+            this._document = _document;
+            this.toastr = toastr;
+            this.cookieService = cookieService;
+            this.datePipe = datePipe;
+            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_XLS,
+                    value: "Excel 2003"
+                },
+                {
+                    key: ExportTypeConstant.EXP_TYPE_XLSX,
+                    value: "Excel 2007"
+                },
+                {
+                    key: ExportTypeConstant.EXP_TYPE_DOC,
+                    value: "Document"
+                },
+                {
+                    key: ExportTypeConstant.EXP_TYPE_DOCX,
+                    value: "Document XML"
+                },
+            ];
+            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;
+        }
+        Object.defineProperty(UCSearchComponent.prototype, "content", {
+            // trus nad, bisa ga kalo misalkan gw mau bikin
+            // kalo login di cabang IsSelectOne: true
+            // kalo login di HO, IsSelectOne: false
+            set: 
+            // trus nad, bisa ga kalo misalkan gw mau bikin
+            // kalo login di cabang IsSelectOne: true
+            // kalo login di HO, IsSelectOne: false
+            /**
+             * @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 () {
+                console.log("ucsearch");
+                this.apiUrl = this.searchInput.enviromentUrl + this.searchInput.apiQryPaging;
+                this.arrCrit = this.searchInput.arrCritObj;
+                /** @type {?} */
+                var 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);
+                /** @type {?} */
+                var value = this.cookieService.get('BusinessDateRaw');
+                this.BisDt = this.DecryptString(value, "AdInsFOU12345678");
+                this.BusinessDt = new Date(this.BisDt);
+                this.initiateForm();
+            };
+        /**
+         * @return {?}
+         */
+        UCSearchComponent.prototype.initiateForm = /**
+         * @return {?}
+         */
+            function () {
+                var _this = this;
+                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].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;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    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);
+                }));
+            };
+        /**
+         * @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);
+            };
+        /**
+         * @return {?}
+         */
+        UCSearchComponent.prototype.searchClick = /**
+         * @return {?}
+         */
+            function () {
+                // for(let i=0;i<this.countForm;i++){
+                //   if(this.configuration.component[i].type == "datepicker"){
+                //     if ((i != (this.countForm-1)) && (this.configuration.component[i].name != this.configuration.component[i+1].name)){
+                //       this.checkInputDate(this.configuration.component[i]);
+                //     }
+                //   }
+                // }
+                // if(this.dateWrong) return;
+                // for(let i=0;i<this.countForm;i++){
+                //   if(this.configuration.component[i].type == "datepicker"){
+                //     if ((i != (this.countForm-1)) && (this.configuration.component[i].name != this.configuration.component[i+1].name)){
+                //       this.checkInputDate(this.configuration.component[i]);
+                //     }
+                //   }
+                // }
+                // if(this.dateWrong) return;
+                /** @type {?} */
+                var order = null;
+                if (this.configuration.orderby != null) {
+                    order = {
+                        key: this.configuration.orderby.key,
+                        value: this.configuration.orderby.value
+                    };
+                }
+                this.pageNow = 1;
+                this.search(this.apiUrl, this.pageNow, this.pageSize, order, this.arrCrit);
+            };
+        /**
+         * @return {?}
+         */
+        UCSearchComponent.prototype.reset = /**
+         * @return {?}
+         */
+            function () {
+                this.searchForm.resetForm({
+                    ExportType: this.ExportTypeList[0].key
+                });
+                this.initiateForm();
+            };
+        /**
+         * @param {?} apiUrl
+         * @param {?} pageNo
+         * @param {?} rowPerPage
+         * @param {?} orderBy
+         * @param {?=} addCrit
+         * @return {?}
+         */
+        UCSearchComponent.prototype.search = /**
+         * @param {?} apiUrl
+         * @param {?} pageNo
+         * @param {?} rowPerPage
+         * @param {?} orderBy
+         * @param {?=} addCrit
+         * @return {?}
+         */
+            function (apiUrl, pageNo, rowPerPage, orderBy, addCrit) {
+                var _this = this;
+                if (addCrit === void 0) {
+                    addCrit = 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;
+                for (var i = 0; i < this.countForm; i++) {
+                    /** @type {?} */
+                    var critObj = new CriteriaObj();
+                    /** @type {?} */
+                    var component = this.myForm.nativeElement[i];
+                    // // 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;
+                                arrCrit.push(critObj);
+                            }
+                            else {
+                                if (text != "all" && text != "one") {
+                                    //Kalau Dari Dropdown udah pasti pake Eq
+                                    critObj.restriction = AdInsConstant.RestrictionEq;
+                                    if (component.name != "") {
+                                        critObj.propName = component.name;
+                                    }
+                                    else {
+                                        critObj.propName = component.getAttribute('data-name');
+                                    }
+                                    critObj.value = text;
+                                    arrCrit.push(critObj);
+                                }
+                                else if (text == "all" && IsQueryIn == 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;
+                                        arrCrit.push(critObj);
+                                    }
+                                }
+                            }
+                        }
+                        else {
+                            //Kalau ada Percent maka yang dipake nnti adalah Restrictions Like
+                            if (component.name != "") {
+                                critObj.propName = component.name;
+                            }
+                            else {
+                                critObj.propName = component.getAttribute('data-name');
+                            }
+                            critObj.value = component.value.trim();
+                            if (component.value.includes("%")) {
+                                critObj.restriction = AdInsConstant.RestrictionLike;
+                            }
+                            //kalau componentnya Date, restrictionsnya lgsg ambil dari property JSONnya
+                            else if (component.getAttribute('data-restriction') != "" && component.getAttribute('data-restriction') != null) {
+                                critObj.restriction = component.getAttribute('data-restriction');
+                                if (component.getAttribute('data-type') == 'numeric') {
+                                    critObj.value = parseFloat(component.value.replace(/,/g, '')).toString();
+                                }
+                                if (critObj.restriction.toUpperCase() == "LIKE") {
+                                    critObj.value = "%" + component.value.trim() + "%";
+                                    critObj.restriction = AdInsConstant.RestrictionLike;
+                                }
+                            }
+                            else {
+                                critObj.restriction = AdInsConstant.RestrictionEq;
+                            }
+                            if (component.getAttribute('data-crit-datatable') != "" && component.getAttribute('data-crit-datatable') != null) {
+                                critObj.isCriteriaDataTable = component.getAttribute('data-crit-datatable');
+                            }
+                            arrCrit.push(critObj);
+                        }
+                    }
+                }
+                if (IsBreak) {
+                    return;
+                }
+                if (addCrit != null && addCrit != undefined) {
+                    if (addCrit.length != 0) {
+                        for (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]);
+                    }
+                }
+                request.criteria = arrCrit;
+                if (!this.searchInput.isJoinExAPI) {
+                    request.integrationObj = null;
+                }
+                else {
+                    request.integrationObj = this.searchInput.integrationObj;
+                }
+                this.http.post(apiUrl, request).subscribe(( /**
+                 * @param {?} response
+                 * @return {?}
+                 */function (response) {
+                    /** @type {?} */
+                    var qryPaging = {
+                        response: response,
+                        pageNow: pageNo
+                    };
+                    console.log(qryPaging);
+                    _this.result.emit(qryPaging);
+                    _this.reqGetAllData.emit(request);
+                    return response;
+                }));
+            };
+        /**
+         * @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.affectedFilter && obj.itemsUrl.length == 1) {
+                        _this.onChangeEvent(obj.itemsUrl[0].Key, obj);
+                    }
+                }));
+            };
+        /**
+         * @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 () {
+                var _this = this;
+                /** @type {?} */
+                var 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(( /**
+                 * @param {?} response
+                 * @return {?}
+                 */function (response) {
+                    _this.ExcelData = response["Data"];
+                    _this.excelService.exportAsExcelFile(_this.ExcelData, 'sample');
+                }), ( /**
+                 * @param {?} error
+                 * @return {?}
+                 */function (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();
+                if (text) {
+                    this.searchInput.integrationObj.requestObj[wfKeyFilter] = text;
+                }
+            };
+        /**
+         * @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.value = item.key;
+                crit.descr = item.value;
+                crit.isListHide = true;
+            };
+        /**
+         * @param {?} item
+         * @param {?} value
+         * @return {?}
+         */
+        UCSearchComponent.prototype.isSelected = /**
+         * @param {?} item
+         * @param {?} value
+         * @return {?}
+         */
+            function (item, value) {
+                return item.key == value;
+            };
+        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                                <input type=\"text\" class=\"form-control search-form-control dds-input\"\r\n                                  [(ngModel)]=\"question.value\" readonly\r\n                                  (click)=\"question.isListHide = !question.isListHide; question.searchText=''\">\r\n                              </div>\r\n                              <div class=\"dds-list-container\" [hidden]=\"question.isListHide\">\r\n                                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"question.searchText\"\r\n                                  placeholder=\"FILTER\">\r\n                                <div class=\"dds-items-container\">\r\n                                  <!-- blm tentu bisa -->\r\n                                  <div class=\"dds-list-item\" (click)=\"selectedOption({key:'',value:''},question)\">\r\n                                    Select One\r\n                                  </div>\r\n                                  <div class=\"dds-list-item\"\r\n                                    *ngFor=\"let item of question?.items | textSearch : question.searchText; let i=index\"\r\n                                    (click)=\"selectedOption(item,question)\"\r\n                                    [ngClass]=\"{'dds-active': isSelected(item, question.value)}\">\r\n                                    {{item?.value}}\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n\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:20px;top:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dds-list-container{position:relative}.dds-items-container{border:1px solid #00b7d4;background-color:#fff;position:absolute;font-size:1rem;overflow:auto;height:500%;width:100%;z-index:9;top:100%}.dds-list-item{padding:2px 5px;cursor:pointer}.dds-list-item:hover{background-color:#1a73e8;color:#fff}.dds-active{background-color:#ddd}"]
+                    }] }
+        ];
+        /** @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 }
+            ];
+        };
+        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