@adins/ucsearch 2.9.1 → 2.9.2

package/bundles/adins-ucsearch.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common/http'), require('file-saver'), require('xlsx'), require('@angular/animations'), require('ngx-toastr'), require('ngx-cookie'), require('crypto-js'), require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ngx-currency'), require('@ngx-translate/core'), require('@adins/uc-show-errors'), require('@adins/uc-directive-upper-case')) :
     typeof define === 'function' && define.amd ? define('@adins/ucsearch', ['exports', '@angular/common/http', 'file-saver', 'xlsx', '@angular/animations', 'ngx-toastr', 'ngx-cookie', 'crypto-js', '@angular/core', '@angular/common', '@angular/forms', 'ngx-currency', '@ngx-translate/core', '@adins/uc-show-errors', '@adins/uc-directive-upper-case'], factory) :
-    (factory((global.adins = global.adins || {}, global.adins.ucsearch = {}),global.ng.common.http,global.FileSaver,global.XLSX,global.ng.animations,global.ngxToastr,global.ngxCookie,global.CryptoJS,global.ng.core,global.ng.common,global.ng.forms,global.ngxCurrency,global.core,global.ucShowErrors,global.ucDirectiveUpperCase));
-}(this, (function (exports,http,FileSaver,XLSX,animations,ngxToastr,ngxCookie,CryptoJS,i0,common,forms,ngxCurrency,core,ucShowErrors,ucDirectiveUpperCase) { 'use strict';
+    (factory((global.adins = global.adins || {}, global.adins.ucsearch = {}),global.ng.common.http,global.FileSaver,global.XLSX,global.ng.animations,global.i3,global.i4,global.CryptoJS,global.ng.core,global.ng.common,global.ng.forms,global.i1$1,global.i2,global.i10,global.i8));
+}(this, (function (exports,i1,FileSaver,XLSX,animations,i3,i4,CryptoJS,i0,i5,i6,i1$1,i2,i10,i8) { 'use strict';
 
     /**
      * @fileoverview added by tsickle
@@ -14,13 +14,125 @@
         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" });
+        /** @nocollapse */ UCSearchService.ɵfac = function UCSearchService_Factory(t) { return new (t || UCSearchService)(); };
+        /** @nocollapse */ UCSearchService.ɵprov = i0.ɵɵdefineInjectable({ token: UCSearchService, factory: UCSearchService.ɵfac, providedIn: 'root' });
         return UCSearchService;
-    }());
+    }());
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(UCSearchService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return []; }, null);
+    })();
+
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -174,12 +286,19 @@
                 FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
             };
         ExcelService.decorators = [
-            { type: i0.Injectable }
+            { type: i0.Injectable },
         ];
         /** @nocollapse */
         ExcelService.ctorParameters = function () { return []; };
+        /** @nocollapse */ ExcelService.ɵfac = function ExcelService_Factory(t) { return new (t || ExcelService)(); };
+        /** @nocollapse */ ExcelService.ɵprov = i0.ɵɵdefineInjectable({ token: ExcelService, factory: ExcelService.ɵfac });
         return ExcelService;
