@adins/ucsearch 2.9.1 → 2.9.3

package/fesm5/adins-ucsearch.js

@@ -1,3 +1,4 @@
+import { __awaiter, __generator } from 'tslib';
 import { HttpClient } from '@angular/common/http';
 import { saveAs } from 'file-saver';
 import { utils, write } from 'xlsx';
@@ -5,13 +6,13 @@ import { trigger, transition, style, animate, state } from '@angular/animations'
 import { ToastrService } from 'ngx-toastr';
 import { CookieService } from 'ngx-cookie';
 import { enc, lib, AES } from 'crypto-js';
-import { Injectable, NgModule, Component, Input, ViewChild, Inject, Renderer2, EventEmitter, Output, ɵɵdefineInjectable } from '@angular/core';
-import { DatePipe, formatDate, DOCUMENT, CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { CurrencyMaskInputMode, NgxCurrencyModule } from 'ngx-currency';
-import { TranslateModule } from '@ngx-translate/core';
-import { UcShowErrorsModule } from '@adins/uc-show-errors';
-import { UcDirectiveUpperCaseModule } from '@adins/uc-directive-upper-case';
+import { Injectable, NgModule, Pipe, ɵɵdefineInjectable, ɵsetClassMetadata, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, ɵɵelementStart, ɵɵtext, ɵɵelementEnd, ɵɵnextContext, ɵɵadvance, ɵɵtextInterpolate, ɵɵelement, ɵɵtextInterpolate1, ɵɵgetCurrentView, ɵɵlistener, ɵɵrestoreView, ɵɵreference, ɵɵpropertyInterpolate, ɵɵproperty, ɵɵpureFunction1, ɵɵattribute, ɵɵpureFunction0, ɵɵpureFunction7, ɵɵtemplate, ɵɵpipe, ɵɵpipeBind2, EventEmitter, Component, Renderer2, Inject, ElementRef, ViewChild, Input, Output, ɵɵdirectiveInject, ɵɵdefineComponent, ɵɵviewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ɵɵProvidersFeature, ɵɵtemplateRefExtractor, ɵɵdefinePipe } from '@angular/core';
+import { DatePipe, formatDate, DOCUMENT, CommonModule, NgIf, NgClass, NgForOf } from '@angular/common';
+import { NgForm, FormsModule, ɵangular_packages_forms_forms_bh, NgControlStatusGroup, DefaultValueAccessor, NgControlStatus, NgModel, RequiredValidator, ɵangular_packages_forms_forms_be, NgSelectOption, ɵangular_packages_forms_forms_s, SelectControlValueAccessor } from '@angular/forms';
+import { CurrencyMaskInputMode, NgxCurrencyModule, CurrencyMaskDirective } from 'ngx-currency';
+import { TranslateModule, TranslateDirective } from '@ngx-translate/core';
+import { UcShowErrorsModule, UcShowErrorsComponent } from '@adins/uc-show-errors';
+import { UcDirectiveUpperCaseModule, UpperCaseDirective } from '@adins/uc-directive-upper-case';
 
 /**
  * @fileoverview added by tsickle
@@ -23,13 +24,20 @@ var UCSearchService = /** @class */ (function () {
     UCSearchService.decorators = [
         { type: Injectable, args: [{
                     providedIn: 'root'
-                },] }
+                },] },
     ];
     /** @nocollapse */
     UCSearchService.ctorParameters = function () { return []; };
-    /** @nocollapse */ UCSearchService.ngInjectableDef = ɵɵ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 = ɵɵdefineInjectable({ token: UCSearchService, factory: UCSearchService.ɵfac, providedIn: 'root' });
     return UCSearchService;
