@adins/ucsearch 2.10.0 → 2.11.0

package/esm5/lib/ucsearch.module.js

@@ -10,6 +10,7 @@ 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 { TextSearchPipe } from './pipe/text-search.pipe';
 /** @type {?} */
 export var customCurrencyMaskConfig = {
     align: "right",
@@ -28,7 +29,7 @@ var UCSearchModule = /** @class */ (function () {
     }
     UCSearchModule.decorators = [
         { type: NgModule, args: [{
-                    declarations: [UCSearchComponent],
+                    declarations: [UCSearchComponent, TextSearchPipe],
                     imports: [
                         CommonModule,
                         FormsModule,
@@ -43,4 +44,4 @@ var UCSearchModule = /** @class */ (function () {
     return UCSearchModule;
 }());
 export { UCSearchModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWNzZWFyY2gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFkaW5zL3Vjc2VhcmNoLyIsInNvdXJjZXMiOlsibGliL3Vjc2VhcmNoLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0QsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBRTVFLE1BQU0sS0FBTyx3QkFBd0IsR0FBRztJQUN0QyxLQUFLLEVBQUUsT0FBTztJQUNkLGFBQWEsRUFBRSxLQUFLO0lBQ3BCLFNBQVMsRUFBRSxJQUFJO0lBQ2YsT0FBTyxFQUFFLEdBQUc7SUFDWixTQUFTLEVBQUUsQ0FBQztJQUNaLE1BQU0sRUFBRSxFQUFFO0lBQ1YsTUFBTSxFQUFFLEVBQUU7SUFDVixTQUFTLEVBQUUsR0FBRztJQUNkLFFBQVEsRUFBRSxLQUFLO0lBQ2YsU0FBUyxFQUFFLHFCQUFxQixDQUFDLE9BQU87Q0FBRTtBQUU1QztJQUFBO0lBWThCLENBQUM7O2dCQVo5QixRQUFRLFNBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQ2pDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsa0JBQWtCO3dCQUNsQiwwQkFBMEI7d0JBQzFCLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyx3QkFBd0IsQ0FBQzt3QkFDbkQsZUFBZSxDQUFDLFFBQVEsRUFBRTtxQkFDM0I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7aUJBQzdCOztJQUM2QixxQkFBQztDQUFBLEFBWi9CLElBWStCO1NBQWxCLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVQ1NlYXJjaENvbXBvbmVudCB9IGZyb20gJy4vdWNzZWFyY2guY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEN1cnJlbmN5TWFza0lucHV0TW9kZSwgTmd4Q3VycmVuY3lNb2R1bGUgfSBmcm9tICduZ3gtY3VycmVuY3knO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgVWNTaG93RXJyb3JzTW9kdWxlIH0gZnJvbSAnQGFkaW5zL3VjLXNob3ctZXJyb3JzJztcclxuaW1wb3J0IHsgVWNEaXJlY3RpdmVVcHBlckNhc2VNb2R1bGUgfSBmcm9tICdAYWRpbnMvdWMtZGlyZWN0aXZlLXVwcGVyLWNhc2UnO1xyXG5cclxuZXhwb3J0IGNvbnN0IGN1c3RvbUN1cnJlbmN5TWFza0NvbmZpZyA9IHsgICAgIFxyXG4gIGFsaWduOiBcInJpZ2h0XCIsXHJcbiAgYWxsb3dOZWdhdGl2ZTogZmFsc2UsXHJcbiAgYWxsb3daZXJvOiB0cnVlLFxyXG4gIGRlY2ltYWw6IFwiLlwiLFxyXG4gIHByZWNpc2lvbjogMixcclxuICBwcmVmaXg6IFwiXCIsXHJcbiAgc3VmZml4OiBcIlwiLFxyXG4gIHRob3VzYW5kczogXCIsXCIsXHJcbiAgbnVsbGFibGU6IGZhbHNlLFxyXG4gIGlucHV0TW9kZTogQ3VycmVuY3lNYXNrSW5wdXRNb2RlLk5BVFVSQUwgfTtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbVUNTZWFyY2hDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgVWNTaG93RXJyb3JzTW9kdWxlLFxyXG4gICAgVWNEaXJlY3RpdmVVcHBlckNhc2VNb2R1bGUsXHJcbiAgICBOZ3hDdXJyZW5jeU1vZHVsZS5mb3JSb290KGN1c3RvbUN1cnJlbmN5TWFza0NvbmZpZyksXHJcbiAgICBUcmFuc2xhdGVNb2R1bGUuZm9yQ2hpbGQoKVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1VDU2VhcmNoQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVUNTZWFyY2hNb2R1bGUgeyB9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWNzZWFyY2gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFkaW5zL3Vjc2VhcmNoLyIsInNvdXJjZXMiOlsibGliL3Vjc2VhcmNoLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0QsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQUV6RCxNQUFNLEtBQU8sd0JBQXdCLEdBQUc7SUFDdEMsS0FBSyxFQUFFLE9BQU87SUFDZCxhQUFhLEVBQUUsS0FBSztJQUNwQixTQUFTLEVBQUUsSUFBSTtJQUNmLE9BQU8sRUFBRSxHQUFHO0lBQ1osU0FBUyxFQUFFLENBQUM7SUFDWixNQUFNLEVBQUUsRUFBRTtJQUNWLE1BQU0sRUFBRSxFQUFFO0lBQ1YsU0FBUyxFQUFFLEdBQUc7SUFDZCxRQUFRLEVBQUUsS0FBSztJQUNmLFNBQVMsRUFBRSxxQkFBcUIsQ0FBQyxPQUFPO0NBQUU7QUFFNUM7SUFBQTtJQVk4QixDQUFDOztnQkFaOUIsUUFBUSxTQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGlCQUFpQixFQUFDLGNBQWMsQ0FBQztvQkFDaEQsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxrQkFBa0I7d0JBQ2xCLDBCQUEwQjt3QkFDMUIsaUJBQWlCLENBQUMsT0FBTyxDQUFDLHdCQUF3QixDQUFDO3dCQUNuRCxlQUFlLENBQUMsUUFBUSxFQUFFO3FCQUMzQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDN0I7O0lBQzZCLHFCQUFDO0NBQUEsQUFaL0IsSUFZK0I7U0FBbEIsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFVDU2VhcmNoQ29tcG9uZW50IH0gZnJvbSAnLi91Y3NlYXJjaC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQ3VycmVuY3lNYXNrSW5wdXRNb2RlLCBOZ3hDdXJyZW5jeU1vZHVsZSB9IGZyb20gJ25neC1jdXJyZW5jeSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5pbXBvcnQgeyBVY1Nob3dFcnJvcnNNb2R1bGUgfSBmcm9tICdAYWRpbnMvdWMtc2hvdy1lcnJvcnMnO1xyXG5pbXBvcnQgeyBVY0RpcmVjdGl2ZVVwcGVyQ2FzZU1vZHVsZSB9IGZyb20gJ0BhZGlucy91Yy1kaXJlY3RpdmUtdXBwZXItY2FzZSc7XHJcbmltcG9ydCB7IFRleHRTZWFyY2hQaXBlIH0gZnJvbSAnLi9waXBlL3RleHQtc2VhcmNoLnBpcGUnO1xyXG5cclxuZXhwb3J0IGNvbnN0IGN1c3RvbUN1cnJlbmN5TWFza0NvbmZpZyA9IHsgICAgIFxyXG4gIGFsaWduOiBcInJpZ2h0XCIsXHJcbiAgYWxsb3dOZWdhdGl2ZTogZmFsc2UsXHJcbiAgYWxsb3daZXJvOiB0cnVlLFxyXG4gIGRlY2ltYWw6IFwiLlwiLFxyXG4gIHByZWNpc2lvbjogMixcclxuICBwcmVmaXg6IFwiXCIsXHJcbiAgc3VmZml4OiBcIlwiLFxyXG4gIHRob3VzYW5kczogXCIsXCIsXHJcbiAgbnVsbGFibGU6IGZhbHNlLFxyXG4gIGlucHV0TW9kZTogQ3VycmVuY3lNYXNrSW5wdXRNb2RlLk5BVFVSQUwgfTtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbVUNTZWFyY2hDb21wb25lbnQsVGV4dFNlYXJjaFBpcGVdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgVWNTaG93RXJyb3JzTW9kdWxlLFxyXG4gICAgVWNEaXJlY3RpdmVVcHBlckNhc2VNb2R1bGUsXHJcbiAgICBOZ3hDdXJyZW5jeU1vZHVsZS5mb3JSb290KGN1c3RvbUN1cnJlbmN5TWFza0NvbmZpZyksXHJcbiAgICBUcmFuc2xhdGVNb2R1bGUuZm9yQ2hpbGQoKVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1VDU2VhcmNoQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVUNTZWFyY2hNb2R1bGUgeyB9XHJcbiJdfQ==

package/fesm2015/adins-ucsearch.js

@@ -6,13 +6,13 @@ import { trigger, transition, style, animate, state } from '@angular/animations'
 import { ToastrService } from 'ngx-toastr';
 import { CookieService } from 'ngx-cookie';
 import { enc, lib, AES } from 'crypto-js';
-import { Injectable, NgModule, Component, Input, ViewChild, Inject, Renderer2, EventEmitter, Output, defineInjectable } from '@angular/core';
 import { DatePipe, formatDate, 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, Pipe, NgModule, Component, Input, ViewChild, Inject, Renderer2, EventEmitter, Output, defineInjectable } from '@angular/core';
 
 /**
  * @fileoverview added by tsickle
@@ -1317,11 +1317,29 @@ class UCSearchComponent {
             this.dateWrong = false;
         }
     }
+    /**
+     * @param {?} item
+     * @param {?} crit
+     * @return {?}
+     */
+    selectedOption(item, crit) {
+        crit.value = item.key;
+        crit.descr = item.value;
+        crit.isListHide = true;
+    }
+    /**
+     * @param {?} item
+     * @param {?} value
+     * @return {?}
+     */
+    isSelected(item, value) {
+        return item.key == value;
+    }
 }
 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 -->",
+                template: "<!-- Basic form layout section start -->\r\n<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"card\">\r\n        <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"configuration?.title != undefined && configuration?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" translate>{{configuration.title}}</h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch #enjiForm=\"ngForm\"\r\n              (ngSubmit)=\"enjiForm.valid && searchClick()\">\r\n              <div class=\"form-body\">\r\n                <h4 class=\"form-section font-weight-bold\">\r\n                  <div (click)=\"changeState()\" class=\"btn no-padding cursor-pointer flip\">\r\n                    <i class=\"fa\" style=\"font-size: 15px; margin: 0px 0px 5px -15px;\"\r\n                      [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  <span\r\n                    *ngIf=\"configuration?.sectionTitle != undefined && configuration?.sectionTitle != ''; then inputSectionTitle else defaultSectionTitle\"></span>\r\n                  <ng-template #inputSectionTitle>\r\n                    {{configuration?.sectionTitle}}\r\n                  </ng-template>\r\n                  <ng-template #defaultSectionTitle>\r\n                    Paging\r\n                  </ng-template>\r\n                </h4>\r\n                <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                <!-- [hidden]=\"isHidden\" -->\r\n                <div class=\"panel-active\" [@changeDivSize]=currentState>\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-6 form-group\" *ngFor=\"let question of configuration?.component; let i = index\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" for=\"{{question.id}}\"\r\n                            [ngClass]=\"{'adins-required-label': (question.isRequired || (question?.ddlType != undefined && question.ddlType == 'one'))}\"\r\n                            translate>{{question.label}}</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <div *ngIf=\"question.type=='textbox'\">\r\n                              <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='textarea'\">\r\n                              <textarea type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\"></textarea>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='numeric'\">\r\n                              <input type=\"number\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                                (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\" name=\"{{question.name+[i]}}\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                attr.data-numericpair=\"{{question.numericPair}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name+[i]]?.touched || enjiForm.form.controls[question.name+[i]]?.dirty) && enjiForm.form.controls[question.name+[i]]?.invalid }\">\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='currency'\">\r\n                              <div *ngIf=\"question?.isCustom != undefined && question?.isCustom\">\r\n                                <input type=\"\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                  [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                  (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                  attr.data-required=\"{{question.isRequired}}\" currencyMask [ngModel]=\"question.value\"\r\n                                  [(ngModel)]=\"question.value\" [ngModelOptions]=\"{standalone: true}\"\r\n                                  attr.label=\"{{question.label}}\"\r\n                                  [options]=\"{ thousands: question.thousands, decimal: question.decimal, align: question.align, allowNegative: question.allowNegative, allowZero: question.allowZero, precision: question.precision, nullable: question.nullable }\"\r\n                                  [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                              </div>\r\n                              <div *ngIf=\"question?.isCustom == undefined || !question?.isCustom\">\r\n                                <input type=\"text\" id=\"{{question.id}}\" class=\"form-control search-form-control\"\r\n                                  [required]=\"question.isRequired\" name=\"{{question.name}}\"\r\n                                  (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                  attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                  attr.data-required=\"{{question.isRequired}}\" currencyMask [ngModel]=\"question.value\"\r\n                                  [(ngModel)]=\"question.value\" [ngModelOptions]=\"{standalone: true}\"\r\n                                  attr.label=\"{{question.label}}\"\r\n                                  [options]=\"{ thousands: ',', decimal: '.', align: 'right', allowNegative: false, allowZero:true, precision: 2, nullable: false }\"\r\n                                  [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                              </div>\r\n                            </div>\r\n\r\n                            <!-- End Hardcode Lookup didalem-->\r\n                            <div *ngIf=\"question.type=='datepicker'\">\r\n                              <input type=\"{{question.isTime ? 'datetime-local' : 'date'}}\" id=\"{{question.id}}\"\r\n                                class=\"form-control search-form-control btn-lookup\" name=\"{{question.name+[i]}}\"\r\n                                [ngModel]=\"question.value\" [required]=\"question.isRequired\"\r\n                                attr.data-required=\"{{question.isRequired}}\" value=\"{{question.value}}\"\r\n                                [readonly]=\"question.readonly\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.data-name=\"{{question.name}}\"\r\n                                attr.data-datepickerpair=\"{{question.datepickerPair}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                (keyup.enter)=\"searchClick()\" attr.data-restriction=\"{{question.restriction}}\"\r\n                                attr.label=\"{{question.label}}\" min=\"{{question.minDate | date:'yyyy-MM-dd'}}\"\r\n                                max=\"{{question.maxDate | date:'yyyy-MM-dd'}}\"\r\n                                (focusout)=\"question.restriction != undefined && checkInputDate(question)\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name+[i]]?.touched || enjiForm.form.controls[question.name+[i]]?.dirty) && enjiForm.form.controls[question.name+[i]]?.invalid }\">\r\n                            </div>\r\n                            <div\r\n                              *ngIf=\"question.type == 'taskDefinitionKey' || question.type == 'processKey' || question.type == 'officeRoleCodes'\">\r\n                              <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                                [required]=\"question.isRequired\" class=\"form-control search-form-control\"\r\n                                attr.query-in=\"{{question.isQueryIn}}\" attr.data-type=\"{{question.datatype}}\"\r\n                                attr.label=\"{{question.label}}\" [hidden]=\"question?.itemsUrl?.length == 1\"\r\n                                (change)=\"(question.type == 'taskDefinitionKey' || question.type == 'processKey') ? SetProcessKey(i,question.wfKeyFilter) : SetRoleOfficeCodes(i)\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                                <option *ngIf=\"question.ddlType == 'one' && question?.itemsUrl?.length != 1\"\r\n                                  value=\"one\">Select One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && question?.itemsUrl?.length != 1\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of question?.itemsUrl\" value=\"{{item.Key}}\">\r\n                                  {{item.Value}}\r\n                                </option>\r\n                              </select>\r\n                              <label *ngIf=\"question?.itemsUrl?.length == 1\">{{question.itemsUrl[0].Value}}</label>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='dropdown'\">\r\n                              <select name=\"{{question.name}}\" attr.data-required=\"{{question.isRequired}}\"\r\n                                [(ngModel)]=\"question.value\" [required]=\"question.isRequired\"\r\n                                class=\"form-control search-form-control\" attr.query-in=\"{{question.isQueryIn}}\"\r\n                                attr.data-type=\"{{question.datatype}}\" attr.data-name=\"{{question.name}}\"\r\n                                attr.label=\"{{question.label}}\"\r\n                                attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                [hidden]=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\"\r\n                                (change)=\"question.isEvent ? onChangeEvent($event.target.value, question) : ''\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls[question.name]?.touched || enjiForm.form.controls[question.name]?.dirty) && enjiForm.form.controls[question.name]?.invalid }\">\r\n                                <option\r\n                                  *ngIf=\"question.ddlType == 'one' && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                  value=\"one\">\r\n                                  Select One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && (!question.isFromURL ? question?.items?.length != 1 : question?.itemsUrl?.length != 1)\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of !question.isFromURL ? question?.items : question?.itemsUrl\"\r\n                                  value=\"{{!question.isFromURL ? item.key : item.Key}}\">\r\n                                  {{!question.isFromURL ? item.value : item.Value}}\r\n                                </option>\r\n                              </select>\r\n                              <label\r\n                                *ngIf=\"!question.isFromURL ? question?.items?.length == 1 : question?.itemsUrl?.length == 1\">{{!question.isFromURL\r\n                                ? question.items[0].value :\r\n                                question.itemsUrl[0].Value}}</label>\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='dropdownSearch'\">\r\n                              <div class=\"dds-display-item\">\r\n                                <input type=\"text\" class=\"form-control search-form-control dds-input\"\r\n                                  [(ngModel)]=\"question.value\" readonly\r\n                                  (click)=\"question.isListHide = !question.isListHide; question.searchText=''\">\r\n                              </div>\r\n                              <div class=\"dds-list-container\" [hidden]=\"question.isListHide\">\r\n                                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"question.searchText\"\r\n                                  placeholder=\"FILTER\">\r\n                                <div class=\"dds-items-container\">\r\n                                  <!-- blm tentu bisa -->\r\n                                  <div class=\"dds-list-item\" (click)=\"selectedOption({key:'',value:''},question)\">\r\n                                    Select One\r\n                                  </div>\r\n                                  <div class=\"dds-list-item\"\r\n                                    *ngFor=\"let item of question?.items | textSearch : question.searchText; let i=index\"\r\n                                    (click)=\"selectedOption(item,question)\"\r\n                                    [ngClass]=\"{'dds-active': isSelected(item, question.value)}\">\r\n                                    {{item?.value}}\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n\r\n                            </div>\r\n                            <div *ngIf=\"question.type=='claim'\">\r\n                              <select name=\"{{'claim'+[i]}}\" class=\"form-control search-form-control\"\r\n                                attr.data-type=\"{{'text'}}\" attr.data-crit-datatable=\"{{question.isCriteriaDataTable}}\"\r\n                                attr.data-name=\"{{'Assignee'}}\" [hidden]=\"ClaimList?.length == 1\"\r\n                                [ngClass]=\"{ 'is-invalid':(enjiForm.submitted || enjiForm.form.controls['claim'+[i]]?.touched || enjiForm.form.controls['claim'+[i]]?.dirty) && enjiForm.form.controls['claim'+[i]]?.invalid }\">\r\n                                <option *ngIf=\"question.ddlType == 'one' && ClaimList?.length != 1\" value=\"one\">Select\r\n                                  One</option>\r\n                                <option\r\n                                  *ngIf=\"(question?.ddlType == undefined || question.ddlType == 'all') && ClaimList?.length != 1\"\r\n                                  value=\"all\">All</option>\r\n                                <option *ngFor=\"let item of ClaimList\" value=\"{{item.Key}}\">\r\n                                  {{item.Value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <lib-uc-show-errors *ngIf=\"question.type!='datepicker'\"\r\n                              [control]=\"enjiForm.form.controls[question.name]\" [submit]=\"enjiForm.submitted\">\r\n                            </lib-uc-show-errors>\r\n                            <lib-uc-show-errors *ngIf=\"question.type=='datepicker'\"\r\n                              [control]=\"enjiForm.form.controls[question.name+[i]]\" [submit]=\"enjiForm.submitted\">\r\n                            </lib-uc-show-errors>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-6 form-group\" *ngIf=\"(isReport != undefined && isReport)\">\r\n                      <div class=\"col-md-12\">\r\n                        <div class=\"row\">\r\n                          <label class=\"col-md-5 no-padding\" translate>Report Type</label>\r\n                          <div class=\"col-md-7 no-padding\">\r\n                            <select name=\"ExportType\" [(ngModel)]=\"ExportType\" class=\"form-control search-form-control\"\r\n                              attr.data-type=\"text\">\r\n                              <option *ngFor=\"let item of ExportTypeList\" [value]=\"item.key\">{{item.value}}</option>\r\n                            </select>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-md-12 no-padding\">\r\n                    <div class=\"form-actions right\">\r\n                      <button *ngIf=\"exportData == true\" type=\"button\" (click)=\"exportAsXLSX()\"\r\n                        class=\"btn btn-raised btn-success mr-1\" translate>\r\n                        <i class=\"fa ft-download\"></i>&nbsp;<span translate>Export Excel</span>\r\n                      </button>\r\n                      <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                        <i class=\"fa fa-times\"></i>&nbsp;<span translate>Reset</span>\r\n                      </button>\r\n                      <button *ngIf=\"(isReport == undefined || !isReport)\" type=\"submit\"\r\n                        class=\"btn btn-raised btn-primary\" #UCSearchClick>\r\n                        <i class=\"fa fa-search\"></i>&nbsp;<span translate>Search</span>\r\n                      </button>\r\n                      <button *ngIf=\"(isReport != undefined && isReport)\" type=\"button\" (click)=\"GenerateReport()\"\r\n                        class=\"btn btn-raised btn-primary\">\r\n                        <i class=\"fa ft-download\"></i>&nbsp;<span translate>Generate\r\n                          Report</span>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n<br>\r\n<!-- // Basic form layout section end -->",
                 providers: [ExcelService, DatePipe],
                 animations: [
                     trigger('changeDivSize', [
@@ -1338,7 +1356,7 @@ UCSearchComponent.decorators = [
                         transition('final=>initial', animate('300ms'))
                     ]),
                 ],
-                styles: [".ucSearch-title{margin:3px}"]
+                styles: [".ucSearch-title{margin:3px}.dds-input{background-color:#fff;text-transform:uppercase}.dds-display-item:after{content:'\\e929';font-family:feather;font-size:1rem;display:inline-block;position:absolute;right:20px;top:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dds-list-container{position:relative}.dds-items-container{border:1px solid #00b7d4;background-color:#fff;position:absolute;font-size:1rem;overflow:auto;height:500%;width:100%;z-index:9;top:100%}.dds-list-item{padding:2px 5px;cursor:pointer}.dds-list-item:hover{background-color:#1a73e8;color:#fff}.dds-active{background-color:#ddd}"]
             }] }
 ];
 /** @nocollapse */
@@ -1362,6 +1380,38 @@ UCSearchComponent.propDecorators = {
     reqGetAllData: [{ type: Output }]
 };
 
+/**
+ * @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'
+            },] }
+];
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1383,7 +1433,7 @@ class UCSearchModule {
 }
 UCSearchModule.decorators = [
     { type: NgModule, args: [{
-                declarations: [UCSearchComponent],
+                declarations: [UCSearchComponent, TextSearchPipe],
                 imports: [
                     CommonModule,
                     FormsModule,
@@ -1406,6 +1456,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, TextSearchPipe as ɵb, ExcelService as ɵa };
 
 //# sourceMappingURL=adins-ucsearch.js.map