-    }());
+    }());
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(ExcelService, [{
+                type: i0.Injectable
+            }], function () { return []; }, null);
+    })();
 
     /**
      * @fileoverview added by tsickle
@@ -237,15 +356,701 @@
      * @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'
+                    },] },
+        ];
+        /** @nocollapse */ TextSearchPipe.ɵfac = function TextSearchPipe_Factory(t) { return new (t || TextSearchPipe)(); };
+        /** @nocollapse */ TextSearchPipe.ɵpipe = i0.ɵɵdefinePipe({ name: "textSearch", type: TextSearchPipe, pure: true });
+        return TextSearchPipe;
+    }());
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(TextSearchPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'textSearch'
+                    }]
+            }], null, null);
+    })();
+
+    var _c0 = ["enjiForm"];
+    var _c1 = ["formIdSearch"];
+    function UCSearchComponent_div_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 28);
+            i0.ɵɵelementStart(1, "h4", 29);
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx_r0.configuration.title);
+        }
+    }
+    function UCSearchComponent_span_14_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "span");
+        }
+    }
+    function UCSearchComponent_ng_template_15_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵtext(0);
+        }
+        if (rf & 2) {
+            var ctx_r5 = i0.ɵɵnextContext();
+            i0.ɵɵtextInterpolate1(" ", ctx_r5.configuration == null ? null : ctx_r5.configuration.sectionTitle, " ");
+        }
+    }
+    function UCSearchComponent_ng_template_17_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵtext(0, " Paging ");
+        }
+    }
+    var _c2 = function (a0) { return { "is-invalid": a0 }; };
+    function UCSearchComponent_div_21_div_6_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r27 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "input", 35);
+            i0.ɵɵlistener("keyup.enter", function UCSearchComponent_div_21_div_6_Template_input_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r27); var ctx_r26 = i0.ɵɵnextContext(2); return ctx_r26.searchClick(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext().$implicit;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("id", question_r13.id);
+            i0.ɵɵpropertyInterpolate("name", question_r13.name);
+            i0.ɵɵpropertyInterpolate("value", question_r13.value);
+            i0.ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("ngClass", i0.ɵɵpureFunction1(12, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].touched) || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].dirty)) && (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].invalid)));
+            i0.ɵɵattribute("data-crit-datatable", question_r13.isCriteriaDataTable)("data-required", question_r13.isRequired)("data-type", question_r13.datatype)("data-name", question_r13.name)("data-restriction", question_r13.restriction)("label", question_r13.label);
+        }
+    }
+    function UCSearchComponent_div_21_div_7_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelement(1, "textarea", 36);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext().$implicit;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("id", question_r13.id);
+            i0.ɵɵpropertyInterpolate("name", question_r13.name);
+            i0.ɵɵpropertyInterpolate("value", question_r13.value);
+            i0.ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("ngClass", i0.ɵɵpureFunction1(10, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].touched) || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].dirty)) && (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].invalid)));
+            i0.ɵɵattribute("data-required", question_r13.isRequired)("data-type", question_r13.datatype)("data-name", question_r13.name)("label", question_r13.label);
+        }
+    }
+    var _c3 = function (a0) { return [a0]; };
+    function UCSearchComponent_div_21_div_8_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r31 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "input", 37);
+            i0.ɵɵlistener("focus", function UCSearchComponent_div_21_div_8_Template_input_focus_1_listener($event) { i0.ɵɵrestoreView(_r31); var ctx_r30 = i0.ɵɵnextContext(2); return ctx_r30.transformToDecimal($event); })("blur", function UCSearchComponent_div_21_div_8_Template_input_blur_1_listener($event) { i0.ɵɵrestoreView(_r31); var ctx_r32 = i0.ɵɵnextContext(2); return ctx_r32.transformAmount($event); })("keyup.enter", function UCSearchComponent_div_21_div_8_Template_input_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r31); var ctx_r33 = i0.ɵɵnextContext(2); return ctx_r33.searchClick(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r34 = i0.ɵɵnextContext();
+            var question_r13 = ctx_r34.$implicit;
+            var i_r14 = ctx_r34.index;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("id", question_r13.id);
+            i0.ɵɵpropertyInterpolate("name", question_r13.name + i0.ɵɵpureFunction1(13, _c3, i_r14));
+            i0.ɵɵpropertyInterpolate("value", question_r13.value);
+            i0.ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("ngClass", i0.ɵɵpureFunction1(27, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(15, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(17, _c3, i_r14)].touched) || (_r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(19, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(21, _c3, i_r14)].dirty)) && (_r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(23, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(25, _c3, i_r14)].invalid)));
+            i0.ɵɵattribute("data-required", question_r13.isRequired)("data-restriction", question_r13.restriction)("data-type", question_r13.datatype)("data-name", question_r13.name)("data-numericpair", question_r13.numericPair)("data-crit-datatable", question_r13.isCriteriaDataTable)("label", question_r13.label);
+        }
+    }
+    var _c4 = function () { return { standalone: true }; };
+    var _c5 = function (a0, a1, a2, a3, a4, a5, a6) { return { thousands: a0, decimal: a1, align: a2, allowNegative: a3, allowZero: a4, precision: a5, nullable: a6 }; };
+    function UCSearchComponent_div_21_div_9_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r38 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "input", 38);
+            i0.ɵɵlistener("keyup.enter", function UCSearchComponent_div_21_div_9_div_1_Template_input_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r38); var ctx_r37 = i0.ɵɵnextContext(3); return ctx_r37.searchClick(); })("ngModelChange", function UCSearchComponent_div_21_div_9_div_1_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r38); var question_r13 = i0.ɵɵnextContext(2).$implicit; return question_r13.value = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext(2).$implicit;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("id", question_r13.id);
+            i0.ɵɵpropertyInterpolate("name", question_r13.name);
+            i0.ɵɵproperty("required", question_r13.isRequired)("ngModel", question_r13.value)("ngModel", question_r13.value)("ngModelOptions", i0.ɵɵpureFunction0(13, _c4))("options", i0.ɵɵpureFunction7(14, _c5, question_r13.thousands, question_r13.decimal, question_r13.align, question_r13.allowNegative, question_r13.allowZero, question_r13.precision, question_r13.nullable))("ngClass", i0.ɵɵpureFunction1(22, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].touched) || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].dirty)) && (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].invalid)));
+            i0.ɵɵattribute("data-restriction", question_r13.restriction)("data-type", question_r13.datatype)("data-name", question_r13.name)("data-required", question_r13.isRequired)("label", question_r13.label);
+        }
+    }
+    var _c6 = function () { return { thousands: ",", decimal: ".", align: "right", allowNegative: false, allowZero: true, precision: 2, nullable: false }; };
+    function UCSearchComponent_div_21_div_9_div_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r43 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "input", 39);
+            i0.ɵɵlistener("keyup.enter", function UCSearchComponent_div_21_div_9_div_2_Template_input_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r43); var ctx_r42 = i0.ɵɵnextContext(3); return ctx_r42.searchClick(); })("ngModelChange", function UCSearchComponent_div_21_div_9_div_2_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r43); var question_r13 = i0.ɵɵnextContext(2).$implicit; return question_r13.value = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext(2).$implicit;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("id", question_r13.id);
+            i0.ɵɵpropertyInterpolate("name", question_r13.name);
+            i0.ɵɵproperty("required", question_r13.isRequired)("ngModel", question_r13.value)("ngModel", question_r13.value)("ngModelOptions", i0.ɵɵpureFunction0(13, _c4))("options", i0.ɵɵpureFunction0(14, _c6))("ngClass", i0.ɵɵpureFunction1(15, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].touched) || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].dirty)) && (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].invalid)));
+            i0.ɵɵattribute("data-restriction", question_r13.restriction)("data-type", question_r13.datatype)("data-name", question_r13.name)("data-required", question_r13.isRequired)("label", question_r13.label);
+        }
+    }
+    function UCSearchComponent_div_21_div_9_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵtemplate(1, UCSearchComponent_div_21_div_9_div_1_Template, 2, 24, "div", 33);
+            i0.ɵɵtemplate(2, UCSearchComponent_div_21_div_9_div_2_Template, 2, 17, "div", 33);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext().$implicit;
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", (question_r13 == null ? null : question_r13.isCustom) != undefined && (question_r13 == null ? null : question_r13.isCustom));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", (question_r13 == null ? null : question_r13.isCustom) == undefined || !(question_r13 == null ? null : question_r13.isCustom));
+        }
+    }
+    function UCSearchComponent_div_21_div_10_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r49 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "input", 40);
+            i0.ɵɵlistener("keyup.enter", function UCSearchComponent_div_21_div_10_Template_input_keyup_enter_1_listener() { i0.ɵɵrestoreView(_r49); var ctx_r48 = i0.ɵɵnextContext(2); return ctx_r48.searchClick(); })("focusout", function UCSearchComponent_div_21_div_10_Template_input_focusout_1_listener() { i0.ɵɵrestoreView(_r49); var question_r13 = i0.ɵɵnextContext().$implicit; var ctx_r50 = i0.ɵɵnextContext(); return question_r13.restriction != undefined && ctx_r50.checkInputDate(question_r13); });
+            i0.ɵɵpipe(2, "date");
+            i0.ɵɵpipe(3, "date");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r52 = i0.ɵɵnextContext();
+            var question_r13 = ctx_r52.$implicit;
+            var i_r14 = ctx_r52.index;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("type", question_r13.isTime ? "datetime-local" : "date");
+            i0.ɵɵpropertyInterpolate("id", question_r13.id);
+            i0.ɵɵpropertyInterpolate("name", question_r13.name + i0.ɵɵpureFunction1(23, _c3, i_r14));
+            i0.ɵɵpropertyInterpolate("value", question_r13.value);
+            i0.ɵɵpropertyInterpolate("min", i0.ɵɵpipeBind2(2, 17, question_r13.minDate, "yyyy-MM-dd"));
+            i0.ɵɵpropertyInterpolate("max", i0.ɵɵpipeBind2(3, 20, question_r13.maxDate, "yyyy-MM-dd"));
+            i0.ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("readonly", question_r13.readonly)("ngClass", i0.ɵɵpureFunction1(37, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(25, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(27, _c3, i_r14)].touched) || (_r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(29, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(31, _c3, i_r14)].dirty)) && (_r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(33, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(35, _c3, i_r14)].invalid)));
+            i0.ɵɵattribute("data-required", question_r13.isRequired)("data-type", question_r13.datatype)("data-name", question_r13.name)("data-datepickerpair", question_r13.datepickerPair)("data-crit-datatable", question_r13.isCriteriaDataTable)("data-restriction", question_r13.restriction)("label", question_r13.label);
+        }
+    }
+    function UCSearchComponent_div_21_div_11_option_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "option", 45);
+            i0.ɵɵtext(1, "Select One");
+            i0.ɵɵelementEnd();
+        }
+    }
+    function UCSearchComponent_div_21_div_11_option_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "option", 46);
+            i0.ɵɵtext(1, "All");
+            i0.ɵɵelementEnd();
+        }
+    }
+    function UCSearchComponent_div_21_div_11_option_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "option", 47);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r57 = ctx.$implicit;
+            i0.ɵɵpropertyInterpolate("value", item_r57.Key);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", item_r57.Value, " ");
+        }
+    }
+    function UCSearchComponent_div_21_div_11_label_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "label");
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext(2).$implicit;
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(question_r13.itemsUrl[0].Value);
+        }
+    }
+    function UCSearchComponent_div_21_div_11_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r61 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "select", 41);
+            i0.ɵɵlistener("change", function UCSearchComponent_div_21_div_11_Template_select_change_1_listener() { i0.ɵɵrestoreView(_r61); var ctx_r60 = i0.ɵɵnextContext(); var question_r13 = ctx_r60.$implicit; var i_r14 = ctx_r60.index; var ctx_r59 = i0.ɵɵnextContext(); return question_r13.type == "taskDefinitionKey" || question_r13.type == "processKey" ? ctx_r59.SetProcessKey(i_r14, question_r13.wfKeyFilter) : ctx_r59.SetRoleOfficeCodes(i_r14); });
+            i0.ɵɵtemplate(2, UCSearchComponent_div_21_div_11_option_2_Template, 2, 0, "option", 42);
+            i0.ɵɵtemplate(3, UCSearchComponent_div_21_div_11_option_3_Template, 2, 0, "option", 43);
+            i0.ɵɵtemplate(4, UCSearchComponent_div_21_div_11_option_4_Template, 2, 2, "option", 44);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(5, UCSearchComponent_div_21_div_11_label_5_Template, 2, 1, "label", 33);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext().$implicit;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("name", question_r13.name);
+            i0.ɵɵproperty("required", question_r13.isRequired)("hidden", (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) == 1)("ngClass", i0.ɵɵpureFunction1(12, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].touched) || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].dirty)) && (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].invalid)));
+            i0.ɵɵattribute("data-required", question_r13.isRequired)("query-in", question_r13.isQueryIn)("data-type", question_r13.datatype)("label", question_r13.label);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.ddlType == "one" && (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) != 1);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ((question_r13 == null ? null : question_r13.ddlType) == undefined || question_r13.ddlType == "all") && (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) != 1);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", question_r13 == null ? null : question_r13.itemsUrl);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) == 1);
+        }
+    }
+    function UCSearchComponent_div_21_div_12_option_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "option", 45);
+            i0.ɵɵtext(1, " Select One");
+            i0.ɵɵelementEnd();
+        }
+    }
+    function UCSearchComponent_div_21_div_12_option_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "option", 46);
+            i0.ɵɵtext(1, "All");
+            i0.ɵɵelementEnd();
+        }
+    }
+    function UCSearchComponent_div_21_div_12_option_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "option", 47);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r67 = ctx.$implicit;
+            var question_r13 = i0.ɵɵnextContext(2).$implicit;
+            i0.ɵɵpropertyInterpolate("value", !question_r13.isFromURL ? item_r67.key : item_r67.Key);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", !question_r13.isFromURL ? item_r67.value : item_r67.Value, " ");
+        }
+    }
+    function UCSearchComponent_div_21_div_12_label_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "label");
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext(2).$implicit;
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(!question_r13.isFromURL ? question_r13.items[0].value : question_r13.itemsUrl[0].Value);
+        }
+    }
+    function UCSearchComponent_div_21_div_12_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r72 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "select", 48);
+            i0.ɵɵlistener("ngModelChange", function UCSearchComponent_div_21_div_12_Template_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r72); var question_r13 = i0.ɵɵnextContext().$implicit; return question_r13.value = $event; })("change", function UCSearchComponent_div_21_div_12_Template_select_change_1_listener($event) { i0.ɵɵrestoreView(_r72); var question_r13 = i0.ɵɵnextContext().$implicit; var ctx_r73 = i0.ɵɵnextContext(); return question_r13.isEvent ? ctx_r73.onChangeEvent($event.target.value, question_r13) : ""; });
+            i0.ɵɵtemplate(2, UCSearchComponent_div_21_div_12_option_2_Template, 2, 0, "option", 42);
+            i0.ɵɵtemplate(3, UCSearchComponent_div_21_div_12_option_3_Template, 2, 0, "option", 43);
+            i0.ɵɵtemplate(4, UCSearchComponent_div_21_div_12_option_4_Template, 2, 2, "option", 44);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(5, UCSearchComponent_div_21_div_12_label_5_Template, 2, 1, "label", 33);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext().$implicit;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("name", question_r13.name);
+            i0.ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("hidden", !question_r13.isFromURL ? (question_r13 == null ? null : question_r13.items == null ? null : question_r13.items.length) == 1 : (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) == 1)("ngClass", i0.ɵɵpureFunction1(15, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].touched) || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].dirty)) && (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].invalid)));
+            i0.ɵɵattribute("data-required", question_r13.isRequired)("query-in", question_r13.isQueryIn)("data-type", question_r13.datatype)("data-name", question_r13.name)("label", question_r13.label)("data-crit-datatable", question_r13.isCriteriaDataTable);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.ddlType == "one" && (!question_r13.isFromURL ? (question_r13 == null ? null : question_r13.items == null ? null : question_r13.items.length) != 1 : (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) != 1));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ((question_r13 == null ? null : question_r13.ddlType) == undefined || question_r13.ddlType == "all") && (!question_r13.isFromURL ? (question_r13 == null ? null : question_r13.items == null ? null : question_r13.items.length) != 1 : (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) != 1));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", !question_r13.isFromURL ? question_r13 == null ? null : question_r13.items : question_r13 == null ? null : question_r13.itemsUrl);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", !question_r13.isFromURL ? (question_r13 == null ? null : question_r13.items == null ? null : question_r13.items.length) == 1 : (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) == 1);
+        }
+    }
+    function UCSearchComponent_div_21_div_13_label_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "label");
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext(2).$implicit;
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(question_r13.descr);
+        }
+    }
+    function UCSearchComponent_div_21_div_13_option_8_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r83 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "option", 58);
+            i0.ɵɵlistener("click", function UCSearchComponent_div_21_div_13_option_8_Template_option_click_0_listener() { i0.ɵɵrestoreView(_r83); var question_r13 = i0.ɵɵnextContext(2).$implicit; var ctx_r81 = i0.ɵɵnextContext(); return ctx_r81.selectedOption({ Key: "one", Value: "Select One" }, question_r13); });
+            i0.ɵɵtext(1, " Select One");
+            i0.ɵɵelementEnd();
+        }
+    }
+    function UCSearchComponent_div_21_div_13_option_9_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r86 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "option", 59);
+            i0.ɵɵlistener("click", function UCSearchComponent_div_21_div_13_option_9_Template_option_click_0_listener() { i0.ɵɵrestoreView(_r86); var question_r13 = i0.ɵɵnextContext(2).$implicit; var ctx_r84 = i0.ɵɵnextContext(); return ctx_r84.selectedOption({ Key: "all", Value: "All" }, question_r13); });
+            i0.ɵɵtext(1, "All");
+            i0.ɵɵelementEnd();
+        }
+    }
+    function UCSearchComponent_div_21_div_13_option_10_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r90 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "option", 60);
+            i0.ɵɵlistener("click", function UCSearchComponent_div_21_div_13_option_10_Template_option_click_0_listener() { i0.ɵɵrestoreView(_r90); var item_r87 = ctx.$implicit; var question_r13 = i0.ɵɵnextContext(2).$implicit; var ctx_r88 = i0.ɵɵnextContext(); return ctx_r88.selectedOption(item_r87, question_r13); });
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r87 = ctx.$implicit;
+            i0.ɵɵpropertyInterpolate("value", item_r87.Key);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", item_r87.Value, " ");
+        }
+    }
+    function UCSearchComponent_div_21_div_13_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r93 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "div", 49);
+            i0.ɵɵelementStart(2, "input", 50);
+            i0.ɵɵlistener("ngModelChange", function UCSearchComponent_div_21_div_13_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r93); var question_r13 = i0.ɵɵnextContext().$implicit; return question_r13.descr = $event; })("click", function UCSearchComponent_div_21_div_13_Template_input_click_2_listener() { i0.ɵɵrestoreView(_r93); var question_r13 = i0.ɵɵnextContext().$implicit; question_r13.isListHide = !question_r13.isListHide; return question_r13.searchText = ""; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, UCSearchComponent_div_21_div_13_label_3_Template, 2, 1, "label", 33);
+            i0.ɵɵelementStart(4, "div", 51);
+            i0.ɵɵelementStart(5, "input", 52);
+            i0.ɵɵlistener("ngModelChange", function UCSearchComponent_div_21_div_13_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r93); var question_r13 = i0.ɵɵnextContext().$implicit; return question_r13.searchText = $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 53);
+            i0.ɵɵelementStart(7, "select", 54);
+            i0.ɵɵlistener("ngModelChange", function UCSearchComponent_div_21_div_13_Template_select_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r93); var question_r13 = i0.ɵɵnextContext().$implicit; return question_r13.value = $event; })("change", function UCSearchComponent_div_21_div_13_Template_select_change_7_listener($event) { i0.ɵɵrestoreView(_r93); var question_r13 = i0.ɵɵnextContext().$implicit; var ctx_r100 = i0.ɵɵnextContext(); return question_r13.isEvent ? ctx_r100.onChangeEvent($event.target.value, question_r13) : ""; });
+            i0.ɵɵtemplate(8, UCSearchComponent_div_21_div_13_option_8_Template, 2, 0, "option", 55);
+            i0.ɵɵtemplate(9, UCSearchComponent_div_21_div_13_option_9_Template, 2, 0, "option", 56);
+            i0.ɵɵtemplate(10, UCSearchComponent_div_21_div_13_option_10_Template, 2, 2, "option", 57);
+            i0.ɵɵpipe(11, "textSearch");
+            i0.ɵɵpipe(12, "textSearch");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext().$implicit;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("hidden", !question_r13.isFromURL ? (question_r13 == null ? null : question_r13.items == null ? null : question_r13.items.length) == 1 : (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) == 1);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("name", "ddsValue" + question_r13.name);
+            i0.ɵɵproperty("ngModel", question_r13.descr);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", !question_r13.isFromURL ? (question_r13 == null ? null : question_r13.items == null ? null : question_r13.items.length) == 1 : (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) == 1);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("hidden", question_r13.isListHide);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("name", "searchText" + question_r13.name);
+            i0.ɵɵproperty("ngModel", question_r13.searchText)("placeholder", question_r13.placeholder);
+            i0.ɵɵadvance(2);
+            i0.ɵɵpropertyInterpolate("name", question_r13.name);
+            i0.ɵɵpropertyInterpolate("size", (question_r13 == null ? null : question_r13.size) == undefined ? question_r13 == null ? null : question_r13.size : 10);
+            i0.ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("ngClass", i0.ɵɵpureFunction1(28, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].touched) || (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].dirty)) && (_r2.form.controls[question_r13.name] == null ? null : _r2.form.controls[question_r13.name].invalid)));
+            i0.ɵɵattribute("data-required", question_r13.isRequired)("query-in", question_r13.isQueryIn)("data-type", question_r13.datatype)("data-name", question_r13.name)("label", question_r13.label)("data-crit-datatable", question_r13.isCriteriaDataTable);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.ddsType == "one" && (!question_r13.isFromURL ? (question_r13 == null ? null : question_r13.items == null ? null : question_r13.items.length) != 1 : (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) != 1));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ((question_r13 == null ? null : question_r13.ddsType) == undefined || question_r13.ddsType == "all") && (!question_r13.isFromURL ? (question_r13 == null ? null : question_r13.items == null ? null : question_r13.items.length) != 1 : (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) != 1));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", !question_r13.isFromURL ? i0.ɵɵpipeBind2(11, 22, question_r13 == null ? null : question_r13.items, question_r13.searchText) : i0.ɵɵpipeBind2(12, 25, question_r13 == null ? null : question_r13.itemsUrl, question_r13.searchText));
+        }
+    }
+    function UCSearchComponent_div_21_div_14_option_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "option", 45);
+            i0.ɵɵtext(1, "Select One");
+            i0.ɵɵelementEnd();
+        }
+    }
+    function UCSearchComponent_div_21_div_14_option_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "option", 46);
+            i0.ɵɵtext(1, "All");
+            i0.ɵɵelementEnd();
+        }
+    }
+    function UCSearchComponent_div_21_div_14_option_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "option", 47);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r106 = ctx.$implicit;
+            i0.ɵɵpropertyInterpolate("value", item_r106.Key);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", item_r106.Value, " ");
+        }
+    }
+    function UCSearchComponent_div_21_div_14_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "select", 61);
+            i0.ɵɵtemplate(2, UCSearchComponent_div_21_div_14_option_2_Template, 2, 0, "option", 42);
+            i0.ɵɵtemplate(3, UCSearchComponent_div_21_div_14_option_3_Template, 2, 0, "option", 43);
+            i0.ɵɵtemplate(4, UCSearchComponent_div_21_div_14_option_4_Template, 2, 2, "option", 44);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r107 = i0.ɵɵnextContext();
+            var i_r14 = ctx_r107.index;
+            var question_r13 = ctx_r107.$implicit;
+            var ctx_r23 = i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵadvance(1);
+            i0.ɵɵpropertyInterpolate("name", "claim" + i0.ɵɵpureFunction1(9, _c3, i_r14));
+            i0.ɵɵproperty("hidden", (ctx_r23.ClaimList == null ? null : ctx_r23.ClaimList.length) == 1)("ngClass", i0.ɵɵpureFunction1(23, _c2, (_r2.submitted || (_r2.form.controls["claim" + i0.ɵɵpureFunction1(11, _c3, i_r14)] == null ? null : _r2.form.controls["claim" + i0.ɵɵpureFunction1(13, _c3, i_r14)].touched) || (_r2.form.controls["claim" + i0.ɵɵpureFunction1(15, _c3, i_r14)] == null ? null : _r2.form.controls["claim" + i0.ɵɵpureFunction1(17, _c3, i_r14)].dirty)) && (_r2.form.controls["claim" + i0.ɵɵpureFunction1(19, _c3, i_r14)] == null ? null : _r2.form.controls["claim" + i0.ɵɵpureFunction1(21, _c3, i_r14)].invalid)));
+            i0.ɵɵattribute("data-type", "text")("data-crit-datatable", question_r13.isCriteriaDataTable)("data-name", "Assignee");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.ddlType == "one" && (ctx_r23.ClaimList == null ? null : ctx_r23.ClaimList.length) != 1);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ((question_r13 == null ? null : question_r13.ddlType) == undefined || question_r13.ddlType == "all") && (ctx_r23.ClaimList == null ? null : ctx_r23.ClaimList.length) != 1);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx_r23.ClaimList);
+        }
+    }
+    function UCSearchComponent_div_21_lib_uc_show_errors_15_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "lib-uc-show-errors", 62);
+        }
+        if (rf & 2) {
+            var question_r13 = i0.ɵɵnextContext().$implicit;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵproperty("control", _r2.form.controls[question_r13.name])("submit", _r2.submitted);
+        }
+    }
+    function UCSearchComponent_div_21_lib_uc_show_errors_16_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "lib-uc-show-errors", 62);
+        }
+        if (rf & 2) {
+            var ctx_r109 = i0.ɵɵnextContext();
+            var question_r13 = ctx_r109.$implicit;
+            var i_r14 = ctx_r109.index;
+            i0.ɵɵnextContext();
+            var _r2 = i0.ɵɵreference(9);
+            i0.ɵɵproperty("control", _r2.form.controls[question_r13.name + i0.ɵɵpureFunction1(2, _c3, i_r14)])("submit", _r2.submitted);
+        }
+    }
+    var _c7 = function (a0) { return { "adins-required-label": a0 }; };
+    function UCSearchComponent_div_21_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 30);
+            i0.ɵɵelementStart(1, "div", 2);
+            i0.ɵɵelementStart(2, "div", 17);
+            i0.ɵɵelementStart(3, "label", 31);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div", 32);
+            i0.ɵɵtemplate(6, UCSearchComponent_div_21_div_6_Template, 2, 14, "div", 33);
+            i0.ɵɵtemplate(7, UCSearchComponent_div_21_div_7_Template, 2, 12, "div", 33);
+            i0.ɵɵtemplate(8, UCSearchComponent_div_21_div_8_Template, 2, 29, "div", 33);
+            i0.ɵɵtemplate(9, UCSearchComponent_div_21_div_9_Template, 3, 2, "div", 33);
+            i0.ɵɵtemplate(10, UCSearchComponent_div_21_div_10_Template, 4, 39, "div", 33);
+            i0.ɵɵtemplate(11, UCSearchComponent_div_21_div_11_Template, 6, 14, "div", 33);
+            i0.ɵɵtemplate(12, UCSearchComponent_div_21_div_12_Template, 6, 17, "div", 33);
+            i0.ɵɵtemplate(13, UCSearchComponent_div_21_div_13_Template, 13, 30, "div", 33);
+            i0.ɵɵtemplate(14, UCSearchComponent_div_21_div_14_Template, 5, 25, "div", 33);
+            i0.ɵɵtemplate(15, UCSearchComponent_div_21_lib_uc_show_errors_15_Template, 1, 2, "lib-uc-show-errors", 34);
+            i0.ɵɵtemplate(16, UCSearchComponent_div_21_lib_uc_show_errors_16_Template, 1, 4, "lib-uc-show-errors", 34);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var question_r13 = ctx.$implicit;
+            i0.ɵɵadvance(3);
+            i0.ɵɵpropertyInterpolate("for", question_r13.id);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c7, question_r13.isRequired || (question_r13 == null ? null : question_r13.ddlType) != undefined && question_r13.ddlType == "one"));
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(question_r13.label);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", question_r13.type == "textbox");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.type == "textarea");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.type == "numeric");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.type == "currency");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.type == "datepicker");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.type == "taskDefinitionKey" || question_r13.type == "processKey" || question_r13.type == "officeRoleCodes");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.type == "dropdown");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.type == "dropdownSearch");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.type == "claim");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.type != "datepicker");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", question_r13.type == "datepicker");
+        }
+    }
+    function UCSearchComponent_div_22_option_7_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "option", 47);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var item_r111 = ctx.$implicit;
+            i0.ɵɵproperty("value", item_r111.key);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(item_r111.value);
+        }
+    }
+    function UCSearchComponent_div_22_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r113 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 30);
+            i0.ɵɵelementStart(1, "div", 2);
+            i0.ɵɵelementStart(2, "div", 17);
+            i0.ɵɵelementStart(3, "label", 63);
+            i0.ɵɵtext(4, "Report Type");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div", 32);
+            i0.ɵɵelementStart(6, "select", 64);
+            i0.ɵɵlistener("ngModelChange", function UCSearchComponent_div_22_Template_select_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r113); var ctx_r112 = i0.ɵɵnextContext(); return ctx_r112.ExportType = $event; });
+            i0.ɵɵtemplate(7, UCSearchComponent_div_22_option_7_Template, 2, 2, "option", 44);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r9 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("ngModel", ctx_r9.ExportType);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx_r9.ExportTypeList);
+        }
+    }
+    function UCSearchComponent_button_25_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r115 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 65);
+            i0.ɵɵlistener("click", function UCSearchComponent_button_25_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r115); var ctx_r114 = i0.ɵɵnextContext(); return ctx_r114.exportAsXLSX(); });
+            i0.ɵɵelement(1, "i", 66);
+            i0.ɵɵtext(2, "\u00A0");
+            i0.ɵɵelementStart(3, "span", 25);
+            i0.ɵɵtext(4, "Export Excel");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+    }
+    function UCSearchComponent_button_31_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 67, 68);
+            i0.ɵɵelement(2, "i", 69);
+            i0.ɵɵtext(3, "\u00A0");
+            i0.ɵɵelementStart(4, "span", 25);
+            i0.ɵɵtext(5, "Search");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+    }
+    function UCSearchComponent_button_32_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r118 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 70);
+            i0.ɵɵlistener("click", function UCSearchComponent_button_32_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r118); var ctx_r117 = i0.ɵɵnextContext(); return ctx_r117.GenerateReport(); });
+            i0.ɵɵelement(1, "i", 66);
+            i0.ɵɵtext(2, "\u00A0");
+            i0.ɵɵelementStart(3, "span", 25);
+            i0.ɵɵtext(4, "Generate Report");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+    }
     var UCSearchComponent = /** @class */ (function () {
-        function UCSearchComponent(http$$1, excelService, _renderer2, _document, toastr, cookieService, datePipe) {
-            this.http = http$$1;
+        function UCSearchComponent(http, excelService, _renderer2, _document, toastr, cookieService, datePipe, elemRef) {
+            this.http = http;
             this.excelService = excelService;
             this._renderer2 = _renderer2;
             this._document = _document;
             this.toastr = toastr;
             this.cookieService = cookieService;
             this.datePipe = datePipe;
+            this.elemRef = elemRef;
             this.searchInput = new InputSearchObj();
             this.pageSize = 10;
             this.isReport = false;
@@ -299,13 +1104,23 @@
             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
+            // isListHide: boolean = true;
+            // @HostListener('document:click', ['$event'])
+            // onClick(ev: MouseEvent) {
+            //   const clickInside = this.elemRef.nativeElement.contains(ev.target);
+            //   if (!clickInside) {
+            //     this.isListHide = true;
+            //   }
+            // }
             set: 
-            // trus nad, bisa ga kalo misalkan gw mau bikin
-            // kalo login di cabang IsSelectOne: true
-            // kalo login di HO, IsSelectOne: false
+            // isListHide: boolean = true;
+            // @HostListener('document:click', ['$event'])
+            // onClick(ev: MouseEvent) {
+            //   const clickInside = this.elemRef.nativeElement.contains(ev.target);
+            //   if (!clickInside) {
+            //     this.isListHide = true;
+            //   }
+            // }
             /**
              * @param {?} content
              * @return {?}
@@ -315,7 +1130,7 @@
                     this.searchForm = content;
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
@@ -335,18 +1150,27 @@
          * @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 __awaiter(this, void 0, void 0, function () {
+                    var js, value;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                console.log("ucsearch");
+                                this.apiUrl = this.searchInput.enviromentUrl + this.searchInput.apiQryPaging;
+                                this.arrCrit = this.searchInput.arrCritObj;
+                                js = this._renderer2.createElement('script');
+                                js.text = "\n          $(document).ready(function(){\n            $(\"#flip\").click(function(){\n              $(\"#panel\").slideToggle(\"slow\");\n            });\n          });\n        ";
+                                this._renderer2.appendChild(this._document.body, js);
+                                value = this.cookieService.get('BusinessDateRaw');
+                                this.BisDt = this.DecryptString(value, "AdInsFOU12345678");
+                                this.BusinessDt = new Date(this.BisDt);
+                                return [4 /*yield*/, this.initiateForm()];
+                            case 1:
+                                _a.sent();
+                                return [2 /*return*/];
+                        }
+                    });
+                });
             };
         /**
          * @return {?}
@@ -355,149 +1179,171 @@
          * @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) {
-                            /** @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);
+                return __awaiter(this, void 0, void 0, function () {
+                    var _this = this;
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, this.getJSON(this.searchInput._url).subscribe(( /**
+                                     * @param {?} data
+                                     * @return {?}
+                                     */function (data) {
+                                    _this.configuration = data;
+                                    _this.exportData = data.exportExcel;
+                                    if (data.exportTypeList != undefined && data.exportTypeList.length != 0) {
+                                        _this.ExportTypeList = data.exportTypeList;
+                                        _this.ExportType = _this.ExportTypeList[0].key;
                                     }
-                                    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;
+                                    _this.countForm = data.component.length;
+                                    _this.isDataLoaded = true;
+                                    if (_this.searchInput.title != undefined && _this.searchInput.title != "") {
+                                        _this.configuration.title = _this.searchInput.title;
                                     }
-                                    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;
+                                    for (var i = 0; i < _this.countForm; i++) {
+                                        //ini kalau datanya di load dari URL
+                                        if (data.component[i].isFromURL) {
+                                            /** @type {?} */
+                                            var request = new RequestCriteriaObj();
+                                            /** @type {?} */
+                                            var arrayCrit = new Array();
+                                            /** @type {?} */
+                                            var criteriaObject = new CriteriaObj();
+                                            criteriaObject.DataType = "text";
+                                            criteriaObject.propName = data.component[i].criteriaPropName;
+                                            criteriaObject.value = data.component[i].criteriaPropValue;
+                                            criteriaObject.restriction = "eq";
+                                            arrayCrit.push(criteriaObject);
+                                            request.criteria = arrayCrit;
+                                            request[data.component[i].criteriaPropName] = data.component[i].criteriaPropValue;
+                                            // Pengecekan penggunaan url atau path
+                                            if (data.component[i].path != undefined && data.component[i].path != "") {
+                                                if (_this.searchInput.listEnvironments != undefined && _this.searchInput.listEnvironments.length != 0) {
+                                                    for (var y = 0; y < _this.searchInput.listEnvironments.length; y++) {
+                                                        if (data.component[i].environment == _this.searchInput.listEnvironments[y].environment) {
+                                                            data.component[i].fullpath = _this.searchInput.listEnvironments[y].url + data.component[i].path;
+                                                            break;
+                                                        }
+                                                    }
+                                                }
+                                                else {
+                                                    data.component[i].fullpath = data.component[i].url;
+                                                }
+                                            }
+                                            else {
+                                                data.component[i].fullpath = data.component[i].url;
+                                            }
+                                            //lempar objectnya sekalian sama urlnya, nnti di bind di dalem karena masalah di asyncnya
+                                            //biar tiap function ada state2nya sendiri
+                                            _this.resolveObject(data.component[i], data.component[i].fullpath, request);
+                                        }
+                                        if (data.component[i].type == "numeric") {
+                                            data.component[i].value = parseFloat(data.component[i].value).toLocaleString('en');
+                                        }
+                                        //pengecekan ddl
+                                        if (data.component[i].type == "dropdown") {
+                                            if (data.component[i].dtmType != undefined) {
+                                                if (data.component[i].dtmType.includes("month")) {
+                                                    if (data.component[i].value != undefined && data.component[i].value.includes("BD")) {
+                                                        data.component[i].value = _this.setDefaultValueMonth(data.component[i].value);
+                                                    }
+                                                    data.component[i].items = _this.setMonthDDL(data.component[i].dtmType);
+                                                }
+                                                if (data.component[i].dtmType.includes("year")) {
+                                                    if (data.component[i].value != undefined && data.component[i].value.includes("BD")) {
+                                                        data.component[i].value = _this.setDefaultValueYear(data.component[i].value);
+                                                    }
+                                                    data.component[i].items = _this.setYearDDL(data.component[i].dtmType);
+                                                }
+                                            }
+                                        }
+                                        // if (data.component[i].type == "dropdownSearch" && !data.component[i].isFromURL && data.component[i].items?.length != 1) {
+                                        //   if (data.component[i].ddsType == undefined || data.component[i].ddsType == "all") {
+                                        //     data.component[i].value = "all";
+                                        //     data.component[i].descr = "All";
+                                        //   } else if (data.component[i].ddsType == "one") {
+                                        //     data.component[i].value = "one";
+                                        //     data.component[i].descr = "Select One";
+                                        //   }
+                                        // }
+                                        if (data.component[i].type == "dropdownSearch" && !data.component[i].isFromURL && data.component[i].items.length == 1) {
+                                            data.component[i].value = data.component[i].items[0].Key;
+                                            data.component[i].descr = data.component[i].items[0].Value;
+                                        }
+                                        if (data.component[i].type != "dropdownSearch" && !data.component[i].value) {
+                                            data.component[i].value = "";
+                                            if (data.component[i].ddlType == 'all')
+                                                data.component[i].value = "all";
+                                            if (data.component[i].ddlType == 'one')
+                                                data.component[i].value = "one";
+                                        }
+                                        //pengecekan tanggal
+                                        if (data.component[i].type == "datepicker") {
+                                            _this.readonly = data.component[i].readonly;
+                                            if (data.component[i].value.includes("BD")) {
+                                                /** @type {?} */
+                                                var businessDate = new Date();
+                                                if (_this.BisDt != null) {
+                                                    businessDate = new Date(_this.BisDt);
+                                                }
+                                                /** @type {?} */
+                                                var operator = data.component[i].value.charAt(2);
+                                                /** @type {?} */
+                                                var dateShow = new Date();
+                                                if (operator == "-") {
+                                                    /** @type {?} */
+                                                    var tempMinus = data.component[i].value.split("-", 2);
+                                                    /** @type {?} */
+                                                    var numDay = parseInt(tempMinus[1]);
+                                                    businessDate.setDate(businessDate.getDate() - numDay);
+                                                }
+                                                else if (operator == "+") {
+                                                    /** @type {?} */
+                                                    var tempMinus = data.component[i].value.split("+", 2);
+                                                    /** @type {?} */
+                                                    var numDay = parseInt(tempMinus[1]);
+                                                    businessDate.setDate(businessDate.getDate() + numDay);
+                                                }
+                                                dateShow = businessDate;
+                                                /** @type {?} */
+                                                var dateText = i5.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 && _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);
-                            }
+                                    setTimeout(( /**
+                                     * @return {?}
+                                     */function () {
+                                        for (var j = 0; j < _this.countForm; j++) {
+                                            if (data.component[j].isEvent && _this.configuration.component[j].itemsUrl.length == 1) {
+                                                _this.onChangeEvent(data.component[j].itemsUrl[0].Key, data.component[j]);
+                                            }
+                                            if (data.component[j].type == "officeRoleCodes" && _this.configuration.component[j].itemsUrl.length > 0) {
+                                                _this.SetRoleOfficeCodes(j);
+                                            }
+                                        }
+                                    }), 1000);
+                                }))];
+                            case 1:
+                                _a.sent();
+                                return [2 /*return*/];
                         }
