@adins/ucsearch 2.9.0 → 2.9.2

package/fesm2015/adins-ucsearch.js

@@ -1,18 +1,18 @@
+import { __awaiter } from 'tslib';
 import { HttpClient } from '@angular/common/http';
-import { DOCUMENT } from '@angular/platform-browser';
 import { saveAs } from 'file-saver';
 import { utils, write } from 'xlsx';
 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, 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
@@ -24,11 +24,18 @@ class UCSearchService {
 UCSearchService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
-            },] }
+            },] },
 ];
 /** @nocollapse */
 UCSearchService.ctorParameters = () => [];
-/** @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' });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(UCSearchService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return []; }, null); })();
 
 /**
  * @fileoverview added by tsickle
@@ -164,10 +171,15 @@ class ExcelService {
     }
 }
 ExcelService.decorators = [
-    { type: Injectable }
+    { type: Injectable },
 ];
 /** @nocollapse */
-ExcelService.ctorParameters = () => [];
+ExcelService.ctorParameters = () => [];
+/** @nocollapse */ ExcelService.ɵfac = function ExcelService_Factory(t) { return new (t || ExcelService)(); };
+/** @nocollapse */ ExcelService.ɵprov = ɵɵdefineInjectable({ token: ExcelService, factory: ExcelService.ɵfac });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(ExcelService, [{
+        type: Injectable
+    }], function () { return []; }, null); })();
 
 /**
  * @fileoverview added by tsickle
@@ -221,6 +233,581 @@ class ListKeyValueMonth {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+class TextSearchPipe {
+    /**
+     * @param {?} items
+     * @param {?=} text
+     * @return {?}
+     */
+    transform(items, text) {
+        if (!text) {
+            return items;
+        }
+        return items.filter((/**
+         * @param {?} item
+         * @return {?}
+         */
+        (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 });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(TextSearchPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'textSearch'
+            }]
+    }], null, null); })();
+
+const _c0 = ["enjiForm"];
+const _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) {
+    const 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) {
+    const 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 ");
+} }
+const _c2 = function (a0) { return { "is-invalid": a0 }; };
+function UCSearchComponent_div_21_div_6_Template(rf, ctx) { if (rf & 1) {
+    const _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); const ctx_r26 = ɵɵnextContext(2); return ctx_r26.searchClick(); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    const _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) {
+    const question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    const _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);
+} }
+const _c3 = function (a0) { return [a0]; };
+function UCSearchComponent_div_21_div_8_Template(rf, ctx) { if (rf & 1) {
+    const _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); const ctx_r30 = ɵɵnextContext(2); return ctx_r30.transformToDecimal($event); })("blur", function UCSearchComponent_div_21_div_8_Template_input_blur_1_listener($event) { ɵɵrestoreView(_r31); const 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); const ctx_r33 = ɵɵnextContext(2); return ctx_r33.searchClick(); });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r34 = ɵɵnextContext();
+    const question_r13 = ctx_r34.$implicit;
+    const i_r14 = ctx_r34.index;
+    ɵɵnextContext();
+    const _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);
+} }
+const _c4 = function () { return { standalone: true }; };
+const _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) {
+    const _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); const 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); const question_r13 = ɵɵnextContext(2).$implicit; return question_r13.value = $event; });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const question_r13 = ɵɵnextContext(2).$implicit;
+    ɵɵnextContext();
+    const _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);
+} }
+const _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) {
+    const _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); const 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); const question_r13 = ɵɵnextContext(2).$implicit; return question_r13.value = $event; });
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const question_r13 = ɵɵnextContext(2).$implicit;
+    ɵɵnextContext();
+    const _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) {
+    const 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) {
+    const _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); const ctx_r48 = ɵɵnextContext(2); return ctx_r48.searchClick(); })("focusout", function UCSearchComponent_div_21_div_10_Template_input_focusout_1_listener() { ɵɵrestoreView(_r49); const question_r13 = ɵɵnextContext().$implicit; const ctx_r50 = ɵɵnextContext(); return question_r13.restriction != undefined && ctx_r50.checkInputDate(question_r13); });
+    ɵɵpipe(2, "date");
+    ɵɵpipe(3, "date");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r52 = ɵɵnextContext();
+    const question_r13 = ctx_r52.$implicit;
+    const i_r14 = ctx_r52.index;
+    ɵɵnextContext();
+    const _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) {
+    const 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) {
+    const 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) {
+    const _r61 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div");
+    ɵɵelementStart(1, "select", 41);
+    ɵɵlistener("change", function UCSearchComponent_div_21_div_11_Template_select_change_1_listener() { ɵɵrestoreView(_r61); const ctx_r60 = ɵɵnextContext(); const question_r13 = ctx_r60.$implicit; const i_r14 = ctx_r60.index; const 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) {
+    const question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    const _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) {
+    const item_r67 = ctx.$implicit;
+    const 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) {
+    const 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) {
+    const _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); const question_r13 = ɵɵnextContext().$implicit; return question_r13.value = $event; })("change", function UCSearchComponent_div_21_div_12_Template_select_change_1_listener($event) { ɵɵrestoreView(_r72); const question_r13 = ɵɵnextContext().$implicit; const 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) {
+    const question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    const _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) {
+    const 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) {
+    const _r83 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "option", 58);
+    ɵɵlistener("click", function UCSearchComponent_div_21_div_13_option_8_Template_option_click_0_listener() { ɵɵrestoreView(_r83); const question_r13 = ɵɵnextContext(2).$implicit; const 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) {
+    const _r86 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "option", 59);
+    ɵɵlistener("click", function UCSearchComponent_div_21_div_13_option_9_Template_option_click_0_listener() { ɵɵrestoreView(_r86); const question_r13 = ɵɵnextContext(2).$implicit; const 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) {
+    const _r90 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "option", 60);
+    ɵɵlistener("click", function UCSearchComponent_div_21_div_13_option_10_Template_option_click_0_listener() { ɵɵrestoreView(_r90); const item_r87 = ctx.$implicit; const question_r13 = ɵɵnextContext(2).$implicit; const ctx_r88 = ɵɵnextContext(); return ctx_r88.selectedOption(item_r87, question_r13); });
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const 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) {
+    const _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); const question_r13 = ɵɵnextContext().$implicit; return question_r13.descr = $event; })("click", function UCSearchComponent_div_21_div_13_Template_input_click_2_listener() { ɵɵrestoreView(_r93); const 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); const 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); const question_r13 = ɵɵnextContext().$implicit; return question_r13.value = $event; })("change", function UCSearchComponent_div_21_div_13_Template_select_change_7_listener($event) { ɵɵrestoreView(_r93); const question_r13 = ɵɵnextContext().$implicit; const 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) {
+    const question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    const _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) {
+    const 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) {
+    const ctx_r107 = ɵɵnextContext();
+    const i_r14 = ctx_r107.index;
+    const question_r13 = ctx_r107.$implicit;
+    const ctx_r23 = ɵɵnextContext();
+    const _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) {
+    const question_r13 = ɵɵnextContext().$implicit;
+    ɵɵnextContext();
+    const _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) {
+    const ctx_r109 = ɵɵnextContext();
+    const question_r13 = ctx_r109.$implicit;
+    const i_r14 = ctx_r109.index;
+    ɵɵnextContext();
+    const _r2 = ɵɵreference(9);
+    ɵɵproperty("control", _r2.form.controls[question_r13.name + ɵɵpureFunction1(2, _c3, i_r14)])("submit", _r2.submitted);
+} }
+const _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) {
+    const 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) {
+    const 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) {
+    const _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); const 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) {
+    const 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) {
+    const _r115 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "button", 65);
+    ɵɵlistener("click", function UCSearchComponent_button_25_Template_button_click_0_listener() { ɵɵrestoreView(_r115); const 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) {
+    const _r118 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "button", 70);
+    ɵɵlistener("click", function UCSearchComponent_button_32_Template_button_click_0_listener() { ɵɵrestoreView(_r118); const ctx_r117 = ɵɵnextContext(); return ctx_r117.GenerateReport(); });
+    ɵɵelement(1, "i", 66);
+    ɵɵtext(2, "\u00A0");
+    ɵɵelementStart(3, "span", 25);
+    ɵɵtext(4, "Generate Report");
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} }
 class UCSearchComponent {
     /**
      * @param {?} http
@@ -230,8 +817,9 @@ class UCSearchComponent {
      * @param {?} toastr
      * @param {?} cookieService
      * @param {?} datePipe
+     * @param {?} elemRef
      */
-    constructor(http, excelService, _renderer2, _document, toastr, cookieService, datePipe) {
+    constructor(http, excelService, _renderer2, _document, toastr, cookieService, datePipe, elemRef) {
         this.http = http;
         this.excelService = excelService;
         this._renderer2 = _renderer2;
@@ -239,6 +827,7 @@ class UCSearchComponent {
         this.toastr = toastr;
         this.cookieService = cookieService;
         this.datePipe = datePipe;
+        this.elemRef = elemRef;
         this.searchInput = new InputSearchObj();
         this.pageSize = 10;
         this.isReport = false;
@@ -291,9 +880,14 @@ class UCSearchComponent {
         this.formattedAmount = '';
         this.amount = 0;
     }
-    // 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 {?}
@@ -307,180 +901,197 @@ class UCSearchComponent {
      * @return {?}
      */
     changeState() {
-        this.currentState = this.currentState === 'initial' ? 'final' : 'initial';
-        this.isHidden = this.isHidden === false ? true : false;
+        this.currentState = this.currentState == 'initial' ? 'final' : 'initial';
+        this.isHidden = !this.isHidden ? true : false;
     }
     /**
      * @return {?}
      */
     ngOnInit() {
-        console.log("ucsearch");
-        this.apiUrl = this.searchInput.enviromentUrl + this.searchInput.apiQryPaging;
-        this.arrCrit = this.searchInput.arrCritObj;
-        /** @type {?} */
-        let js = this._renderer2.createElement('script');
-        js.text = `
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log("ucsearch");
+            this.apiUrl = this.searchInput.enviromentUrl + this.searchInput.apiQryPaging;
+            this.arrCrit = this.searchInput.arrCritObj;
+            /** @type {?} */
+            let js = this._renderer2.createElement('script');
+            js.text = `
           $(document).ready(function(){
             $("#flip").click(function(){
               $("#panel").slideToggle("slow");
             });
           });
         `;
-        this._renderer2.appendChild(this._document.body, js);
-        /** @type {?} */
-        let value = this.cookieService.get('BusinessDateRaw');
-        this.BisDt = this.DecryptString(value, "AdInsFOU12345678");
-        this.BusinessDt = new Date(this.BisDt);
-        this.initiateForm();
+            this._renderer2.appendChild(this._document.body, js);
+            /** @type {?} */
+            let value = this.cookieService.get('BusinessDateRaw');
+            this.BisDt = this.DecryptString(value, "AdInsFOU12345678");
+            this.BusinessDt = new Date(this.BisDt);
+            yield this.initiateForm();
+        });
     }
     /**
      * @return {?}
      */
     initiateForm() {
-        this.getJSON(this.searchInput._url).subscribe((/**
-         * @param {?} data
-         * @return {?}
-         */
-        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 (let i = 0; i < this.countForm; i++) {
-                //ini kalau datanya di load dari URL
-                if (data.component[i].isFromURL == true) {
-                    /** @type {?} */
-                    let request = new RequestCriteriaObj();
-                    /** @type {?} */
-                    let arrayCrit = new Array();
-                    /** @type {?} */
-                    let 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 (let y = 0; y < this.searchInput.listEnvironments.length; y++) {
-                                if (data.component[i].environment == this.searchInput.listEnvironments[y].environment) {
-                                    data.component[i].fullpath = this.searchInput.listEnvironments[y].url + data.component[i].path;
-                                    break;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.getJSON(this.searchInput._url).subscribe((/**
+             * @param {?} data
+             * @return {?}
+             */
+            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 (let i = 0; i < this.countForm; i++) {
+                    //ini kalau datanya di load dari URL
+                    if (data.component[i].isFromURL) {
+                        /** @type {?} */
+                        let request = new RequestCriteriaObj();
+                        /** @type {?} */
+                        let arrayCrit = new Array();
+                        /** @type {?} */
+                        let 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 (let y = 0; y < this.searchInput.listEnvironments.length; y++) {
+                                    if (data.component[i].environment == this.searchInput.listEnvironments[y].environment) {
+                                        data.component[i].fullpath = this.searchInput.listEnvironments[y].url + data.component[i].path;
+                                        break;
+                                    }
                                 }
                             }
+                            else {
+                                data.component[i].fullpath = data.component[i].url;
+                            }
                         }
                         else {
                             data.component[i].fullpath = data.component[i].url;
                         }
+                        //lempar objectnya sekalian sama urlnya, nnti di bind di dalem karena masalah di asyncnya
+                        //biar tiap function ada state2nya sendiri
+                        this.resolveObject(data.component[i], data.component[i].fullpath, request);
                     }
-                    else {
-                        data.component[i].fullpath = data.component[i].url;
+                    if (data.component[i].type == "numeric") {
+                        data.component[i].value = parseFloat(data.component[i].value).toLocaleString('en');
                     }
-                    //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);
+                    //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);
                             }
-                            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);
+                            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);
                             }
-                            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 {?} */
-                        let businessDate = new Date();
-                        if (this.BisDt != null) {
-                            businessDate = new Date(this.BisDt);
-                        }
-                        /** @type {?} */
-                        let operator = data.component[i].value.charAt(2);
-                        /** @type {?} */
-                        let dateShow = new Date();
-                        if (operator == "-") {
-                            /** @type {?} */
-                            let tempMinus = data.component[i].value.split("-", 2);
+                    // 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 {?} */
-                            let numDay = parseInt(tempMinus[1]);
-                            businessDate.setDate(businessDate.getDate() - numDay);
-                        }
-                        else if (operator == "+") {
+                            let businessDate = new Date();
+                            if (this.BisDt != null) {
+                                businessDate = new Date(this.BisDt);
+                            }
                             /** @type {?} */
-                            let tempMinus = data.component[i].value.split("+", 2);
+                            let operator = data.component[i].value.charAt(2);
                             /** @type {?} */
-                            let numDay = parseInt(tempMinus[1]);
-                            businessDate.setDate(businessDate.getDate() + numDay);
-                        }
-                        dateShow = businessDate;
-                        /** @type {?} */
-                        let 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") {
+                            let dateShow = new Date();
+                            if (operator == "-") {
                                 /** @type {?} */
-                                let minDate = new Date(this.datePipe.transform(data.component[i].minDate, 'yyyy-MM-dd'));
-                                minDate.setDate(minDate.getDate() + 1);
-                                data.component[i].minDate = minDate;
+                                let tempMinus = data.component[i].value.split("-", 2);
+                                /** @type {?} */
+                                let numDay = parseInt(tempMinus[1]);
+                                businessDate.setDate(businessDate.getDate() - numDay);
                             }
-                            else if (data.component[i].restriction.toUpperCase() == "LT") {
+                            else if (operator == "+") {
+                                /** @type {?} */
+                                let tempMinus = data.component[i].value.split("+", 2);
                                 /** @type {?} */
-                                let maxDate = new Date(this.datePipe.transform(data.component[i].maxDate, 'yyyy-MM-dd'));
-                                maxDate.setDate(maxDate.getDate() - 1);
-                                data.component[i].maxDate = maxDate;
+                                let numDay = parseInt(tempMinus[1]);
+                                businessDate.setDate(businessDate.getDate() + numDay);
+                            }
+                            dateShow = businessDate;
+                            /** @type {?} */
+                            let 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 {?} */
+                                    let 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 {?} */
+                                    let 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 {?}
-             */
-            () => {
-                for (let j = 0; j < this.countForm; j++) {
-                    if (data.component[j].isEvent == true && this.configuration.component[j].itemsUrl.length == 1) {
-                        this.onChangeEvent(data.component[j].itemsUrl[0].Key, data.component[j]);
-                    }
-                    if (data.component[j].type == "officeRoleCodes" && this.configuration.component[j].itemsUrl.length > 0) {
-                        this.SetRoleOfficeCodes(j);
+                setTimeout((/**
+                 * @return {?}
+                 */
+                () => {
+                    for (let j = 0; j < this.countForm; j++) {
+                        if (data.component[j].isEvent && this.configuration.component[j].itemsUrl.length == 1) {
+                            this.onChangeEvent(data.component[j].itemsUrl[0].Key, data.component[j]);
+                        }
+                        if (data.component[j].type == "officeRoleCodes" && this.configuration.component[j].itemsUrl.length > 0) {
+                            this.SetRoleOfficeCodes(j);
+                        }
                     }
-                }
-            }), 1000);
-        }));
+                }), 1000);
+            }));
+        });
     }
     /**
      * @param {?} i
@@ -700,10 +1311,12 @@ class UCSearchComponent {
      * @return {?}
      */
     reset() {
-        this.searchForm.resetForm({
-            ExportType: this.ExportTypeList[0].key
+        return __awaiter(this, void 0, void 0, function* () {
+            this.searchForm.resetForm({
+                ExportType: this.ExportTypeList[0].key
+            });
+            yield this.initiateForm();
         });
-        this.initiateForm();
     }
     /**
      * @param {?} apiUrl
@@ -739,11 +1352,19 @@ class UCSearchComponent {
         request.rowPerPage = rowPerPage;
         request.orderBy = orderBy;
         request.queryString = this.configuration.querystring;
+        /** @type {?} */
+        let formSeq = -1;
         for (let i = 0; i < this.countForm; i++) {
             /** @type {?} */
             let critObj = new CriteriaObj();
+            if (this.configuration.component[i].type == "dropdownSearch") {
+                formSeq += 3;
+            }
+            else {
+                formSeq++;
+            }
             /** @type {?} */
-            let component = this.myForm.nativeElement[i];
+            let 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();
@@ -800,7 +1421,7 @@ class UCSearchComponent {
                             critObj.value = text;
                             arrCrit.push(critObj);
                         }
-                        else if (text == "all" && IsQueryIn == true && component.options.length != 0) {
+                        else if (text == "all" && IsQueryIn && component.options.length != 0) {
                             /** @type {?} */
                             let ddlList = new Array();
                             for (let x = 0; x < component.options.length; x++) {
@@ -938,6 +1559,10 @@ class UCSearchComponent {
                  */
                 (value) => !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);
             }
@@ -1075,7 +1700,7 @@ class UCSearchComponent {
              */
             x => x.property == condList.conditions[i].property));
             if (condList.conditions[i].restriction == "EQ") {
-                if (condList.conditions[i].isUser != true) {
+                if (!condList.conditions[i].isUser) {
                     if (this.searchInput.switchValue[idx].value == condList.conditions[i].value) {
                         condition = true;
                     }
@@ -1119,7 +1744,7 @@ class UCSearchComponent {
                 }
             }
             else if (condList.conditions[i].restriction == "GT") {
-                if (condList.conditions[i].isUser != true) {
+                if (!condList.conditions[i].isUser) {
                     if (this.searchInput.switchValue[idx].value > condList.conditions[i].value) {
                         condition = true;
                     }
@@ -1141,7 +1766,7 @@ class UCSearchComponent {
                 }
             }
             else if (condList.conditions[i].restriction == "GTE") {
-                if (condList.conditions[i].isUser != true) {
+                if (!condList.conditions[i].isUser) {
                     if (this.searchInput.switchValue[idx].value >= condList.conditions[i].value) {
                         condition = true;
                     }
@@ -1163,7 +1788,7 @@ class UCSearchComponent {
                 }
             }
             else if (condList.conditions[i].restriction == "LT") {
-                if (condList.conditions[i].isUser != true) {
+                if (!condList.conditions[i].isUser) {
                     if (this.searchInput.switchValue[idx].value < condList.conditions[i].value) {
                         condition = true;
                     }
@@ -1185,7 +1810,7 @@ class UCSearchComponent {
                 }
             }
             else if (condList.conditions[i].restriction == "LTE") {
-                if (condList.conditions[i].isUser != true) {
+                if (!condList.conditions[i].isUser) {
                     if (this.searchInput.switchValue[idx].value <= condList.conditions[i].value) {
                         condition = true;
                     }
@@ -1317,11 +1942,21 @@ class UCSearchComponent {
             this.dateWrong = false;
         }
     }
+    /**
+     * @param {?} item
+     * @param {?} crit
+     * @return {?}
+     */
+    selectedOption(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', [
@@ -1337,9 +1972,8 @@ UCSearchComponent.decorators = [
                         transition('initial=>final', animate('300ms')),
                         transition('final=>initial', animate('300ms'))
                     ]),
-                ],
-                styles: [".ucSearch-title{margin:3px}"]
-            }] }
+                ]
+            },] },
 ];
 /** @nocollapse */
 UCSearchComponent.ctorParameters = () => [
@@ -1349,18 +1983,159 @@ UCSearchComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
     { type: ToastrService },
     { type: CookieService },
-    { type: DatePipe }
+    { type: DatePipe },
+    { type: ElementRef }
 ];
 UCSearchComponent.propDecorators = {
     content: [{ type: ViewChild, args: ['enjiForm',] }],
-    myForm: [{ type: ViewChild, args: ['formIdSearch',] }],
+    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 }]
-};
+};
+/** @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) {
+        const _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); const _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) {
+        const _r4 = ɵɵreference(16);
+        const _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'))
+            ]),
+        ] } });
+/*@__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
@@ -1383,7 +2158,35 @@ class UCSearchModule {
 }
 UCSearchModule.decorators = [
     { type: NgModule, args: [{
-                declarations: [UCSearchComponent],
+                declarations: [UCSearchComponent, TextSearchPipe],
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    UcShowErrorsModule,
+                    UcDirectiveUpperCaseModule,
+                    NgxCurrencyModule.forRoot(customCurrencyMaskConfig),
+                    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()
+        ]] });
+(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,
@@ -1393,8 +2196,8 @@ UCSearchModule.decorators = [
                     TranslateModule.forChild()
                 ],
                 exports: [UCSearchComponent]
-            },] }
-];
+            }]
+    }], null, null); })();
 
 /**
  * @fileoverview added by tsickle
@@ -1406,6 +2209,6 @@ UCSearchModule.decorators = [
  * @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