-}());
+}());
+/*@__PURE__*/ (function () { ɵsetClassMetadata(UCSearchService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return []; }, null); })();
 
 /**
  * @fileoverview added by tsickle
@@ -183,12 +191,17 @@ var ExcelService = /** @class */ (function () {
         saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
     };
     ExcelService.decorators = [
-        { type: Injectable }
+        { type: Injectable },
     ];
     /** @nocollapse */
     ExcelService.ctorParameters = function () { return []; };
+    /** @nocollapse */ ExcelService.ɵfac = function ExcelService_Factory(t) { return new (t || ExcelService)(); };
+    /** @nocollapse */ ExcelService.ɵprov = ɵɵdefineInjectable({ token: ExcelService, factory: ExcelService.ɵfac });
     return ExcelService;
-}());
+}());
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ExcelService, [{
+        type: Injectable
+    }], function () { return []; }, null); })();
 
 /**
  * @fileoverview added by tsickle
@@ -246,8 +259,591 @@ var ListKeyValueMonth = /** @class */ (function () {
  * @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: Pipe, args: [{
+                    name: 'textSearch'
+                },] },
+    ];
+    /** @nocollapse */ TextSearchPipe.ɵfac = function TextSearchPipe_Factory(t) { return new (t || TextSearchPipe)(); };
+    /** @nocollapse */ TextSearchPipe.ɵpipe = ɵɵdefinePipe({ name: "textSearch", type: TextSearchPipe, pure: true });
+    return TextSearchPipe;
+}());
+/*@__PURE__*/ (function () { ɵsetClassMetadata(TextSearchPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'textSearch'
+            }]
+    }], null, null); })();
+
+var _c0 = ["enjiForm"];
+var _c1 = ["formIdSearch"];
+function UCSearchComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 28);
+    ɵɵelementStart(1, "h4", 29);
+    ɵɵtext(2);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(2);
+    ɵɵtextInterpolate(ctx_r0.configuration.title);
+} }
+function UCSearchComponent_span_14_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "span");
+} }
+function UCSearchComponent_ng_template_15_Template(rf, ctx) { if (rf & 1) {
+    ɵɵtext(0);
+} if (rf & 2) {
+    var ctx_r5 = ɵɵnextContext();
+    ɵɵtextInterpolate1(" ", ctx_r5.configuration == null ? null : ctx_r5.configuration.sectionTitle, " ");
+} }
+function UCSearchComponent_ng_template_17_Template(rf, ctx) { if (rf & 1) {
+    ɵɵ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 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "input", 35);
+    ɵɵlistener("keyup.enter", function UCSearchComponent_div_21_div_6_Template_input_keyup_enter_1_listener() { ɵɵrestoreView(_r27); var ctx_r26 = ɵɵnextContext(2); return ctx_r26.searchClick(); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("id", question_r13.id);
+    ɵɵpropertyInterpolate("name", question_r13.name);
+    ɵɵpropertyInterpolate("value", question_r13.value);
+    ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("ngClass", ɵɵ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)));
+    ɵɵ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) {
+    ɵɵelementStart(0, "div");
+    ɵɵelement(1, "textarea", 36);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("id", question_r13.id);
+    ɵɵpropertyInterpolate("name", question_r13.name);
+    ɵɵpropertyInterpolate("value", question_r13.value);
+    ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("ngClass", ɵɵ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)));
+    ɵɵ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 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "input", 37);
+    ɵɵlistener("focus", function UCSearchComponent_div_21_div_8_Template_input_focus_1_listener($event) { ɵɵrestoreView(_r31); var ctx_r30 = ɵɵnextContext(2); return ctx_r30.transformToDecimal($event); })("blur", function UCSearchComponent_div_21_div_8_Template_input_blur_1_listener($event) { ɵɵrestoreView(_r31); var ctx_r32 = ɵɵnextContext(2); return ctx_r32.transformAmount($event); })("keyup.enter", function UCSearchComponent_div_21_div_8_Template_input_keyup_enter_1_listener() { ɵɵrestoreView(_r31); var ctx_r33 = ɵɵnextContext(2); return ctx_r33.searchClick(); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var ctx_r34 = ɵɵnextContext();
+    var question_r13 = ctx_r34.$implicit;
+    var i_r14 = ctx_r34.index;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("id", question_r13.id);
+    ɵɵpropertyInterpolate("name", question_r13.name + ɵɵpureFunction1(13, _c3, i_r14));
+    ɵɵpropertyInterpolate("value", question_r13.value);
+    ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("ngClass", ɵɵpureFunction1(27, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name + ɵɵpureFunction1(15, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + ɵɵpureFunction1(17, _c3, i_r14)].touched) || (_r2.form.controls[question_r13.name + ɵɵpureFunction1(19, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + ɵɵpureFunction1(21, _c3, i_r14)].dirty)) && (_r2.form.controls[question_r13.name + ɵɵpureFunction1(23, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + ɵɵpureFunction1(25, _c3, i_r14)].invalid)));
+    ɵɵ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 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "input", 38);
+    ɵɵlistener("keyup.enter", function UCSearchComponent_div_21_div_9_div_1_Template_input_keyup_enter_1_listener() { ɵɵrestoreView(_r38); var ctx_r37 = ɵɵnextContext(3); return ctx_r37.searchClick(); })("ngModelChange", function UCSearchComponent_div_21_div_9_div_1_Template_input_ngModelChange_1_listener($event) { ɵɵrestoreView(_r38); var question_r13 = ɵɵnextContext(2).$implicit; return question_r13.value = $event; });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext(2).$implicit;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("id", question_r13.id);
+    ɵɵpropertyInterpolate("name", question_r13.name);
+    ɵɵproperty("required", question_r13.isRequired)("ngModel", question_r13.value)("ngModel", question_r13.value)("ngModelOptions", ɵɵpureFunction0(13, _c4))("options", ɵɵ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", ɵɵ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)));
+    ɵɵ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 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "input", 39);
+    ɵɵlistener("keyup.enter", function UCSearchComponent_div_21_div_9_div_2_Template_input_keyup_enter_1_listener() { ɵɵrestoreView(_r43); var ctx_r42 = ɵɵnextContext(3); return ctx_r42.searchClick(); })("ngModelChange", function UCSearchComponent_div_21_div_9_div_2_Template_input_ngModelChange_1_listener($event) { ɵɵrestoreView(_r43); var question_r13 = ɵɵnextContext(2).$implicit; return question_r13.value = $event; });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext(2).$implicit;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("id", question_r13.id);
+    ɵɵpropertyInterpolate("name", question_r13.name);
+    ɵɵproperty("required", question_r13.isRequired)("ngModel", question_r13.value)("ngModel", question_r13.value)("ngModelOptions", ɵɵpureFunction0(13, _c4))("options", ɵɵpureFunction0(14, _c6))("ngClass", ɵɵ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)));
+    ɵɵ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) {
+    ɵɵelementStart(0, "div");
+    ɵɵtemplate(1, UCSearchComponent_div_21_div_9_div_1_Template, 2, 24, "div", 33);
+    ɵɵtemplate(2, UCSearchComponent_div_21_div_9_div_2_Template, 2, 17, "div", 33);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext().$implicit;
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", (question_r13 == null ? null : question_r13.isCustom) != undefined && (question_r13 == null ? null : question_r13.isCustom));
+    ɵɵadvance(1);
+    ɵɵ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 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "input", 40);
+    ɵɵlistener("keyup.enter", function UCSearchComponent_div_21_div_10_Template_input_keyup_enter_1_listener() { ɵɵrestoreView(_r49); var ctx_r48 = ɵɵnextContext(2); return ctx_r48.searchClick(); })("focusout", function UCSearchComponent_div_21_div_10_Template_input_focusout_1_listener() { ɵɵrestoreView(_r49); var question_r13 = ɵɵnextContext().$implicit; var ctx_r50 = ɵɵnextContext(); return question_r13.restriction != undefined && ctx_r50.checkInputDate(question_r13); });
+    ɵɵpipe(2, "date");
+    ɵɵpipe(3, "date");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var ctx_r52 = ɵɵnextContext();
+    var question_r13 = ctx_r52.$implicit;
+    var i_r14 = ctx_r52.index;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("type", question_r13.isTime ? "datetime-local" : "date");
+    ɵɵpropertyInterpolate("id", question_r13.id);
+    ɵɵpropertyInterpolate("name", question_r13.name + ɵɵpureFunction1(23, _c3, i_r14));
+    ɵɵpropertyInterpolate("value", question_r13.value);
+    ɵɵpropertyInterpolate("min", ɵɵpipeBind2(2, 17, question_r13.minDate, "yyyy-MM-dd"));
+    ɵɵpropertyInterpolate("max", ɵɵpipeBind2(3, 20, question_r13.maxDate, "yyyy-MM-dd"));
+    ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("readonly", question_r13.readonly)("ngClass", ɵɵpureFunction1(37, _c2, (_r2.submitted || (_r2.form.controls[question_r13.name + ɵɵpureFunction1(25, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + ɵɵpureFunction1(27, _c3, i_r14)].touched) || (_r2.form.controls[question_r13.name + ɵɵpureFunction1(29, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + ɵɵpureFunction1(31, _c3, i_r14)].dirty)) && (_r2.form.controls[question_r13.name + ɵɵpureFunction1(33, _c3, i_r14)] == null ? null : _r2.form.controls[question_r13.name + ɵɵpureFunction1(35, _c3, i_r14)].invalid)));
+    ɵɵ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) {
+    ɵɵelementStart(0, "option", 45);
+    ɵɵtext(1, "Select One");
+    ɵɵelementEnd();
+} }
+function UCSearchComponent_div_21_div_11_option_3_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "option", 46);
+    ɵɵtext(1, "All");
+    ɵɵelementEnd();
+} }
+function UCSearchComponent_div_21_div_11_option_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "option", 47);
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var item_r57 = ctx.$implicit;
+    ɵɵpropertyInterpolate("value", item_r57.Key);
+    ɵɵadvance(1);
+    ɵɵtextInterpolate1(" ", item_r57.Value, " ");
+} }
+function UCSearchComponent_div_21_div_11_label_5_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "label");
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext(2).$implicit;
+    ɵɵadvance(1);
+    ɵɵtextInterpolate(question_r13.itemsUrl[0].Value);
+} }
+function UCSearchComponent_div_21_div_11_Template(rf, ctx) { if (rf & 1) {
+    var _r61 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "select", 41);
+    ɵɵlistener("change", function UCSearchComponent_div_21_div_11_Template_select_change_1_listener() { ɵɵrestoreView(_r61); var ctx_r60 = ɵɵnextContext(); var question_r13 = ctx_r60.$implicit; var i_r14 = ctx_r60.index; var ctx_r59 = ɵɵnextContext(); return question_r13.type == "taskDefinitionKey" || question_r13.type == "processKey" ? ctx_r59.SetProcessKey(i_r14, question_r13.wfKeyFilter) : ctx_r59.SetRoleOfficeCodes(i_r14); });
+    ɵɵtemplate(2, UCSearchComponent_div_21_div_11_option_2_Template, 2, 0, "option", 42);
+    ɵɵtemplate(3, UCSearchComponent_div_21_div_11_option_3_Template, 2, 0, "option", 43);
+    ɵɵtemplate(4, UCSearchComponent_div_21_div_11_option_4_Template, 2, 2, "option", 44);
+    ɵɵelementEnd();
+    ɵɵtemplate(5, UCSearchComponent_div_21_div_11_label_5_Template, 2, 1, "label", 33);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("name", question_r13.name);
+    ɵɵproperty("required", question_r13.isRequired)("hidden", (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) == 1)("ngClass", ɵɵ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)));
+    ɵɵattribute("data-required", question_r13.isRequired)("query-in", question_r13.isQueryIn)("data-type", question_r13.datatype)("label", question_r13.label);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.ddlType == "one" && (question_r13 == null ? null : question_r13.itemsUrl == null ? null : question_r13.itemsUrl.length) != 1);
+    ɵɵadvance(1);
+    ɵɵ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);
+    ɵɵadvance(1);
+    ɵɵproperty("ngForOf", question_r13 == null ? null : question_r13.itemsUrl);
+    ɵɵadvance(1);
+    ɵɵ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) {
+    ɵɵelementStart(0, "option", 45);
+    ɵɵtext(1, " Select One");
+    ɵɵelementEnd();
+} }
+function UCSearchComponent_div_21_div_12_option_3_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "option", 46);
+    ɵɵtext(1, "All");
+    ɵɵelementEnd();
+} }
+function UCSearchComponent_div_21_div_12_option_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "option", 47);
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var item_r67 = ctx.$implicit;
+    var question_r13 = ɵɵnextContext(2).$implicit;
+    ɵɵpropertyInterpolate("value", !question_r13.isFromURL ? item_r67.key : item_r67.Key);
+    ɵɵadvance(1);
+    ɵɵtextInterpolate1(" ", !question_r13.isFromURL ? item_r67.value : item_r67.Value, " ");
+} }
+function UCSearchComponent_div_21_div_12_label_5_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "label");
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext(2).$implicit;
+    ɵɵadvance(1);
+    ɵɵ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 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "select", 48);
+    ɵɵlistener("ngModelChange", function UCSearchComponent_div_21_div_12_Template_select_ngModelChange_1_listener($event) { ɵɵrestoreView(_r72); var question_r13 = ɵɵnextContext().$implicit; return question_r13.value = $event; })("change", function UCSearchComponent_div_21_div_12_Template_select_change_1_listener($event) { ɵɵrestoreView(_r72); var question_r13 = ɵɵnextContext().$implicit; var ctx_r73 = ɵɵnextContext(); return question_r13.isEvent ? ctx_r73.onChangeEvent($event.target.value, question_r13) : ""; });
+    ɵɵtemplate(2, UCSearchComponent_div_21_div_12_option_2_Template, 2, 0, "option", 42);
+    ɵɵtemplate(3, UCSearchComponent_div_21_div_12_option_3_Template, 2, 0, "option", 43);
+    ɵɵtemplate(4, UCSearchComponent_div_21_div_12_option_4_Template, 2, 2, "option", 44);
+    ɵɵelementEnd();
+    ɵɵtemplate(5, UCSearchComponent_div_21_div_12_label_5_Template, 2, 1, "label", 33);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("name", question_r13.name);
+    ɵɵ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", ɵɵ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)));
+    ɵɵ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);
+    ɵɵadvance(1);
+    ɵɵ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));
+    ɵɵadvance(1);
+    ɵɵ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));
+    ɵɵadvance(1);
+    ɵɵproperty("ngForOf", !question_r13.isFromURL ? question_r13 == null ? null : question_r13.items : question_r13 == null ? null : question_r13.itemsUrl);
+    ɵɵadvance(1);
+    ɵɵ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) {
+    ɵɵelementStart(0, "label");
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext(2).$implicit;
+    ɵɵadvance(1);
+    ɵɵtextInterpolate(question_r13.descr);
+} }
+function UCSearchComponent_div_21_div_13_option_8_Template(rf, ctx) { if (rf & 1) {
+    var _r83 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "option", 58);
+    ɵɵlistener("click", function UCSearchComponent_div_21_div_13_option_8_Template_option_click_0_listener() { ɵɵrestoreView(_r83); var question_r13 = ɵɵnextContext(2).$implicit; var ctx_r81 = ɵɵnextContext(); return ctx_r81.selectedOption({ Key: "one", Value: "Select One" }, question_r13); });
+    ɵɵtext(1, " Select One");
+    ɵɵelementEnd();
+} }
+function UCSearchComponent_div_21_div_13_option_9_Template(rf, ctx) { if (rf & 1) {
+    var _r86 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "option", 59);
+    ɵɵlistener("click", function UCSearchComponent_div_21_div_13_option_9_Template_option_click_0_listener() { ɵɵrestoreView(_r86); var question_r13 = ɵɵnextContext(2).$implicit; var ctx_r84 = ɵɵnextContext(); return ctx_r84.selectedOption({ Key: "all", Value: "All" }, question_r13); });
+    ɵɵtext(1, "All");
+    ɵɵelementEnd();
+} }
+function UCSearchComponent_div_21_div_13_option_10_Template(rf, ctx) { if (rf & 1) {
+    var _r90 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "option", 60);
+    ɵɵlistener("click", function UCSearchComponent_div_21_div_13_option_10_Template_option_click_0_listener() { ɵɵrestoreView(_r90); var item_r87 = ctx.$implicit; var question_r13 = ɵɵnextContext(2).$implicit; var ctx_r88 = ɵɵnextContext(); return ctx_r88.selectedOption(item_r87, question_r13); });
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var item_r87 = ctx.$implicit;
+    ɵɵpropertyInterpolate("value", item_r87.Key);
+    ɵɵadvance(1);
+    ɵɵtextInterpolate1(" ", item_r87.Value, " ");
+} }
+function UCSearchComponent_div_21_div_13_Template(rf, ctx) { if (rf & 1) {
+    var _r93 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "div", 49);
+    ɵɵelementStart(2, "input", 50);
+    ɵɵlistener("ngModelChange", function UCSearchComponent_div_21_div_13_Template_input_ngModelChange_2_listener($event) { ɵɵrestoreView(_r93); var question_r13 = ɵɵnextContext().$implicit; return question_r13.descr = $event; })("click", function UCSearchComponent_div_21_div_13_Template_input_click_2_listener() { ɵɵrestoreView(_r93); var question_r13 = ɵɵnextContext().$implicit; question_r13.isListHide = !question_r13.isListHide; return question_r13.searchText = ""; });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵtemplate(3, UCSearchComponent_div_21_div_13_label_3_Template, 2, 1, "label", 33);
+    ɵɵelementStart(4, "div", 51);
+    ɵɵelementStart(5, "input", 52);
+    ɵɵlistener("ngModelChange", function UCSearchComponent_div_21_div_13_Template_input_ngModelChange_5_listener($event) { ɵɵrestoreView(_r93); var question_r13 = ɵɵnextContext().$implicit; return question_r13.searchText = $event; });
+    ɵɵelementEnd();
+    ɵɵelementStart(6, "div", 53);
+    ɵɵelementStart(7, "select", 54);
+    ɵɵlistener("ngModelChange", function UCSearchComponent_div_21_div_13_Template_select_ngModelChange_7_listener($event) { ɵɵrestoreView(_r93); var question_r13 = ɵɵnextContext().$implicit; return question_r13.value = $event; })("change", function UCSearchComponent_div_21_div_13_Template_select_change_7_listener($event) { ɵɵrestoreView(_r93); var question_r13 = ɵɵnextContext().$implicit; var ctx_r100 = ɵɵnextContext(); return question_r13.isEvent ? ctx_r100.onChangeEvent($event.target.value, question_r13) : ""; });
+    ɵɵtemplate(8, UCSearchComponent_div_21_div_13_option_8_Template, 2, 0, "option", 55);
+    ɵɵtemplate(9, UCSearchComponent_div_21_div_13_option_9_Template, 2, 0, "option", 56);
+    ɵɵtemplate(10, UCSearchComponent_div_21_div_13_option_10_Template, 2, 2, "option", 57);
+    ɵɵpipe(11, "textSearch");
+    ɵɵpipe(12, "textSearch");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵadvance(1);
+    ɵɵ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);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("name", "ddsValue" + question_r13.name);
+    ɵɵproperty("ngModel", question_r13.descr);
+    ɵɵadvance(1);
+    ɵɵ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);
+    ɵɵadvance(1);
+    ɵɵproperty("hidden", question_r13.isListHide);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("name", "searchText" + question_r13.name);
+    ɵɵproperty("ngModel", question_r13.searchText)("placeholder", question_r13.placeholder);
+    ɵɵadvance(2);
+    ɵɵpropertyInterpolate("name", question_r13.name);
+    ɵɵpropertyInterpolate("size", (question_r13 == null ? null : question_r13.size) == undefined ? question_r13 == null ? null : question_r13.size : 10);
+    ɵɵproperty("ngModel", question_r13.value)("required", question_r13.isRequired)("ngClass", ɵɵ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)));
+    ɵɵ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);
+    ɵɵadvance(1);
+    ɵɵ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));
+    ɵɵadvance(1);
+    ɵɵ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));
+    ɵɵadvance(1);
+    ɵɵproperty("ngForOf", !question_r13.isFromURL ? ɵɵpipeBind2(11, 22, question_r13 == null ? null : question_r13.items, question_r13.searchText) : ɵɵ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) {
+    ɵɵelementStart(0, "option", 45);
+    ɵɵtext(1, "Select One");
+    ɵɵelementEnd();
+} }
+function UCSearchComponent_div_21_div_14_option_3_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "option", 46);
+    ɵɵtext(1, "All");
+    ɵɵelementEnd();
+} }
+function UCSearchComponent_div_21_div_14_option_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "option", 47);
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var item_r106 = ctx.$implicit;
+    ɵɵpropertyInterpolate("value", item_r106.Key);
+    ɵɵadvance(1);
+    ɵɵtextInterpolate1(" ", item_r106.Value, " ");
+} }
+function UCSearchComponent_div_21_div_14_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "select", 61);
+    ɵɵtemplate(2, UCSearchComponent_div_21_div_14_option_2_Template, 2, 0, "option", 42);
+    ɵɵtemplate(3, UCSearchComponent_div_21_div_14_option_3_Template, 2, 0, "option", 43);
+    ɵɵtemplate(4, UCSearchComponent_div_21_div_14_option_4_Template, 2, 2, "option", 44);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var ctx_r107 = ɵɵnextContext();
+    var i_r14 = ctx_r107.index;
+    var question_r13 = ctx_r107.$implicit;
+    var ctx_r23 = ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵadvance(1);
+    ɵɵpropertyInterpolate("name", "claim" + ɵɵpureFunction1(9, _c3, i_r14));
+    ɵɵproperty("hidden", (ctx_r23.ClaimList == null ? null : ctx_r23.ClaimList.length) == 1)("ngClass", ɵɵpureFunction1(23, _c2, (_r2.submitted || (_r2.form.controls["claim" + ɵɵpureFunction1(11, _c3, i_r14)] == null ? null : _r2.form.controls["claim" + ɵɵpureFunction1(13, _c3, i_r14)].touched) || (_r2.form.controls["claim" + ɵɵpureFunction1(15, _c3, i_r14)] == null ? null : _r2.form.controls["claim" + ɵɵpureFunction1(17, _c3, i_r14)].dirty)) && (_r2.form.controls["claim" + ɵɵpureFunction1(19, _c3, i_r14)] == null ? null : _r2.form.controls["claim" + ɵɵpureFunction1(21, _c3, i_r14)].invalid)));
+    ɵɵattribute("data-type", "text")("data-crit-datatable", question_r13.isCriteriaDataTable)("data-name", "Assignee");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.ddlType == "one" && (ctx_r23.ClaimList == null ? null : ctx_r23.ClaimList.length) != 1);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ((question_r13 == null ? null : question_r13.ddlType) == undefined || question_r13.ddlType == "all") && (ctx_r23.ClaimList == null ? null : ctx_r23.ClaimList.length) != 1);
+    ɵɵadvance(1);
+    ɵɵproperty("ngForOf", ctx_r23.ClaimList);
+} }
+function UCSearchComponent_div_21_lib_uc_show_errors_15_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "lib-uc-show-errors", 62);
+} if (rf & 2) {
+    var question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵ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) {
+    ɵɵelement(0, "lib-uc-show-errors", 62);
+} if (rf & 2) {
+    var ctx_r109 = ɵɵnextContext();
+    var question_r13 = ctx_r109.$implicit;
+    var i_r14 = ctx_r109.index;
+    ɵɵnextContext();
+    var _r2 = ɵɵreference(9);
+    ɵɵproperty("control", _r2.form.controls[question_r13.name + ɵɵ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) {
+    ɵɵelementStart(0, "div", 30);
+    ɵɵelementStart(1, "div", 2);
+    ɵɵelementStart(2, "div", 17);
+    ɵɵelementStart(3, "label", 31);
+    ɵɵtext(4);
+    ɵɵelementEnd();
+    ɵɵelementStart(5, "div", 32);
+    ɵɵtemplate(6, UCSearchComponent_div_21_div_6_Template, 2, 14, "div", 33);
+    ɵɵtemplate(7, UCSearchComponent_div_21_div_7_Template, 2, 12, "div", 33);
+    ɵɵtemplate(8, UCSearchComponent_div_21_div_8_Template, 2, 29, "div", 33);
+    ɵɵtemplate(9, UCSearchComponent_div_21_div_9_Template, 3, 2, "div", 33);
+    ɵɵtemplate(10, UCSearchComponent_div_21_div_10_Template, 4, 39, "div", 33);
+    ɵɵtemplate(11, UCSearchComponent_div_21_div_11_Template, 6, 14, "div", 33);
+    ɵɵtemplate(12, UCSearchComponent_div_21_div_12_Template, 6, 17, "div", 33);
+    ɵɵtemplate(13, UCSearchComponent_div_21_div_13_Template, 13, 30, "div", 33);
+    ɵɵtemplate(14, UCSearchComponent_div_21_div_14_Template, 5, 25, "div", 33);
+    ɵɵtemplate(15, UCSearchComponent_div_21_lib_uc_show_errors_15_Template, 1, 2, "lib-uc-show-errors", 34);
+    ɵɵtemplate(16, UCSearchComponent_div_21_lib_uc_show_errors_16_Template, 1, 4, "lib-uc-show-errors", 34);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var question_r13 = ctx.$implicit;
+    ɵɵadvance(3);
+    ɵɵpropertyInterpolate("for", question_r13.id);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(14, _c7, question_r13.isRequired || (question_r13 == null ? null : question_r13.ddlType) != undefined && question_r13.ddlType == "one"));
+    ɵɵadvance(1);
+    ɵɵtextInterpolate(question_r13.label);
+    ɵɵadvance(2);
+    ɵɵproperty("ngIf", question_r13.type == "textbox");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.type == "textarea");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.type == "numeric");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.type == "currency");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.type == "datepicker");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.type == "taskDefinitionKey" || question_r13.type == "processKey" || question_r13.type == "officeRoleCodes");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.type == "dropdown");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.type == "dropdownSearch");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.type == "claim");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.type != "datepicker");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", question_r13.type == "datepicker");
+} }
+function UCSearchComponent_div_22_option_7_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "option", 47);
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var item_r111 = ctx.$implicit;
+    ɵɵproperty("value", item_r111.key);
+    ɵɵadvance(1);
+    ɵɵtextInterpolate(item_r111.value);
+} }
+function UCSearchComponent_div_22_Template(rf, ctx) { if (rf & 1) {
+    var _r113 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 30);
+    ɵɵelementStart(1, "div", 2);
+    ɵɵelementStart(2, "div", 17);
+    ɵɵelementStart(3, "label", 63);
+    ɵɵtext(4, "Report Type");
+    ɵɵelementEnd();
+    ɵɵelementStart(5, "div", 32);
+    ɵɵelementStart(6, "select", 64);
+    ɵɵlistener("ngModelChange", function UCSearchComponent_div_22_Template_select_ngModelChange_6_listener($event) { ɵɵrestoreView(_r113); var ctx_r112 = ɵɵnextContext(); return ctx_r112.ExportType = $event; });
+    ɵɵtemplate(7, UCSearchComponent_div_22_option_7_Template, 2, 2, "option", 44);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    var ctx_r9 = ɵɵnextContext();
+    ɵɵadvance(6);
+    ɵɵproperty("ngModel", ctx_r9.ExportType);
+    ɵɵadvance(1);
+    ɵɵproperty("ngForOf", ctx_r9.ExportTypeList);
+} }
+function UCSearchComponent_button_25_Template(rf, ctx) { if (rf & 1) {
+    var _r115 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "button", 65);
+    ɵɵlistener("click", function UCSearchComponent_button_25_Template_button_click_0_listener() { ɵɵrestoreView(_r115); var ctx_r114 = ɵɵnextContext(); return ctx_r114.exportAsXLSX(); });
+    ɵɵelement(1, "i", 66);
+    ɵɵtext(2, "\u00A0");
+    ɵɵelementStart(3, "span", 25);
+    ɵɵtext(4, "Export Excel");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} }
+function UCSearchComponent_button_31_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "button", 67, 68);
+    ɵɵelement(2, "i", 69);
+    ɵɵtext(3, "\u00A0");
+    ɵɵelementStart(4, "span", 25);
+    ɵɵtext(5, "Search");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} }
+function UCSearchComponent_button_32_Template(rf, ctx) { if (rf & 1) {
+    var _r118 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "button", 70);
+    ɵɵlistener("click", function UCSearchComponent_button_32_Template_button_click_0_listener() { ɵɵrestoreView(_r118); var ctx_r117 = ɵɵnextContext(); return ctx_r117.GenerateReport(); });
+    ɵɵelement(1, "i", 66);
+    ɵɵtext(2, "\u00A0");
+    ɵɵelementStart(3, "span", 25);
+    ɵɵtext(4, "Generate Report");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} }
 var UCSearchComponent = /** @class */ (function () {
-    function UCSearchComponent(http, excelService, _renderer2, _document, toastr, cookieService, datePipe) {
+    function UCSearchComponent(http, excelService, _renderer2, _document, toastr, cookieService, datePipe, elemRef) {
         this.http = http;
         this.excelService = excelService;
         this._renderer2 = _renderer2;
@@ -255,6 +851,7 @@ var UCSearchComponent = /** @class */ (function () {
         this.toastr = toastr;
         this.cookieService = cookieService;
         this.datePipe = datePipe;
+        this.elemRef = elemRef;
         this.searchInput = new InputSearchObj();
         this.pageSize = 10;
         this.isReport = false;
@@ -308,13 +905,23 @@ var UCSearchComponent = /** @class */ (function () {
         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 {?}
@@ -324,7 +931,7 @@ var UCSearchComponent = /** @class */ (function () {
                 this.searchForm = content;
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -344,18 +951,27 @@ var UCSearchComponent = /** @class */ (function () {
      * @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 {?}
@@ -364,151 +980,173 @@ var UCSearchComponent = /** @class */ (function () {
      * @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);
+                            _this.countForm = data.component.length;
+                            _this.isDataLoaded = true;
+                            if (_this.searchInput.title != undefined && _this.searchInput.title != "") {
+                                _this.configuration.title = _this.searchInput.title;
                             }
-                            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 = 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;
+                            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 = 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
@@ -764,10 +1402,20 @@ var UCSearchComponent = /** @class */ (function () {
      * @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
@@ -813,11 +1461,19 @@ var UCSearchComponent = /** @class */ (function () {
         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();
@@ -1026,6 +1682,10 @@ var UCSearchComponent = /** @class */ (function () {
                  */
                 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);
             }
@@ -1447,10 +2107,25 @@ var UCSearchComponent = /** @class */ (function () {
             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: 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 -->",
+                    templateUrl: './ucsearch.component.html',
+                    styleUrls: ['./ucsearch.component.css'],
                     providers: [ExcelService, DatePipe],
                     animations: [
                         trigger('changeDivSize', [
@@ -1466,9 +2141,8 @@ var UCSearchComponent = /** @class */ (function () {
                             transition('initial=>final', animate('300ms')),
                             transition('final=>initial', animate('300ms'))
                         ]),
-                    ],
-                    styles: [".ucSearch-title{margin:3px}"]
-                }] }
+                    ]
+                },] },
     ];
     /** @nocollapse */
     UCSearchComponent.ctorParameters = function () { return [
@@ -1478,10 +2152,11 @@ var UCSearchComponent = /** @class */ (function () {
         { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
         { type: ToastrService },
         { type: CookieService },
-        { type: DatePipe }
+        { type: DatePipe },
+        { type: ElementRef }
     ]; };
     UCSearchComponent.propDecorators = {
-        content: [{ type: ViewChild, args: ['enjiForm', { static: false },] }],
+        content: [{ type: ViewChild, args: ['enjiForm',] }],
         myForm: [{ type: ViewChild, args: ['formIdSearch', { static: false },] }],
         searchInput: [{ type: Input }],
         pageSize: [{ type: Input }],
@@ -1490,8 +2165,148 @@ var UCSearchComponent = /** @class */ (function () {
         genRpt: [{ type: Output }],
         reqGetAllData: [{ type: Output }]
     };
+    /** @nocollapse */ UCSearchComponent.ɵfac = function UCSearchComponent_Factory(t) { return new (t || UCSearchComponent)(ɵɵdirectiveInject(HttpClient), ɵɵdirectiveInject(ExcelService), ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(DOCUMENT), ɵɵdirectiveInject(ToastrService), ɵɵdirectiveInject(CookieService), ɵɵdirectiveInject(DatePipe), ɵɵdirectiveInject(ElementRef)); };
+    /** @nocollapse */ UCSearchComponent.ɵcmp = ɵɵdefineComponent({ type: UCSearchComponent, selectors: [["lib-UCSearch"]], viewQuery: function UCSearchComponent_Query(rf, ctx) { if (rf & 1) {
+            ɵɵviewQuery(_c0, true);
+            ɵɵviewQuery(_c1, true);
+        } if (rf & 2) {
+            var _t;
+            ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.content = _t.first);
+            ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.myForm = _t.first);
+        } }, inputs: { searchInput: "searchInput", pageSize: "pageSize", isReport: "isReport" }, outputs: { result: "result", genRpt: "genRpt", reqGetAllData: "reqGetAllData" }, features: [ɵɵProvidersFeature([ExcelService, 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 = ɵɵgetCurrentView();
+            ɵɵelementStart(0, "section", 0);
+            ɵɵelementStart(1, "div", 1);
+            ɵɵelementStart(2, "div", 2);
+            ɵɵelementStart(3, "div", 3);
+            ɵɵtemplate(4, UCSearchComponent_div_4_Template, 3, 1, "div", 4);
+            ɵɵelementStart(5, "div", 5);
+            ɵɵelementStart(6, "div", 6);
+            ɵɵelementStart(7, "form", 7, 8);
+            ɵɵlistener("ngSubmit", function UCSearchComponent_Template_form_ngSubmit_7_listener() { ɵɵrestoreView(_r119); var _r2 = ɵɵreference(9); return _r2.valid && ctx.searchClick(); });
+            ɵɵelementStart(10, "div", 9);
+            ɵɵelementStart(11, "h4", 10);
+            ɵɵelementStart(12, "div", 11);
+            ɵɵlistener("click", function UCSearchComponent_Template_div_click_12_listener() { return ctx.changeState(); });
+            ɵɵelement(13, "i", 12);
+            ɵɵelementEnd();
+            ɵɵtemplate(14, UCSearchComponent_span_14_Template, 1, 0, "span", 13);
+            ɵɵtemplate(15, UCSearchComponent_ng_template_15_Template, 1, 1, "ng-template", null, 14, ɵɵtemplateRefExtractor);
+            ɵɵtemplate(17, UCSearchComponent_ng_template_17_Template, 1, 0, "ng-template", null, 15, ɵɵtemplateRefExtractor);
+            ɵɵelementEnd();
+            ɵɵelementStart(19, "div", 16);
+            ɵɵelementStart(20, "div", 17);
+            ɵɵtemplate(21, UCSearchComponent_div_21_Template, 17, 16, "div", 18);
+            ɵɵtemplate(22, UCSearchComponent_div_22_Template, 8, 2, "div", 19);
+            ɵɵelementEnd();
+            ɵɵelementStart(23, "div", 20);
+            ɵɵelementStart(24, "div", 21);
+            ɵɵtemplate(25, UCSearchComponent_button_25_Template, 5, 0, "button", 22);
+            ɵɵelementStart(26, "button", 23);
+            ɵɵlistener("click", function UCSearchComponent_Template_button_click_26_listener() { return ctx.reset(); });
+            ɵɵelement(27, "i", 24);
+            ɵɵtext(28, "\u00A0");
+            ɵɵelementStart(29, "span", 25);
+            ɵɵtext(30, "Reset");
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵtemplate(31, UCSearchComponent_button_31_Template, 6, 0, "button", 26);
+            ɵɵtemplate(32, UCSearchComponent_button_32_Template, 5, 0, "button", 27);
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵelementEnd();
+            ɵɵelement(33, "br");
+        } if (rf & 2) {
+            var _r4 = ɵɵreference(16);
+            var _r6 = ɵɵreference(18);
+            ɵɵadvance(4);
+            ɵɵproperty("ngIf", (ctx.configuration == null ? null : ctx.configuration.title) != undefined && (ctx.configuration == null ? null : ctx.configuration.title) != "");
+            ɵɵadvance(9);
+            ɵɵproperty("ngClass", ctx.isHidden ? "fa-chevron-right" : "fa-chevron-down");
+            ɵɵadvance(1);
+            ɵɵproperty("ngIf", (ctx.configuration == null ? null : ctx.configuration.sectionTitle) != undefined && (ctx.configuration == null ? null : ctx.configuration.sectionTitle) != "")("ngIfThen", _r4)("ngIfElse", _r6);
+            ɵɵadvance(5);
+            ɵɵproperty("@changeDivSize", ctx.currentState);
+            ɵɵadvance(2);
+            ɵɵproperty("ngForOf", ctx.configuration == null ? null : ctx.configuration.component);
+            ɵɵadvance(1);
+            ɵɵproperty("ngIf", ctx.isReport != undefined && ctx.isReport);
+            ɵɵadvance(3);
+            ɵɵproperty("ngIf", ctx.exportData == true);
+            ɵɵadvance(6);
+            ɵɵproperty("ngIf", ctx.isReport == undefined || !ctx.isReport);
+            ɵɵadvance(1);
+            ɵɵproperty("ngIf", ctx.isReport != undefined && ctx.isReport);
+        } }, directives: [NgIf, ɵangular_packages_forms_forms_bh, NgControlStatusGroup, NgForm, NgClass, NgForOf, TranslateDirective, UpperCaseDirective, DefaultValueAccessor, NgControlStatus, NgModel, RequiredValidator, ɵangular_packages_forms_forms_be, CurrencyMaskDirective, NgSelectOption, ɵangular_packages_forms_forms_s, SelectControlValueAccessor, UcShowErrorsComponent], pipes: [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: [
+                trigger('changeDivSize', [
+                    state('initial', style({
+                        height: '*',
+                        opacity: '1',
+                    })),
+                    state('final', style({
+                        height: '0px',
+                        opacity: '0',
+                        overflow: 'hidden',
+                    })),
+                    transition('initial=>final', animate('300ms')),
+                    transition('final=>initial', animate('300ms'))
+                ]),
+            ] } });
     return UCSearchComponent;
-}());
+}());
+/*@__PURE__*/ (function () { ɵsetClassMetadata(UCSearchComponent, [{
+        type: Component,
+        args: [{
+                selector: 'lib-UCSearch',
+                templateUrl: './ucsearch.component.html',
+                styleUrls: ['./ucsearch.component.css'],
+                providers: [ExcelService, DatePipe],
+                animations: [
+                    trigger('changeDivSize', [
+                        state('initial', style({
+                            height: '*',
+                            opacity: '1',
+                        })),
+                        state('final', style({
+                            height: '0px',
+                            opacity: '0',
+                            overflow: 'hidden',
+                        })),
+                        transition('initial=>final', animate('300ms')),
+                        transition('final=>initial', animate('300ms'))
+                    ]),
+                ]
+            }]
+    }], function () { return [{ type: HttpClient }, { type: ExcelService }, { type: Renderer2 }, { type: undefined, decorators: [{
+                type: Inject,
+                args: [DOCUMENT]
+            }] }, { type: ToastrService }, { type: CookieService }, { type: DatePipe }, { type: ElementRef }]; }, { content: [{
+            type: ViewChild,
+            args: ['enjiForm']
+        }], myForm: [{
+            type: ViewChild,
+            args: ['formIdSearch', { static: false }]
+        }], searchInput: [{
+            type: Input
+        }], pageSize: [{
+            type: Input
+        }], isReport: [{
+            type: Input
+        }], result: [{
+            type: Output
+        }], genRpt: [{
+            type: Output
+        }], reqGetAllData: [{
+            type: Output
+        }] }); })();
 
 /**
  * @fileoverview added by tsickle
@@ -1515,7 +2330,7 @@ var UCSearchModule = /** @class */ (function () {
     }
     UCSearchModule.decorators = [
         { type: NgModule, args: [{
-                    declarations: [UCSearchComponent],
+                    declarations: [UCSearchComponent, TextSearchPipe],
                     imports: [
                         CommonModule,
                         FormsModule,
@@ -1525,10 +2340,38 @@ var UCSearchModule = /** @class */ (function () {
                         TranslateModule.forChild()
                     ],
                     exports: [UCSearchComponent]
-                },] }
+                },] },
     ];
+    /** @nocollapse */ UCSearchModule.ɵmod = ɵɵdefineNgModule({ type: UCSearchModule });
+    /** @nocollapse */ UCSearchModule.ɵinj = ɵɵdefineInjector({ factory: function UCSearchModule_Factory(t) { return new (t || UCSearchModule)(); }, imports: [[
+                CommonModule,
+                FormsModule,
+                UcShowErrorsModule,
+                UcDirectiveUpperCaseModule,
+                NgxCurrencyModule.forRoot(customCurrencyMaskConfig),
+                TranslateModule.forChild()
+            ]] });
     return UCSearchModule;
-}());
+}());
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(UCSearchModule, { declarations: [UCSearchComponent, TextSearchPipe], imports: [CommonModule,
+        FormsModule,
+        UcShowErrorsModule,
+        UcDirectiveUpperCaseModule, NgxCurrencyModule, TranslateModule], exports: [UCSearchComponent] }); })();
+/*@__PURE__*/ (function () { ɵsetClassMetadata(UCSearchModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [UCSearchComponent, TextSearchPipe],
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    UcShowErrorsModule,
+                    UcDirectiveUpperCaseModule,
+                    NgxCurrencyModule.forRoot(customCurrencyMaskConfig),
+                    TranslateModule.forChild()
+                ],
+                exports: [UCSearchComponent]
+            }]
+    }], null, null); })();
 
 /**
  * @fileoverview added by tsickle
@@ -1540,6 +2383,6 @@ var UCSearchModule = /** @class */ (function () {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { UCSearchService, UCSearchComponent, customCurrencyMaskConfig, UCSearchModule, ExcelService as ɵa };
+export { UCSearchService, UCSearchComponent, customCurrencyMaskConfig, UCSearchModule };
 
 //# sourceMappingURL=adins-ucsearch.js.map