-                    }), 1000);
-                }));
+                    });
+                });
             };
         /**
          * @param {?} i
@@ -753,10 +1599,20 @@
          * @return {?}
          */
             function () {
-                this.searchForm.resetForm({
-                    ExportType: this.ExportTypeList[0].key
+                return __awaiter(this, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0:
+                                this.searchForm.resetForm({
+                                    ExportType: this.ExportTypeList[0].key
+                                });
+                                return [4 /*yield*/, this.initiateForm()];
+                            case 1:
+                                _a.sent();
+                                return [2 /*return*/];
+                        }
+                    });
                 });
-                this.initiateForm();
             };
         /**
          * @param {?} apiUrl
@@ -804,11 +1660,19 @@
                 request.rowPerPage = rowPerPage;
                 request.orderBy = orderBy;
                 request.queryString = this.configuration.querystring;
+                /** @type {?} */
+                var formSeq = -1;
                 for (var i = 0; i < this.countForm; i++) {
                     /** @type {?} */
                     var critObj = new CriteriaObj();
+                    if (this.configuration.component[i].type == "dropdownSearch") {
+                        formSeq += 3;
+                    }
+                    else {
+                        formSeq++;
+                    }
                     /** @type {?} */
-                    var component = this.myForm.nativeElement[i];
+                    var component = this.myForm.nativeElement[formSeq];
                     // // popup message if required
                     // if (component.getAttribute('data-required') != null && component.getAttribute('data-required') == "true") {
                     //   let val = component.value.trim();
@@ -1016,6 +1880,10 @@
                          * @return {?}
                          */function (value) { return !obj.exclude.includes(value.Key); }));
                     }
+                    if (obj.type == "dropdownSearch" && obj.itemsUrl.length == 1) {
+                        obj.value = obj.itemsUrl[0].Key;
+                        obj.descr = obj.itemsUrl[0].Value;
+                    }
                     if (obj.affectedFilter && obj.itemsUrl.length == 1) {
                         _this.onChangeEvent(obj.itemsUrl[0].Key, obj);
                     }
@@ -1408,16 +2276,16 @@
                     }
                 }
                 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.toastr.warning(label[0] + errorMessage[0] + i5.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.toastr.warning(label[0] + errorMessage[0] + i5.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.toastr.warning(label[0] + errorMessage[0] + i5.formatDate(minDateVal, 'dd MMMM yyyy', 'en-US') + " and" + errorMessage[1] + i5.formatDate(maxDateVal, 'dd MMMM yyyy', 'en-US') + ".");
                         this.dateWrong = true;
                     }
                     else {
@@ -1428,11 +2296,26 @@
                     this.dateWrong = false;
                 }
             };
+        /**
+         * @param {?} item
+         * @param {?} crit
+         * @return {?}
+         */
+        UCSearchComponent.prototype.selectedOption = /**
+         * @param {?} item
+         * @param {?} crit
+         * @return {?}
+         */
+            function (item, crit) {
+                crit.descr = item.Value;
+                crit.isListHide = true;
+            };
         UCSearchComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'lib-UCSearch',
-                        template: "<!-- Basic form layout section start -->\r\n<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"card\">\r\n        <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"configuration?.title != undefined && configuration?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" translate>{{configuration.title}}</h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch #enjiForm=\"ngForm\"\r\n              (ngSubmit)=\"enjiForm.valid && searchClick()\">\r\n              <div class=\"form-body\">\r\n                <h4 class=\"form-section font-weight-bold\">\r\n                  <div (click)=\"changeState()\" class=\"btn no-padding cursor-pointer flip\">\r\n                    <i class=\"fa\" style=\"font-size: 15px; margin: 0px 0px 5px -15px;\"\r\n                      [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  <span\r\n                    *ngIf=\"configuration?.sectionTitle != undefined && configuration?.sectionTitle != ''; then inputSectionTitle else defaultSectionTitle\"></span>\r\n                  <ng-template #inputSectionTitle>\r\n                    {{configuration?.sectionTitle}}\r\n                  </ng-template>\r\n                  <ng-template #defaultSectionTitle>\r\n                    Paging\r\n                  </ng-template>\r\n                </h4>\r\n                <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                <!-- [hidden]=\"isHidden\" -->\r\n                <div class=\"panel-active\" [@changeDivSize]=currentState>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6 form-group\" *ngFor=\"let question of configuration?.component; let i = index\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                            [ngClass]=\"{'adins-required-label': (question.isRequired || (question?.ddlType != undefined && question.ddlType == 'one'))}\"\r\n                            translate>{{question.label}}</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <div *ngIf=\"question.type=='textbox'\">\r\n                              <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='textarea'\">\r\n                              <textarea type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\"></textarea>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='numeric'\">\r\n                              <input type=\"number\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                                (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                attr.data-numericpair = \"{{question.numericPair}}\" 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}}\" [readonly]=\"question.readonly\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                attr.data-datepickerpair = \"{{question.datepickerPair}}\" 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'}}\" (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 *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}}\" 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 : question.itemsUrl[0].Value}}</label>\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 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],
+                        templateUrl: './ucsearch.component.html',
+                        styleUrls: ['./ucsearch.component.css'],
+                        providers: [ExcelService, i5.DatePipe],
                         animations: [
                             animations.trigger('changeDivSize', [
                                 animations.state('initial', animations.style({
@@ -1447,24 +2330,24 @@
                                 animations.transition('initial=>final', animations.animate('300ms')),
                                 animations.transition('final=>initial', animations.animate('300ms'))
                             ]),
-                        ],
-                        styles: [".ucSearch-title{margin:3px}"]
-                    }] }
+                        ]
+                    },] },
         ];
         /** @nocollapse */
         UCSearchComponent.ctorParameters = function () {
             return [
-                { type: http.HttpClient },
+                { type: i1.HttpClient },
                 { type: ExcelService },
                 { type: i0.Renderer2 },
-                { type: undefined, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] },
-                { type: ngxToastr.ToastrService },
-                { type: ngxCookie.CookieService },
-                { type: common.DatePipe }
+                { type: undefined, decorators: [{ type: i0.Inject, args: [i5.DOCUMENT,] }] },
+                { type: i3.ToastrService },
+                { type: i4.CookieService },
+                { type: i5.DatePipe },
+                { type: i0.ElementRef }
             ];
         };
         UCSearchComponent.propDecorators = {
-            content: [{ type: i0.ViewChild, args: ['enjiForm', { static: false },] }],
+            content: [{ type: i0.ViewChild, args: ['enjiForm',] }],
             myForm: [{ type: i0.ViewChild, args: ['formIdSearch', { static: false },] }],
             searchInput: [{ type: i0.Input }],
             pageSize: [{ type: i0.Input }],
@@ -1473,8 +2356,158 @@
             genRpt: [{ type: i0.Output }],
             reqGetAllData: [{ type: i0.Output }]
         };
+        /** @nocollapse */ UCSearchComponent.ɵfac = function UCSearchComponent_Factory(t) { return new (t || UCSearchComponent)(i0.ɵɵdirectiveInject(i1.HttpClient), i0.ɵɵdirectiveInject(ExcelService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i5.DOCUMENT), i0.ɵɵdirectiveInject(i3.ToastrService), i0.ɵɵdirectiveInject(i4.CookieService), i0.ɵɵdirectiveInject(i5.DatePipe), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+        /** @nocollapse */ UCSearchComponent.ɵcmp = i0.ɵɵdefineComponent({ type: UCSearchComponent, selectors: [["lib-UCSearch"]], viewQuery: function UCSearchComponent_Query(rf, ctx) {
+                if (rf & 1) {
+                    i0.ɵɵviewQuery(_c0, true);
+                    i0.ɵɵviewQuery(_c1, true);
+                }
+                if (rf & 2) {
+                    var _t;
+                    i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.content = _t.first);
+                    i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.myForm = _t.first);
+                }
+            }, inputs: { searchInput: "searchInput", pageSize: "pageSize", isReport: "isReport" }, outputs: { result: "result", genRpt: "genRpt", reqGetAllData: "reqGetAllData" }, features: [i0.ɵɵProvidersFeature([ExcelService, i5.DatePipe])], decls: 34, vars: 11, consts: [["id", "horizontal-form-layouts"], [1, "row", "text-left"], [1, "col-md-12"], [1, "card"], ["class", "pl-3 mb-2 mt-2", 4, "ngIf"], [1, "card-body"], [1, "px-3"], ["id", "formSearch", 1, "form", "form-horizontal", 3, "ngSubmit"], ["formIdSearch", "", "enjiForm", "ngForm"], [1, "form-body"], [1, "form-section", "font-weight-bold"], [1, "btn", "no-padding", "cursor-pointer", "flip", 3, "click"], [1, "fa", 2, "font-size", "15px", "margin", "0px 0px 5px -15px", 3, "ngClass"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["inputSectionTitle", ""], ["defaultSectionTitle", ""], [1, "panel-active"], [1, "row"], ["class", "col-md-6 form-group", 4, "ngFor", "ngForOf"], ["class", "col-md-6 form-group", 4, "ngIf"], [1, "col-md-12", "no-padding"], [1, "form-actions", "right"], ["type", "button", "class", "btn btn-raised btn-success mr-1", "translate", "", 3, "click", 4, "ngIf"], ["type", "button", "translate", "", 1, "btn", "btn-raised", "btn-warning", "mr-1", 3, "click"], [1, "fa", "fa-times"], ["translate", ""], ["type", "submit", "class", "btn btn-raised btn-primary", 4, "ngIf"], ["type", "button", "class", "btn btn-raised btn-primary", 3, "click", 4, "ngIf"], [1, "pl-3", "mb-2", "mt-2"], ["translate", "", 1, "card-title", "ucSearch-title"], [1, "col-md-6", "form-group"], ["translate", "", 1, "col-md-5", "no-padding", 3, "for", "ngClass"], [1, "col-md-7", "no-padding"], [4, "ngIf"], [3, "control", "submit", 4, "ngIf"], ["type", "text", 1, "form-control", "search-form-control", 3, "id", "ngModel", "required", "name", "value", "ngClass", "keyup.enter"], ["type", "text", 1, "form-control", "search-form-control", 3, "id", "ngModel", "required", "name", "value", "ngClass"], ["type", "number", 1, "form-control", "search-form-control", 3, "id", "ngModel", "required", "name", "value", "ngClass", "focus", "blur", "keyup.enter"], ["type", "", "currencyMask", "", 1, "form-control", "search-form-control", 3, "id", "required", "name", "ngModel", "ngModelOptions", "options", "ngClass", "keyup.enter", "ngModelChange"], ["type", "text", "currencyMask", "", 1, "form-control", "search-form-control", 3, "id", "required", "name", "ngModel", "ngModelOptions", "options", "ngClass", "keyup.enter", "ngModelChange"], [1, "form-control", "search-form-control", "btn-lookup", 3, "type", "id", "name", "ngModel", "required", "value", "readonly", "min", "max", "ngClass", "keyup.enter", "focusout"], [1, "form-control", "search-form-control", 3, "name", "required", "hidden", "ngClass", "change"], ["value", "one", 4, "ngIf"], ["value", "all", 4, "ngIf"], [3, "value", 4, "ngFor", "ngForOf"], ["value", "one"], ["value", "all"], [3, "value"], [1, "form-control", "search-form-control", 3, "name", "ngModel", "required", "hidden", "ngClass", "ngModelChange", "change"], [1, "dds-display-item", 3, "hidden"], ["type", "text", "readonly", "", 1, "form-control", "search-form-control", "dds-input", 3, "name", "ngModel", "ngModelChange", "click"], [1, "dds-list-container", 3, "hidden"], ["type", "text", 1, "form-control", "search-form-control", 3, "name", "ngModel", "placeholder", "ngModelChange"], [1, "dds-items-container"], [1, "full-width", 3, "name", "ngModel", "required", "ngClass", "size", "ngModelChange", "change"], ["value", "one", 3, "click", 4, "ngIf"], ["value", "all", 3, "click", 4, "ngIf"], [3, "value", "click", 4, "ngFor", "ngForOf"], ["value", "one", 3, "click"], ["value", "all", 3, "click"], [3, "value", "click"], [1, "form-control", "search-form-control", 3, "name", "hidden", "ngClass"], [3, "control", "submit"], ["translate", "", 1, "col-md-5", "no-padding"], ["name", "ExportType", "attr.data-type", "text", 1, "form-control", "search-form-control", 3, "ngModel", "ngModelChange"], ["type", "button", "translate", "", 1, "btn", "btn-raised", "btn-success", "mr-1", 3, "click"], [1, "fa", "ft-download"], ["type", "submit", 1, "btn", "btn-raised", "btn-primary"], ["UCSearchClick", ""], [1, "fa", "fa-search"], ["type", "button", 1, "btn", "btn-raised", "btn-primary", 3, "click"]], template: function UCSearchComponent_Template(rf, ctx) {
+                if (rf & 1) {
+                    var _r119 = i0.ɵɵgetCurrentView();
+                    i0.ɵɵelementStart(0, "section", 0);
+                    i0.ɵɵelementStart(1, "div", 1);
+                    i0.ɵɵelementStart(2, "div", 2);
+                    i0.ɵɵelementStart(3, "div", 3);
+                    i0.ɵɵtemplate(4, UCSearchComponent_div_4_Template, 3, 1, "div", 4);
+                    i0.ɵɵelementStart(5, "div", 5);
+                    i0.ɵɵelementStart(6, "div", 6);
+                    i0.ɵɵelementStart(7, "form", 7, 8);
+                    i0.ɵɵlistener("ngSubmit", function UCSearchComponent_Template_form_ngSubmit_7_listener() { i0.ɵɵrestoreView(_r119); var _r2 = i0.ɵɵreference(9); return _r2.valid && ctx.searchClick(); });
+                    i0.ɵɵelementStart(10, "div", 9);
+                    i0.ɵɵelementStart(11, "h4", 10);
+                    i0.ɵɵelementStart(12, "div", 11);
+                    i0.ɵɵlistener("click", function UCSearchComponent_Template_div_click_12_listener() { return ctx.changeState(); });
+                    i0.ɵɵelement(13, "i", 12);
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵtemplate(14, UCSearchComponent_span_14_Template, 1, 0, "span", 13);
+                    i0.ɵɵtemplate(15, UCSearchComponent_ng_template_15_Template, 1, 1, "ng-template", null, 14, i0.ɵɵtemplateRefExtractor);
+                    i0.ɵɵtemplate(17, UCSearchComponent_ng_template_17_Template, 1, 0, "ng-template", null, 15, i0.ɵɵtemplateRefExtractor);
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementStart(19, "div", 16);
+                    i0.ɵɵelementStart(20, "div", 17);
+                    i0.ɵɵtemplate(21, UCSearchComponent_div_21_Template, 17, 16, "div", 18);
+                    i0.ɵɵtemplate(22, UCSearchComponent_div_22_Template, 8, 2, "div", 19);
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementStart(23, "div", 20);
+                    i0.ɵɵelementStart(24, "div", 21);
+                    i0.ɵɵtemplate(25, UCSearchComponent_button_25_Template, 5, 0, "button", 22);
+                    i0.ɵɵelementStart(26, "button", 23);
+                    i0.ɵɵlistener("click", function UCSearchComponent_Template_button_click_26_listener() { return ctx.reset(); });
+                    i0.ɵɵelement(27, "i", 24);
+                    i0.ɵɵtext(28, "\u00A0");
+                    i0.ɵɵelementStart(29, "span", 25);
+                    i0.ɵɵtext(30, "Reset");
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵtemplate(31, UCSearchComponent_button_31_Template, 6, 0, "button", 26);
+                    i0.ɵɵtemplate(32, UCSearchComponent_button_32_Template, 5, 0, "button", 27);
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelementEnd();
+                    i0.ɵɵelement(33, "br");
+                }
+                if (rf & 2) {
+                    var _r4 = i0.ɵɵreference(16);
+                    var _r6 = i0.ɵɵreference(18);
+                    i0.ɵɵadvance(4);
+                    i0.ɵɵproperty("ngIf", (ctx.configuration == null ? null : ctx.configuration.title) != undefined && (ctx.configuration == null ? null : ctx.configuration.title) != "");
+                    i0.ɵɵadvance(9);
+                    i0.ɵɵproperty("ngClass", ctx.isHidden ? "fa-chevron-right" : "fa-chevron-down");
+                    i0.ɵɵadvance(1);
+                    i0.ɵɵproperty("ngIf", (ctx.configuration == null ? null : ctx.configuration.sectionTitle) != undefined && (ctx.configuration == null ? null : ctx.configuration.sectionTitle) != "")("ngIfThen", _r4)("ngIfElse", _r6);
+                    i0.ɵɵadvance(5);
+                    i0.ɵɵproperty("@changeDivSize", ctx.currentState);
+                    i0.ɵɵadvance(2);
+                    i0.ɵɵproperty("ngForOf", ctx.configuration == null ? null : ctx.configuration.component);
+                    i0.ɵɵadvance(1);
+                    i0.ɵɵproperty("ngIf", ctx.isReport != undefined && ctx.isReport);
+                    i0.ɵɵadvance(3);
+                    i0.ɵɵproperty("ngIf", ctx.exportData == true);
+                    i0.ɵɵadvance(6);
+                    i0.ɵɵproperty("ngIf", ctx.isReport == undefined || !ctx.isReport);
+                    i0.ɵɵadvance(1);
+                    i0.ɵɵproperty("ngIf", ctx.isReport != undefined && ctx.isReport);
+                }
+            }, directives: [i5.NgIf, i6.ɵangular_packages_forms_forms_bh, i6.NgControlStatusGroup, i6.NgForm, i5.NgClass, i5.NgForOf, i2.TranslateDirective, i8.UpperCaseDirective, i6.DefaultValueAccessor, i6.NgControlStatus, i6.NgModel, i6.RequiredValidator, i6.ɵangular_packages_forms_forms_be, i1$1.CurrencyMaskDirective, i6.NgSelectOption, i6.ɵangular_packages_forms_forms_s, i6.SelectControlValueAccessor, i10.UcShowErrorsComponent], pipes: [i5.DatePipe, TextSearchPipe], styles: [".ucSearch-title[_ngcontent-%COMP%]{margin:3px}.dds-input[_ngcontent-%COMP%]{background-color:#fff;text-transform:uppercase}.dds-display-item[_ngcontent-%COMP%]:after{content:'\\e929';font-family:feather;font-size:1rem;display:inline-block;position:absolute;right:5px;top:5px;transform:rotate(90deg)}.dds-list-container[_ngcontent-%COMP%]{position:absolute;width:100%;z-index:9}"], data: { animation: [
+                    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'))
+                    ]),
+                ] } });
         return UCSearchComponent;
-    }());
+    }());
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(UCSearchComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'lib-UCSearch',
+                        templateUrl: './ucsearch.component.html',
+                        styleUrls: ['./ucsearch.component.css'],
+                        providers: [ExcelService, i5.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'))
+                            ]),
+                        ]
+                    }]
+            }], function () {
+            return [{ type: i1.HttpClient }, { type: ExcelService }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i5.DOCUMENT]
+                        }] }, { type: i3.ToastrService }, { type: i4.CookieService }, { type: i5.DatePipe }, { type: i0.ElementRef }];
+        }, { content: [{
+                    type: i0.ViewChild,
+                    args: ['enjiForm']
+                }], myForm: [{
+                    type: i0.ViewChild,
+                    args: ['formIdSearch', { static: false }]
+                }], searchInput: [{
+                    type: i0.Input
+                }], pageSize: [{
+                    type: i0.Input
+                }], isReport: [{
+                    type: i0.Input
+                }], result: [{
+                    type: i0.Output
+                }], genRpt: [{
+                    type: i0.Output
+                }], reqGetAllData: [{
+                    type: i0.Output
+                }] });
+    })();
 
     /**
      * @fileoverview added by tsickle
@@ -1491,27 +2524,59 @@
         suffix: "",
         thousands: ",",
         nullable: false,
-        inputMode: ngxCurrency.CurrencyMaskInputMode.NATURAL
+        inputMode: i1$1.CurrencyMaskInputMode.NATURAL
     };
     var UCSearchModule = /** @class */ (function () {
         function UCSearchModule() {
         }
         UCSearchModule.decorators = [
             { type: i0.NgModule, args: [{
-                        declarations: [UCSearchComponent],
+                        declarations: [UCSearchComponent, TextSearchPipe],
                         imports: [
-                            common.CommonModule,
-                            forms.FormsModule,
-                            ucShowErrors.UcShowErrorsModule,
-                            ucDirectiveUpperCase.UcDirectiveUpperCaseModule,
-                            ngxCurrency.NgxCurrencyModule.forRoot(customCurrencyMaskConfig),
-                            core.TranslateModule.forChild()
+                            i5.CommonModule,
+                            i6.FormsModule,
+                            i10.UcShowErrorsModule,
+                            i8.UcDirectiveUpperCaseModule,
+                            i1$1.NgxCurrencyModule.forRoot(customCurrencyMaskConfig),
+                            i2.TranslateModule.forChild()
                         ],
                         exports: [UCSearchComponent]
-                    },] }
+                    },] },
         ];
+        /** @nocollapse */ UCSearchModule.ɵmod = i0.ɵɵdefineNgModule({ type: UCSearchModule });
+        /** @nocollapse */ UCSearchModule.ɵinj = i0.ɵɵdefineInjector({ factory: function UCSearchModule_Factory(t) { return new (t || UCSearchModule)(); }, imports: [[
+                    i5.CommonModule,
+                    i6.FormsModule,
+                    i10.UcShowErrorsModule,
+                    i8.UcDirectiveUpperCaseModule,
+                    i1$1.NgxCurrencyModule.forRoot(customCurrencyMaskConfig),
+                    i2.TranslateModule.forChild()
+                ]] });
         return UCSearchModule;
-    }());
+    }());
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(UCSearchModule, { declarations: [UCSearchComponent, TextSearchPipe], imports: [i5.CommonModule,
+                i6.FormsModule,
+                i10.UcShowErrorsModule,
+                i8.UcDirectiveUpperCaseModule, i1$1.NgxCurrencyModule, i2.TranslateModule], exports: [UCSearchComponent] });
+    })();
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(UCSearchModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [UCSearchComponent, TextSearchPipe],
+                        imports: [
+                            i5.CommonModule,
+                            i6.FormsModule,
+                            i10.UcShowErrorsModule,
+                            i8.UcDirectiveUpperCaseModule,
+                            i1$1.NgxCurrencyModule.forRoot(customCurrencyMaskConfig),
+                            i2.TranslateModule.forChild()
+                        ],
+                        exports: [UCSearchComponent]
+                    }]
+            }], null, null);
+    })();
 
     /**
      * @fileoverview added by tsickle
@@ -1527,7 +2592,6 @@
     exports.UCSearchComponent = UCSearchComponent;
     exports.customCurrencyMaskConfig = customCurrencyMaskConfig;
     exports.UCSearchModule = UCSearchModule;
-    exports.ɵa = ExcelService;
 
     Object.defineProperty(exports, '__esModule', { value: true });