@adins/ucsearch 2.0.13 → 2.0.14

package/README.md

@@ -4,6 +4,9 @@ This library was generated with [Angular CLI](https://github.com/angular/angular
 
 ## Version
 
+Version 2.0.14
+1. Key Value
+
 Version 2.0.13
 1. tambah ReturnObject di ResolveObj
 

package/bundles/ucsearch.umd.js

@@ -749,7 +749,7 @@
         UCSearchComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'lib-UCSearch',
-                        template: "<!-- Basic form layout section start -->\r\n<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div class=\"card\">\r\n        <div class=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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],
                         animations: [
                             animations.trigger('changeDivSize', [

package/bundles/ucsearch.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common/http"),require("@angular/platform-browser"),require("file-saver"),require("xlsx"),require("@angular/animations"),require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("ucsearch",["exports","@angular/common/http","@angular/platform-browser","file-saver","xlsx","@angular/animations","@angular/core","@angular/common"],t):t(e.ucsearch={},e.ng.common.http,e.ng.platformBrowser,e.FileSaver,e.XLSX,e.ng.animations,e.ng.core,e.ng.common)}(this,function(e,t,i,n,o,r,a,g){"use strict";var s=(l.decorators=[{type:a.Injectable,args:[{providedIn:"root"}]}],l.ctorParameters=function(){return[]},l.ngInjectableDef=a.defineInjectable({factory:function(){return new l},token:l,providedIn:"root"}),l);function l(){}var u=function v(){this.low=0,this.high=0,this.DataType="Text"},m=function A(){this.includeCount=!0,this.includeData=!0,this.isLoading=!0,this.queryString="",this.rowVersion=""},p=(d.RestrictionLike="Like",d.RestrictionEq="Eq",d.showData="10,50,100",d.TimeoutSession=6e6,d.GetListProduct="http://creator_websvr:7272/NEW_FINANCING/api/Catalog/getPopularViewByCriteria",d.Login="/UserManagement/HTML5Login",d.LoginToken="/UserManagement/HTML6Login",d.Logout="/UserManagement/LogOut",d.GetListOffice="/RefOffice/GetRefOfficePaging",d.GetProvince="/los/v1/get_provinsi",d.GetCityByProvince="/los/v1/get_kota",d.getProspectByProspectNo="/api/MobileProspectTask/GetProspectByProspectNo",d.submitNCProspect="/api/MobileProspectTask/submitNCProspect",d.addCustPersonal="",d.FormDefault="dashboard/dash-board",d.GetBusinessDt="/GeneralSetting/GetBusinessDate",d.AddGeneralSetting="/GeneralSetting/AddGeneralSetting",d.EditGeneralSetting="/GeneralSetting/EditGeneralSetting",d.GetGeneralSettingPaging="/GeneralSetting/GetGeneralSettingPaging",d.GetGeneralSettingById="/GeneralSetting/GetGeneralSettingById",d.GetGeneralSettingValue="/GeneralSetting/GetGeneralSettingValue",d.GetRefOfficeObj="/RefOffice/GetRefOfficeObj",d.GetRefOfficeActiveAndNonVirtualKeyValue="/RefOffice/GetRefOfficeActiveAndNonVirtualKeyValue",d.GetAllRefOffice="/RefOffice/GetAllRefOffice",d.GetListUpperHierarchyRefOfficeByRefOrgId="/RefOffice/GetListUpperHierarchyRefOfficeByRefOrgId",d.AddRefOffice="/RefOffice/AddRefOffice",d.EditRefOffice="/RefOffice/EditRefOffice",d.DeleteRefOffice="/RefOffice/DeleteRefOffice",d.GetAllListArea="/RefOfficeArea/GetAllListArea",d.GetRefOfficeAreaPaging="/RefOfficeArea/GetRefOfficeAreaPaging",d.GetRefArea="/RefOfficeArea/GetRefArea",d.AddRefOfficeArea="/RefOfficeArea/AddRefOfficeArea",d.EditRefOfficeArea="/RefOfficeArea/EditRefOfficeArea",d.DeleteRefOfficeArea="/RefOfficeArea/DeleteRefOfficeArea",d.CheckDuplAreaCode="/RefOfficeArea/CheckDuplAreaCode",d.GetRefOrg="/OrganizationDefinition/GetRefOrg",d.EditRefOrgWithOldParentId="/OrganizationDefinition/EditRefOrgWithOldParentId",d.DeleteRefOrg="/OrganizationDefinition/DeleteRefOrg",d.GetListAllRefOrg="/OrganizationDefinition/GetListAllRefOrg",d.AddRefOrg="/OrganizationDefinition/AddRefOrg",d.GetRefOrgPaging="/OrganizationDefinition/GetRefOrgPaging",d.GetAllRefBizUnit="/OrganizationDefinition/GetAllRefBizUnit",d.GetOrgJobTitleByMdlStruc="/OrganizationDefinition/GetOrgJobTitleByMdlStruc",d.GetRefBizUnitByOffice="/OrganizationDefinition/GetRefBizUnitByOffice",d.GetAllOrgMdl="/OrganizationDefinition/GetAllOrgMdl",d.GetAllActiveOrgMdlByRefOrgId="/OrganizationDefinition/GetAllActiveOrgMdlByRefOrgId",d.GetOrgMdlPaging="/OrganizationDefinition/GetOrgMdlPaging",d.DeleteOrgMdl="/OrganizationDefinition/DeleteOrgMdl",d.EditOrgMdl="/OrganizationDefinition/EditOrgMdl",d.AddOrgMdl="/OrganizationDefinition/AddOrgMdl",d.GetOrgMdl="/OrganizationDefinition/GetOrgMdl",d.GetOrgMdlByOrgMdlId="/OrganizationDefinition/GetOrgMdlByOrgMdlId",d.GetAllRefBizUnitKeyValuePair="/OrganizationDefinition/GetAllRefBizUnitKeyValuePair",d.DeleteOrgMdlStruc="/OrganizationDefinition/DeleteOrgMdlStruc",d.AddOrgMdlStruc="/OrganizationDefinition/AddOrgMdlStruc",d.EditOrgMdlStruc="/OrganizationDefinition/EditOrgMdlStruc",d.GetOrgMdlStruc="/OrganizationDefinition/GetOrgMdlStruc",d.GetOrgMdlStrucPaging="/OrganizationDefinition/GetOrgMdlStrucPaging",d.GetOrgMdlStrucById="/OrganizationDefinition/GetOrgMdlStrucById",d.GetRefJobTitle="/OrganizationDefinition/GetRefJobTitlePaging",d.AddRefJobTitle="/OrganizationDefinition/AddRefJobTitle",d.EditRefJobTitle="/OrganizationDefinition/EditRefJobTitle",d.DeleteRefJobTitle="/OrganizationDefinition/DeleteRefJobTitle",d.GetJobPositionLvl="/OrganizationDefinition/GetJobPositionLvl",d.GetRefJobTitleById="/OrganizationDefinition/GetRefJobTitleByRefJobTitleId",d.GetOrgJobTitlePaging="/OrganizationDefinition/GetOrgJobTitlePaging",d.AddOrgJobTitle="/OrganizationDefinition/AddOrgJobTitle",d.EditOrgJobTitle="/OrganizationDefinition/EditOrgJobTitle",d.DeleteOrgJobTitle="/OrganizationDefinition/DeleteOrgJobTitle",d.GetOrgJobTitleByOrgJobTitleId="/OrganizationDefinition/GetOrgJobTitleByOrgJobTitleId",d.GetBankPaging="/RefBank/GetRefBankPaging",d.GetBank="/RefBank/GetBank",d.EditRefBank="/RefBank/EditRefBank",d.AddRefBank="/RefBank/AddRefBank",d.DeleteRefBank="/RefBank/DeleteRefBank",d.GetBankByBankCode="/RefBank/GetBankByBankCode",d.GetListEmployee="/RefEmp/GetRefEmpPaging",d.GetRefEmployeeById="/RefEmp/GetEmp",d.AddRefEmp="/RefEmp/AddRefEmp",d.EditRefEmp="/RefEmp/EditRefEmp",d.DeleteRefEmployee="/RefEmp/DeleteRefEmp",d.AddEmpBankAcc="/EmpBankAcc/AddEmpBankAcc",d.GetEmpBankAccByRefEmpId="/EmpBankAcc/GetEmpBankAccByRefEmpId",d.AddRefEmpAndEmpBankAcc="/RefEmp/AddRefEmpAndEmpBankAcc",d.EditRefEmpAndEmpBankAcc="/RefEmp/EditRefEmpAndEmpBankAcc",d.DeleteRefEmpAndEmpBankAcc="/RefEmp/DeleteRefEmpAndEmpBankAcc",d.GetListEmployeebyRefEmpId="/EmpPosition/GetListEmployeebyRefEmpId",d.GetEmpListByOfficeIdAndIsActive="/RefEmp/GetEmpListByOfficeIdAndIsActive",d.GetEmpPositionPaging="/EmpPosition/GetEmpPositionPaging",d.GetEmpByEmpPositionId="/EmpPosition/GetEmpByEmpPositionId",d.AddEmpPosition="/EmpPosition/AddEmpPosition",d.EditEmpPosition="/EmpPosition/EditEmpPosition",d.DeleteEmpPosition="/EmpPosition/DeleteEmpPosition",d.GetListUserEmployee="/EmpPosition/GetListUserEmployee",d.GetRefUserPaging="/UserManagement/GetRefUserPaging",d.AddRefUser="/UserManagement/AddRefUser",d.EditRefUser="/UserManagement/EditRefUser",d.ChangePassword="/UserManagement/ChangePassword",d.GetRefUser="/UserManagement/GetRefUser",d.GetUserByUsername="/UserManagement/GetUserByUsername",d.ValidatePwd="/UserManagement/ValidatePwd",d.GetCountRefUserByRefEmpId="/UserManagement/GetCountRefUserByRefEmpId",d.ResetPassword="/UserManagement/ResetPassword",d.GetRefRolePaging="/UserManagement/GetRefRolePaging",d.AddRefRole="/UserManagement/AddRefRole",d.EditRefRole="/UserManagement/EditRefRole",d.DeleteRefRole="/UserManagement/DeleteRefRole",d.GetRefRoleByRefRoleId="/RefRole/GetRefRoleByRefRoleId",d.GetRefRole="/RefRole/GetRefRole",d.GetListDataCurrentUser="/UserManagement/GetListDataCurrentUser",d.GetRefRoleByEmpPositionId="/RefRole/GetRefRoleByEmpPositionId",d.EditUserTitleRole="/UserManagement/EditUserTitleRole",d.AddUserTitleRole="/UserManagement/AddUserTitleRole",d.AssignRoleToUsers="/UserManagement/AssignRoleToUsers",d.GetUserTitleRoleByEmpPositionIdAndRefRoleId="/UserManagement/GetUserTitleRoleByEmpPositionIdAndRefRoleId",d.GetRefZipcodePaging="/RefZipcode/GetRefZipcodePaging",d.GetRefZipCode="/RefZipcode/GetRefZipcode",d.GetRefProvDistrictObj="/RefProvDistrict/GetRefProvDistrict",d.EditRefZipcode="/RefZipcode/EditRefZipCode",d.AddRefZipcode="/RefZipcode/AddRefZipCode",d.DeleteRefZipcode="/RefZipcode/DeleteRefZipCode",d.GetBusinessUnitPaging="/OrganizationDefinition/GetRefBizUnitPaging",d.GetRefBizUnit="/OrganizationDefinition/GetRefBizUnit",d.AddRefBizUnit="/OrganizationDefinition/AddRefBizUnit",d.EditRefBizUnit="/OrganizationDefinition/EditRefBizUnit",d.GetRefCoyPaging="/RefCoy/GetRefCoyPaging",d.GetRefCoy="/RefCoy/GetRefCoy",d.EditRefCoy="/RefCoy/EditRefCoy",d.GetCoyBodPaging="/CoyBod/GetCoyBodPaging",d.AddCoyBod="/CoyBod/AddCoyBOD",d.EditCoyBod="/CoyBod/EditCoyBOD",d.DeleteCoyBod="/CoyBod/DeleteCoyBOD",d.GetCoyBod="/CoyBod/GetCoyBod",d.GetCommissionerPaging="/CoyCommissioner/GetCoyCommissionerPaging",d.AddCoyCommissioner="/CoyCommissioner/AddCoyCommissioner",d.EditCoyCommissioner="/CoyCommissioner/EditCoyCommissioner",d.DeleteCoyCommissioner="/CoyCommissioner/DeleteCoyCommissioner",d.GetCoyCommissioner="/CoyCommissioner/GetCoyCommissioner",d.GetAllActiveRefTaxOffice="/RefTaxOffice/GetAllActiveRefTaxOffice",d.GetRefMasterList="/RefMaster/GetRefMasterList",d.GetRefMastersByCriteria="/RefMaster/GetRefMastersByCriteria",d.GetRefMaster="/RefMaster/GetRefMaster",d.GetRefMasterListByTypeCode="/RefMaster/GetRefMasterListByTypeCode",d.GetRefMasterListKeyValuePair="/RefMaster/GetRefMasterListKeyValuePair",d.AddRefMaster="/RefMaster/AddRefMaster",d.EditRefMaster="/RefMaster/EditRefMaster",d.GetRefMasterType="/RefMaster/GetRefMasterType",d.DeleteRefMaster="/RefMaster/DeleteRefMaster",d.GetRefMasterPaging="/RefMaster/GetRefMasterPaging",d.GetRefProvDistrictPaging="/RefProvDistrict/GetRefProvDistrictPaging",d.GetRefFormPaging="/MenuManagement/GetRefFormPaging",d.GetAllActiveRefFormByRefRoleId="/MenuManagement/GetAllActiveRefFormByRefRoleId",d.GetRefFormByRefFormId="/MenuManagement/GetRefFormByRefFormId",d.EditRefForm="/MenuManagement/EditRefForm",d.AddRefForm="/MenuManagement/AddRefForm",d.DeleteRefForm="/MenuManagement/DeleteRefForm",d.AssignRoleToForms="/MenuManagement/AssignRoleToForms",d.GetAllAuthFormsByRefRoleId="/MenuManagement/GetAllAuthFormsByRefRoleId",d.GetAuthByRefFormIdAndRefRoleId="/MenuManagement/GetAuthByRefFormIdAndRefRoleId",d.UpdateFormFeatureAuthForm="/MenuManagement/UpdateFormFeatureAuthForm",d.GetListRefFeature="/RefFeature/GetListRefFeature",d.GetRefFeatureByComponent="/RefFeature/GetRefFeatureByComponent",d.GetAllActiveHolidaySchmH="/Holiday/GetAllActiveHolidaySchmH",d.GetHolidayPaging="/Holiday/GetHolidayPaging",d.AddHolidaySchmH="/Holiday/AddHolidaySchmH",d.AddHolidaySchmD="/Holiday/AddHolidaySchmD",d.AddHolidaySchmDUntilYear="/Holiday/AddHolidaySchmDUntilYear",d.GetHolidaySchmH="/Holiday/GetHolidaySchmH",d.EditHolidaySchmHOnly="/Holiday/EditHolidaySchmHOnly",d.DeleteHolidaySchmH="/Holiday/DeleteHolidaySchmH",d.DeleteHolidaySchmD="/Holiday/DeleteHolidaySchmD",d.GetHolidayDetailPaging="/Holiday/GetHolidayDetailPaging",d.SelectRole="/UserSessionLog/SelectRole",d.NotificationPost="/Message/Post",d.GetRefCurrPaging="/RefCurr/GetRefCurrPaging",d.AddRefCurr="/RefCurr/AddRefCurr",d.EditRefCurr="/RefCurr/EditRefCurr",d.GetRefCurr="/RefCurr/GetRefCurr",d.AddExchangeRate="/RefCurr/AddExchangeRate",d.EditExchangeRate="/RefCurr/EditExchangeRate",d.GetExchangeRate="/RefCurr/GetExchangeRate",d.GetListOfWorkingHourSchm="/WorkHour/GetListOfWorkingHourSchm",d.GetWorkHourSchmHPaging="/WorkHour/GetWorkHourSchmHPaging",d.AddWorkingHourSchmH="/WorkHour/AddWorkingHourSchmH",d.EditWorkingHourSchmH="/WorkHour/EditWorkingHourSchmH",d.GetWorkingHourSchmH="/WorkHour/GetWorkingHourSchmH",d.GetWorkingHourSchmD="/WorkHour/GetWorkingHourSchmD",d.DeleteWorkingHourSchmH="/WorkHour/DeleteWorkingHourSchmH",d);function d(){}var f=(c.prototype.exportAsExcelFile=function(e,t){var i=o.utils.json_to_sheet(e);console.log("worksheet",i);var n={Sheets:{data:i},SheetNames:["data"]},r=o.write(n,{bookType:"xlsx",type:"array"});this.saveAsExcelFile(r,t)},c.prototype.saveAsExcelFile=function(e,t){var i=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8"});n.saveAs(i,t+"_export_"+(new Date).getTime()+".xlsx")},c.decorators=[{type:a.Injectable}],c.ctorParameters=function(){return[]},c);function c(){}var R=(y.prototype.hide=function(e){console.log(e);var t=event.srcElement;console.log(t)},y.prototype.changeState=function(){this.currentState="initial"===this.currentState?"final":"initial",this.isHidden=!1===this.isHidden,console.log(this.currentState)},y.prototype.ngOnInit=function(){this.apiUrl=this.searchInput.enviromentUrl+this.searchInput.apiQryPaging,this.arrCrit=this.searchInput.arrCritObj;var e=this._renderer2.createElement("script");e.text='\n          $(document).ready(function(){\n            $("#flip").click(function(){\n              $("#panel").slideToggle("slow");\n            });\n          });\n        ',this._renderer2.appendChild(this._document.body,e),this.initiateForm()},y.prototype.initiateForm=function(){var c=this;this.getJSON(this.searchInput._url).subscribe(function(e){console.log(e),c.configuration=e,c.urlGet=e.url,c.exportData=e.exportExcel,c.countForm=e.component.length,c.isDataLoaded=!0;for(var t=0;t<c.countForm;t++){if(1==e.component[t].isFromURL){var i=new m,n=new Array,r=new u;r.DataType="text",r.propName=e.component[t].criteriaPropName,r.value=e.component[t].criteriaPropValue,r.restriction="eq",n.push(r),i.criteria=n,c.resolveObject(e.component[t],e.component[t].url,i)}if("numeric"==e.component[t].type&&(e.component[t].value=parseFloat(e.component[t].value).toLocaleString("en")),"datepicker"==e.component[t].type&&e.component[t].value.includes("BD")){var o=new Date(JSON.parse(localStorage.getItem("UserContext")).BusinessDate),a=e.component[t].value.charAt(2),s=new Date;if("-"==a){var l=e.component[t].value.split("-",2),d=parseInt(l[1]);s.setDate(o.getDate()-d)}else"+"==a&&(l=e.component[t].value.split("+",2),d=parseInt(l[1]),s.setDate(o.getDate()+d));var f=g.formatDate(s,"yyyy-MM-dd","en-US");e.component[t].value=f}}})},y.prototype.getJSON=function(e){return this.http.get(e)},y.prototype.postJSON=function(e,t){return void 0===t&&(t=null),this.http.post(e,t)},y.prototype.searchClick=function(){this.orderByKey=null,this.orderByValue=!0,this.pageNow=1,this.search(this.apiUrl,this.pageNow,this.pageSize,null,this.arrCrit)},y.prototype.reset=function(){this.initiateForm()},y.prototype.search=function(e,i,t,n,r){var o=this;void 0===r&&(r=new Array);var a=new m,s=new Array;a.pageNo=i,a.rowPerPage=t,a.orderBy=n,a.queryString=this.configuration.querystring;for(var l=0;l<this.countForm;l++){var d=new u,f=this.myForm.nativeElement[l];if(d.DataType=f.getAttribute("data-type"),console.log(f),""!=f.value)if("SELECT"==f.nodeName){var c=f.options,g=c[c.selectedIndex].value;"All"!=g&&(d.restriction=p.RestrictionEq,d.propName=f.name,d.value=g,s.push(d))}else d.propName=f.name,d.value=f.value,f.value.includes("%")?d.restriction=p.RestrictionLike:""!=f.getAttribute("data-restriction")&&null!=f.getAttribute("data-restriction")?(d.restriction=f.getAttribute("data-restriction"),"numeric"==f.getAttribute("data-type")&&(f.value=parseFloat(f.value.replace(/,/g,"")),console.log(f.value))):d.restriction=p.RestrictionEq,s.push(d)}if(null!=r&&r!=undefined){if(0!=r.length)for(l=0;l<r.length;l++)s.push(r[l]);else if(null!=this.searchInput.addCritInput||this.searchInput.addCritInput!=undefined)for(l=0;l<this.searchInput.addCritInput.length;l++)s.push(this.searchInput.addCritInput[l])}else if(null!=this.searchInput.addCritInput||this.searchInput.addCritInput!=undefined)for(l=0;l<this.searchInput.addCritInput.length;l++)s.push(this.searchInput.addCritInput[l]);a.criteria=s,this.http.post(e,a).subscribe(function(e){var t={response:e,pageNow:i};return console.log(t),o.result.emit(t),e})},y.prototype.lessThanFour=function(){return!(3<this.countForm)},y.prototype.resolveObject=function(t,e,i){void 0===i&&(i=null),this.postJSON(e,i).subscribe(function(e){t.itemsUrl=e.ReturnObject})},y.prototype.transformAmount=function(e){this.formattedAmount=parseFloat(e.target.value).toLocaleString("en"),e.target.value=this.formattedAmount},y.prototype.transformToDecimal=function(e){e.target.value=parseFloat(e.target.value.toString().replace(/,/g,""))},y.prototype.exportAsXLSX=function(){var t=this,e=new m;e.pageNo=1,e.rowPerPage=9999,e.orderBy=null,e.criteria=[],e.queryString=this.configuration.querystring,this.http.post(this.apiUrl,e).subscribe(function(e){t.ExcelData=e.Data,t.excelService.exportAsExcelFile(t.ExcelData,"sample"),console.log(e)},function(e){console.log(e)})},y.prototype.onChangeEvent=function(e,t){for(var i=this.configuration.component,n=0;n<t.affectedFilter.length;n++)for(var r=0;r<i.length;r++)if(i[r].name==t.affectedFilter[n]){var o=new m,a=new Array;if("All"!=e){var s=new u;s.DataType=t.datatype,s.propName=t.name,s.value=e,s.restriction=p.RestrictionEq,a.push(s)}o.criteria=a,this.resolveObject(i[r],i[r].url,o)}},y.decorators=[{type:a.Component,args:[{selector:"lib-UCSearch",template:'\x3c!-- Basic form layout section start --\x3e\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="card-body">\r\n          <div class="px-3">\r\n            <form class="form form-horizontal" id="formSearch" #formIdSearch>\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;" [ngClass]="isHidden ? \'fa-chevron-right\' : \'fa-chevron-down\'"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \r\n                </h4>\r\n                \x3c!-- Ini Digunakan untuk Generate Dynamic Component --\x3e\r\n                \x3c!-- [hidden]="isHidden" --\x3e\r\n                <div class="panel-active" [@changeDivSize]=currentState>\r\n                  <div class="row">\r\n                    <div class="col-md-6 form-group"\r\n                      *ngFor="let question of configuration?.component">\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                          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                              name="{{question.name}}" value="{{question.value}}"\r\n                              attr.data-type="{{question.datatype}}" attr.data-restriction="{{question.restriction}}" >\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                              name="{{question.name}}" attr.data-type="{{question.datatype}}"\r\n                              value="{{question.value}}"></textarea>\r\n                          </div>\r\n                          <div *ngIf="question.type==\'numeric\'">\r\n                            <input type="text" id="{{question.id}}" (focus)="transformToDecimal($event)"\r\n                              (blur)="transformAmount($event)" class="form-control search-form-control"\r\n                              name="{{question.name}}" value="{{question.value}}"\r\n                              attr.data-restriction="{{question.restriction}}" attr.data-type="{{question.datatype}}">\r\n                          </div>\r\n                          \r\n                          \x3c!-- End Hardcode Lookup didalem--\x3e\r\n                          <div *ngIf="question.type==\'datepicker\'">\r\n                            <input type="date" id="{{question.id}}" class="form-control search-form-control btn-lookup"\r\n                              name="{{question.name}}" value="{{question.value}}" attr.data-type="{{question.datatype}}"\r\n                              attr.data-restriction="{{question.restriction}}">\r\n                          </div>\r\n                          <div *ngIf="question.type==\'dropdown\'">\r\n                            \x3c!-- Ini kalau datanya tidak di load dari URL --\x3e\r\n                            <div *ngIf="!question.isFromURL">\r\n                              <select name="{{question.name}}"\r\n                                class="form-control search-form-control" attr.data-type="{{question.datatype}}">\r\n                                <option *ngIf="!question.isSelectOne" value="All">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor="let item of question?.items" value="{{item.key}}">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            \x3c!-- Ini kalau datanya di load dari URL --\x3e\r\n                            <div *ngIf="question.isFromURL">\r\n                                <div *ngIf="question.isEvent">\r\n                                    <select name="{{question.name}}" (change)="onChangeEvent($event.target.value, question)"\r\n                                      class="form-control search-form-control" attr.data-type="{{question.datatype}}">\r\n                                      <option *ngIf="!question.isSelectOne" value="All">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf="!question.isEvent">\r\n                                    <select name="{{question.name}}"\r\n                                      class="form-control search-form-control" attr.data-type="{{question.datatype}}">\r\n                                      <option *ngIf="!question.isSelectOne" value="All">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type="button" (click)="reset()" class="btn btn-raised btn-warning mr-1" translate>\r\n                          <i class="ft-x"></i> Reset\r\n                        </button>\r\n                        <button type="button" (click)="searchClick()" class="btn btn-raised btn-primary" translate>\r\n                          <i class="fa fa-search"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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\x3c!-- // Basic form layout section end --\x3e',providers:[f],animations:[r.trigger("changeDivSize",[r.state("initial",r.style({height:"*",opacity:"1"})),r.state("final",r.style({height:"0px",opacity:"0",overflow:"hidden"})),r.transition("initial=>final",r.animate("300ms")),r.transition("final=>initial",r.animate("300ms"))])]}]}],y.ctorParameters=function(){return[{type:t.HttpClient},{type:f},{type:a.Renderer2},{type:undefined,decorators:[{type:a.Inject,args:[i.DOCUMENT]}]}]},y.propDecorators={myForm:[{type:a.ViewChild,args:["formIdSearch"]}],searchInput:[{type:a.Input}],result:[{type:a.Output}]},y);function y(e,t,i,n){this.http=e,this.excelService=t,this._renderer2=i,this._document=n,this.result=new a.EventEmitter,this.pageSize=10,this.pageNow=1,this.isDataLoaded=!1,this.isHidden=!1,this.currentState="initial",this.payLoad="",this.countForm=0,this.formattedAmount="",this.amount=0}var h=(G.decorators=[{type:a.NgModule,args:[{declarations:[R],imports:[g.CommonModule],exports:[R]}]}],G);function G(){}e.UCSearchService=s,e.UCSearchComponent=R,e.UCSearchModule=h,e.ɵa=f,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common/http"),require("@angular/platform-browser"),require("file-saver"),require("xlsx"),require("@angular/animations"),require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("ucsearch",["exports","@angular/common/http","@angular/platform-browser","file-saver","xlsx","@angular/animations","@angular/core","@angular/common"],t):t(e.ucsearch={},e.ng.common.http,e.ng.platformBrowser,e.FileSaver,e.XLSX,e.ng.animations,e.ng.core,e.ng.common)}(this,function(e,t,i,n,o,r,a,g){"use strict";var s=(l.decorators=[{type:a.Injectable,args:[{providedIn:"root"}]}],l.ctorParameters=function(){return[]},l.ngInjectableDef=a.defineInjectable({factory:function(){return new l},token:l,providedIn:"root"}),l);function l(){}var u=function A(){this.low=0,this.high=0,this.DataType="Text"},m=function v(){this.includeCount=!0,this.includeData=!0,this.isLoading=!0,this.queryString="",this.rowVersion=""},p=(d.RestrictionLike="Like",d.RestrictionEq="Eq",d.showData="10,50,100",d.TimeoutSession=6e6,d.GetListProduct="http://creator_websvr:7272/NEW_FINANCING/api/Catalog/getPopularViewByCriteria",d.Login="/UserManagement/HTML5Login",d.LoginToken="/UserManagement/HTML6Login",d.Logout="/UserManagement/LogOut",d.GetListOffice="/RefOffice/GetRefOfficePaging",d.GetProvince="/los/v1/get_provinsi",d.GetCityByProvince="/los/v1/get_kota",d.getProspectByProspectNo="/api/MobileProspectTask/GetProspectByProspectNo",d.submitNCProspect="/api/MobileProspectTask/submitNCProspect",d.addCustPersonal="",d.FormDefault="dashboard/dash-board",d.GetBusinessDt="/GeneralSetting/GetBusinessDate",d.AddGeneralSetting="/GeneralSetting/AddGeneralSetting",d.EditGeneralSetting="/GeneralSetting/EditGeneralSetting",d.GetGeneralSettingPaging="/GeneralSetting/GetGeneralSettingPaging",d.GetGeneralSettingById="/GeneralSetting/GetGeneralSettingById",d.GetGeneralSettingValue="/GeneralSetting/GetGeneralSettingValue",d.GetRefOfficeObj="/RefOffice/GetRefOfficeObj",d.GetRefOfficeActiveAndNonVirtualKeyValue="/RefOffice/GetRefOfficeActiveAndNonVirtualKeyValue",d.GetAllRefOffice="/RefOffice/GetAllRefOffice",d.GetListUpperHierarchyRefOfficeByRefOrgId="/RefOffice/GetListUpperHierarchyRefOfficeByRefOrgId",d.AddRefOffice="/RefOffice/AddRefOffice",d.EditRefOffice="/RefOffice/EditRefOffice",d.DeleteRefOffice="/RefOffice/DeleteRefOffice",d.GetAllListArea="/RefOfficeArea/GetAllListArea",d.GetRefOfficeAreaPaging="/RefOfficeArea/GetRefOfficeAreaPaging",d.GetRefArea="/RefOfficeArea/GetRefArea",d.AddRefOfficeArea="/RefOfficeArea/AddRefOfficeArea",d.EditRefOfficeArea="/RefOfficeArea/EditRefOfficeArea",d.DeleteRefOfficeArea="/RefOfficeArea/DeleteRefOfficeArea",d.CheckDuplAreaCode="/RefOfficeArea/CheckDuplAreaCode",d.GetRefOrg="/OrganizationDefinition/GetRefOrg",d.EditRefOrgWithOldParentId="/OrganizationDefinition/EditRefOrgWithOldParentId",d.DeleteRefOrg="/OrganizationDefinition/DeleteRefOrg",d.GetListAllRefOrg="/OrganizationDefinition/GetListAllRefOrg",d.AddRefOrg="/OrganizationDefinition/AddRefOrg",d.GetRefOrgPaging="/OrganizationDefinition/GetRefOrgPaging",d.GetAllRefBizUnit="/OrganizationDefinition/GetAllRefBizUnit",d.GetOrgJobTitleByMdlStruc="/OrganizationDefinition/GetOrgJobTitleByMdlStruc",d.GetRefBizUnitByOffice="/OrganizationDefinition/GetRefBizUnitByOffice",d.GetAllOrgMdl="/OrganizationDefinition/GetAllOrgMdl",d.GetAllActiveOrgMdlByRefOrgId="/OrganizationDefinition/GetAllActiveOrgMdlByRefOrgId",d.GetOrgMdlPaging="/OrganizationDefinition/GetOrgMdlPaging",d.DeleteOrgMdl="/OrganizationDefinition/DeleteOrgMdl",d.EditOrgMdl="/OrganizationDefinition/EditOrgMdl",d.AddOrgMdl="/OrganizationDefinition/AddOrgMdl",d.GetOrgMdl="/OrganizationDefinition/GetOrgMdl",d.GetOrgMdlByOrgMdlId="/OrganizationDefinition/GetOrgMdlByOrgMdlId",d.GetAllRefBizUnitKeyValuePair="/OrganizationDefinition/GetAllRefBizUnitKeyValuePair",d.DeleteOrgMdlStruc="/OrganizationDefinition/DeleteOrgMdlStruc",d.AddOrgMdlStruc="/OrganizationDefinition/AddOrgMdlStruc",d.EditOrgMdlStruc="/OrganizationDefinition/EditOrgMdlStruc",d.GetOrgMdlStruc="/OrganizationDefinition/GetOrgMdlStruc",d.GetOrgMdlStrucPaging="/OrganizationDefinition/GetOrgMdlStrucPaging",d.GetOrgMdlStrucById="/OrganizationDefinition/GetOrgMdlStrucById",d.GetRefJobTitle="/OrganizationDefinition/GetRefJobTitlePaging",d.AddRefJobTitle="/OrganizationDefinition/AddRefJobTitle",d.EditRefJobTitle="/OrganizationDefinition/EditRefJobTitle",d.DeleteRefJobTitle="/OrganizationDefinition/DeleteRefJobTitle",d.GetJobPositionLvl="/OrganizationDefinition/GetJobPositionLvl",d.GetRefJobTitleById="/OrganizationDefinition/GetRefJobTitleByRefJobTitleId",d.GetOrgJobTitlePaging="/OrganizationDefinition/GetOrgJobTitlePaging",d.AddOrgJobTitle="/OrganizationDefinition/AddOrgJobTitle",d.EditOrgJobTitle="/OrganizationDefinition/EditOrgJobTitle",d.DeleteOrgJobTitle="/OrganizationDefinition/DeleteOrgJobTitle",d.GetOrgJobTitleByOrgJobTitleId="/OrganizationDefinition/GetOrgJobTitleByOrgJobTitleId",d.GetBankPaging="/RefBank/GetRefBankPaging",d.GetBank="/RefBank/GetBank",d.EditRefBank="/RefBank/EditRefBank",d.AddRefBank="/RefBank/AddRefBank",d.DeleteRefBank="/RefBank/DeleteRefBank",d.GetBankByBankCode="/RefBank/GetBankByBankCode",d.GetListEmployee="/RefEmp/GetRefEmpPaging",d.GetRefEmployeeById="/RefEmp/GetEmp",d.AddRefEmp="/RefEmp/AddRefEmp",d.EditRefEmp="/RefEmp/EditRefEmp",d.DeleteRefEmployee="/RefEmp/DeleteRefEmp",d.AddEmpBankAcc="/EmpBankAcc/AddEmpBankAcc",d.GetEmpBankAccByRefEmpId="/EmpBankAcc/GetEmpBankAccByRefEmpId",d.AddRefEmpAndEmpBankAcc="/RefEmp/AddRefEmpAndEmpBankAcc",d.EditRefEmpAndEmpBankAcc="/RefEmp/EditRefEmpAndEmpBankAcc",d.DeleteRefEmpAndEmpBankAcc="/RefEmp/DeleteRefEmpAndEmpBankAcc",d.GetListEmployeebyRefEmpId="/EmpPosition/GetListEmployeebyRefEmpId",d.GetEmpListByOfficeIdAndIsActive="/RefEmp/GetEmpListByOfficeIdAndIsActive",d.GetEmpPositionPaging="/EmpPosition/GetEmpPositionPaging",d.GetEmpByEmpPositionId="/EmpPosition/GetEmpByEmpPositionId",d.AddEmpPosition="/EmpPosition/AddEmpPosition",d.EditEmpPosition="/EmpPosition/EditEmpPosition",d.DeleteEmpPosition="/EmpPosition/DeleteEmpPosition",d.GetListUserEmployee="/EmpPosition/GetListUserEmployee",d.GetRefUserPaging="/UserManagement/GetRefUserPaging",d.AddRefUser="/UserManagement/AddRefUser",d.EditRefUser="/UserManagement/EditRefUser",d.ChangePassword="/UserManagement/ChangePassword",d.GetRefUser="/UserManagement/GetRefUser",d.GetUserByUsername="/UserManagement/GetUserByUsername",d.ValidatePwd="/UserManagement/ValidatePwd",d.GetCountRefUserByRefEmpId="/UserManagement/GetCountRefUserByRefEmpId",d.ResetPassword="/UserManagement/ResetPassword",d.GetRefRolePaging="/UserManagement/GetRefRolePaging",d.AddRefRole="/UserManagement/AddRefRole",d.EditRefRole="/UserManagement/EditRefRole",d.DeleteRefRole="/UserManagement/DeleteRefRole",d.GetRefRoleByRefRoleId="/RefRole/GetRefRoleByRefRoleId",d.GetRefRole="/RefRole/GetRefRole",d.GetListDataCurrentUser="/UserManagement/GetListDataCurrentUser",d.GetRefRoleByEmpPositionId="/RefRole/GetRefRoleByEmpPositionId",d.EditUserTitleRole="/UserManagement/EditUserTitleRole",d.AddUserTitleRole="/UserManagement/AddUserTitleRole",d.AssignRoleToUsers="/UserManagement/AssignRoleToUsers",d.GetUserTitleRoleByEmpPositionIdAndRefRoleId="/UserManagement/GetUserTitleRoleByEmpPositionIdAndRefRoleId",d.GetRefZipcodePaging="/RefZipcode/GetRefZipcodePaging",d.GetRefZipCode="/RefZipcode/GetRefZipcode",d.GetRefProvDistrictObj="/RefProvDistrict/GetRefProvDistrict",d.EditRefZipcode="/RefZipcode/EditRefZipCode",d.AddRefZipcode="/RefZipcode/AddRefZipCode",d.DeleteRefZipcode="/RefZipcode/DeleteRefZipCode",d.GetBusinessUnitPaging="/OrganizationDefinition/GetRefBizUnitPaging",d.GetRefBizUnit="/OrganizationDefinition/GetRefBizUnit",d.AddRefBizUnit="/OrganizationDefinition/AddRefBizUnit",d.EditRefBizUnit="/OrganizationDefinition/EditRefBizUnit",d.GetRefCoyPaging="/RefCoy/GetRefCoyPaging",d.GetRefCoy="/RefCoy/GetRefCoy",d.EditRefCoy="/RefCoy/EditRefCoy",d.GetCoyBodPaging="/CoyBod/GetCoyBodPaging",d.AddCoyBod="/CoyBod/AddCoyBOD",d.EditCoyBod="/CoyBod/EditCoyBOD",d.DeleteCoyBod="/CoyBod/DeleteCoyBOD",d.GetCoyBod="/CoyBod/GetCoyBod",d.GetCommissionerPaging="/CoyCommissioner/GetCoyCommissionerPaging",d.AddCoyCommissioner="/CoyCommissioner/AddCoyCommissioner",d.EditCoyCommissioner="/CoyCommissioner/EditCoyCommissioner",d.DeleteCoyCommissioner="/CoyCommissioner/DeleteCoyCommissioner",d.GetCoyCommissioner="/CoyCommissioner/GetCoyCommissioner",d.GetAllActiveRefTaxOffice="/RefTaxOffice/GetAllActiveRefTaxOffice",d.GetRefMasterList="/RefMaster/GetRefMasterList",d.GetRefMastersByCriteria="/RefMaster/GetRefMastersByCriteria",d.GetRefMaster="/RefMaster/GetRefMaster",d.GetRefMasterListByTypeCode="/RefMaster/GetRefMasterListByTypeCode",d.GetRefMasterListKeyValuePair="/RefMaster/GetRefMasterListKeyValuePair",d.AddRefMaster="/RefMaster/AddRefMaster",d.EditRefMaster="/RefMaster/EditRefMaster",d.GetRefMasterType="/RefMaster/GetRefMasterType",d.DeleteRefMaster="/RefMaster/DeleteRefMaster",d.GetRefMasterPaging="/RefMaster/GetRefMasterPaging",d.GetRefProvDistrictPaging="/RefProvDistrict/GetRefProvDistrictPaging",d.GetRefFormPaging="/MenuManagement/GetRefFormPaging",d.GetAllActiveRefFormByRefRoleId="/MenuManagement/GetAllActiveRefFormByRefRoleId",d.GetRefFormByRefFormId="/MenuManagement/GetRefFormByRefFormId",d.EditRefForm="/MenuManagement/EditRefForm",d.AddRefForm="/MenuManagement/AddRefForm",d.DeleteRefForm="/MenuManagement/DeleteRefForm",d.AssignRoleToForms="/MenuManagement/AssignRoleToForms",d.GetAllAuthFormsByRefRoleId="/MenuManagement/GetAllAuthFormsByRefRoleId",d.GetAuthByRefFormIdAndRefRoleId="/MenuManagement/GetAuthByRefFormIdAndRefRoleId",d.UpdateFormFeatureAuthForm="/MenuManagement/UpdateFormFeatureAuthForm",d.GetListRefFeature="/RefFeature/GetListRefFeature",d.GetRefFeatureByComponent="/RefFeature/GetRefFeatureByComponent",d.GetAllActiveHolidaySchmH="/Holiday/GetAllActiveHolidaySchmH",d.GetHolidayPaging="/Holiday/GetHolidayPaging",d.AddHolidaySchmH="/Holiday/AddHolidaySchmH",d.AddHolidaySchmD="/Holiday/AddHolidaySchmD",d.AddHolidaySchmDUntilYear="/Holiday/AddHolidaySchmDUntilYear",d.GetHolidaySchmH="/Holiday/GetHolidaySchmH",d.EditHolidaySchmHOnly="/Holiday/EditHolidaySchmHOnly",d.DeleteHolidaySchmH="/Holiday/DeleteHolidaySchmH",d.DeleteHolidaySchmD="/Holiday/DeleteHolidaySchmD",d.GetHolidayDetailPaging="/Holiday/GetHolidayDetailPaging",d.SelectRole="/UserSessionLog/SelectRole",d.NotificationPost="/Message/Post",d.GetRefCurrPaging="/RefCurr/GetRefCurrPaging",d.AddRefCurr="/RefCurr/AddRefCurr",d.EditRefCurr="/RefCurr/EditRefCurr",d.GetRefCurr="/RefCurr/GetRefCurr",d.AddExchangeRate="/RefCurr/AddExchangeRate",d.EditExchangeRate="/RefCurr/EditExchangeRate",d.GetExchangeRate="/RefCurr/GetExchangeRate",d.GetListOfWorkingHourSchm="/WorkHour/GetListOfWorkingHourSchm",d.GetWorkHourSchmHPaging="/WorkHour/GetWorkHourSchmHPaging",d.AddWorkingHourSchmH="/WorkHour/AddWorkingHourSchmH",d.EditWorkingHourSchmH="/WorkHour/EditWorkingHourSchmH",d.GetWorkingHourSchmH="/WorkHour/GetWorkingHourSchmH",d.GetWorkingHourSchmD="/WorkHour/GetWorkingHourSchmD",d.DeleteWorkingHourSchmH="/WorkHour/DeleteWorkingHourSchmH",d);function d(){}var f=(c.prototype.exportAsExcelFile=function(e,t){var i=o.utils.json_to_sheet(e);console.log("worksheet",i);var n={Sheets:{data:i},SheetNames:["data"]},r=o.write(n,{bookType:"xlsx",type:"array"});this.saveAsExcelFile(r,t)},c.prototype.saveAsExcelFile=function(e,t){var i=new Blob([e],{type:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8"});n.saveAs(i,t+"_export_"+(new Date).getTime()+".xlsx")},c.decorators=[{type:a.Injectable}],c.ctorParameters=function(){return[]},c);function c(){}var R=(y.prototype.hide=function(e){console.log(e);var t=event.srcElement;console.log(t)},y.prototype.changeState=function(){this.currentState="initial"===this.currentState?"final":"initial",this.isHidden=!1===this.isHidden,console.log(this.currentState)},y.prototype.ngOnInit=function(){this.apiUrl=this.searchInput.enviromentUrl+this.searchInput.apiQryPaging,this.arrCrit=this.searchInput.arrCritObj;var e=this._renderer2.createElement("script");e.text='\n          $(document).ready(function(){\n            $("#flip").click(function(){\n              $("#panel").slideToggle("slow");\n            });\n          });\n        ',this._renderer2.appendChild(this._document.body,e),this.initiateForm()},y.prototype.initiateForm=function(){var c=this;this.getJSON(this.searchInput._url).subscribe(function(e){console.log(e),c.configuration=e,c.urlGet=e.url,c.exportData=e.exportExcel,c.countForm=e.component.length,c.isDataLoaded=!0;for(var t=0;t<c.countForm;t++){if(1==e.component[t].isFromURL){var i=new m,n=new Array,r=new u;r.DataType="text",r.propName=e.component[t].criteriaPropName,r.value=e.component[t].criteriaPropValue,r.restriction="eq",n.push(r),i.criteria=n,c.resolveObject(e.component[t],e.component[t].url,i)}if("numeric"==e.component[t].type&&(e.component[t].value=parseFloat(e.component[t].value).toLocaleString("en")),"datepicker"==e.component[t].type&&e.component[t].value.includes("BD")){var o=new Date(JSON.parse(localStorage.getItem("UserContext")).BusinessDate),a=e.component[t].value.charAt(2),s=new Date;if("-"==a){var l=e.component[t].value.split("-",2),d=parseInt(l[1]);s.setDate(o.getDate()-d)}else"+"==a&&(l=e.component[t].value.split("+",2),d=parseInt(l[1]),s.setDate(o.getDate()+d));var f=g.formatDate(s,"yyyy-MM-dd","en-US");e.component[t].value=f}}})},y.prototype.getJSON=function(e){return this.http.get(e)},y.prototype.postJSON=function(e,t){return void 0===t&&(t=null),this.http.post(e,t)},y.prototype.searchClick=function(){this.orderByKey=null,this.orderByValue=!0,this.pageNow=1,this.search(this.apiUrl,this.pageNow,this.pageSize,null,this.arrCrit)},y.prototype.reset=function(){this.initiateForm()},y.prototype.search=function(e,i,t,n,r){var o=this;void 0===r&&(r=new Array);var a=new m,s=new Array;a.pageNo=i,a.rowPerPage=t,a.orderBy=n,a.queryString=this.configuration.querystring;for(var l=0;l<this.countForm;l++){var d=new u,f=this.myForm.nativeElement[l];if(d.DataType=f.getAttribute("data-type"),console.log(f),""!=f.value)if("SELECT"==f.nodeName){var c=f.options,g=c[c.selectedIndex].value;"All"!=g&&(d.restriction=p.RestrictionEq,d.propName=f.name,d.value=g,s.push(d))}else d.propName=f.name,d.value=f.value,f.value.includes("%")?d.restriction=p.RestrictionLike:""!=f.getAttribute("data-restriction")&&null!=f.getAttribute("data-restriction")?(d.restriction=f.getAttribute("data-restriction"),"numeric"==f.getAttribute("data-type")&&(f.value=parseFloat(f.value.replace(/,/g,"")),console.log(f.value))):d.restriction=p.RestrictionEq,s.push(d)}if(null!=r&&r!=undefined){if(0!=r.length)for(l=0;l<r.length;l++)s.push(r[l]);else if(null!=this.searchInput.addCritInput||this.searchInput.addCritInput!=undefined)for(l=0;l<this.searchInput.addCritInput.length;l++)s.push(this.searchInput.addCritInput[l])}else if(null!=this.searchInput.addCritInput||this.searchInput.addCritInput!=undefined)for(l=0;l<this.searchInput.addCritInput.length;l++)s.push(this.searchInput.addCritInput[l]);a.criteria=s,this.http.post(e,a).subscribe(function(e){var t={response:e,pageNow:i};return console.log(t),o.result.emit(t),e})},y.prototype.lessThanFour=function(){return!(3<this.countForm)},y.prototype.resolveObject=function(t,e,i){void 0===i&&(i=null),this.postJSON(e,i).subscribe(function(e){t.itemsUrl=e.ReturnObject})},y.prototype.transformAmount=function(e){this.formattedAmount=parseFloat(e.target.value).toLocaleString("en"),e.target.value=this.formattedAmount},y.prototype.transformToDecimal=function(e){e.target.value=parseFloat(e.target.value.toString().replace(/,/g,""))},y.prototype.exportAsXLSX=function(){var t=this,e=new m;e.pageNo=1,e.rowPerPage=9999,e.orderBy=null,e.criteria=[],e.queryString=this.configuration.querystring,this.http.post(this.apiUrl,e).subscribe(function(e){t.ExcelData=e.Data,t.excelService.exportAsExcelFile(t.ExcelData,"sample"),console.log(e)},function(e){console.log(e)})},y.prototype.onChangeEvent=function(e,t){for(var i=this.configuration.component,n=0;n<t.affectedFilter.length;n++)for(var r=0;r<i.length;r++)if(i[r].name==t.affectedFilter[n]){var o=new m,a=new Array;if("All"!=e){var s=new u;s.DataType=t.datatype,s.propName=t.name,s.value=e,s.restriction=p.RestrictionEq,a.push(s)}o.criteria=a,this.resolveObject(i[r],i[r].url,o)}},y.decorators=[{type:a.Component,args:[{selector:"lib-UCSearch",template:'\x3c!-- Basic form layout section start --\x3e\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="card-body">\r\n          <div class="px-3">\r\n            <form class="form form-horizontal" id="formSearch" #formIdSearch>\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;" [ngClass]="isHidden ? \'fa-chevron-right\' : \'fa-chevron-down\'"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \r\n                </h4>\r\n                \x3c!-- Ini Digunakan untuk Generate Dynamic Component --\x3e\r\n                \x3c!-- [hidden]="isHidden" --\x3e\r\n                <div class="panel-active" [@changeDivSize]=currentState>\r\n                  <div class="row">\r\n                    <div class="col-md-6 form-group"\r\n                      *ngFor="let question of configuration?.component">\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                          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                              name="{{question.name}}" value="{{question.value}}"\r\n                              attr.data-type="{{question.datatype}}" attr.data-restriction="{{question.restriction}}" >\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                              name="{{question.name}}" attr.data-type="{{question.datatype}}"\r\n                              value="{{question.value}}"></textarea>\r\n                          </div>\r\n                          <div *ngIf="question.type==\'numeric\'">\r\n                            <input type="text" id="{{question.id}}" (focus)="transformToDecimal($event)"\r\n                              (blur)="transformAmount($event)" class="form-control search-form-control"\r\n                              name="{{question.name}}" value="{{question.value}}"\r\n                              attr.data-restriction="{{question.restriction}}" attr.data-type="{{question.datatype}}">\r\n                          </div>\r\n                          \r\n                          \x3c!-- End Hardcode Lookup didalem--\x3e\r\n                          <div *ngIf="question.type==\'datepicker\'">\r\n                            <input type="date" id="{{question.id}}" class="form-control search-form-control btn-lookup"\r\n                              name="{{question.name}}" value="{{question.value}}" attr.data-type="{{question.datatype}}"\r\n                              attr.data-restriction="{{question.restriction}}">\r\n                          </div>\r\n                          <div *ngIf="question.type==\'dropdown\'">\r\n                            \x3c!-- Ini kalau datanya tidak di load dari URL --\x3e\r\n                            <div *ngIf="!question.isFromURL">\r\n                              <select name="{{question.name}}"\r\n                                class="form-control search-form-control" attr.data-type="{{question.datatype}}">\r\n                                <option *ngIf="!question.isSelectOne" value="All">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor="let item of question?.items" value="{{item.key}}">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            \x3c!-- Ini kalau datanya di load dari URL --\x3e\r\n                            <div *ngIf="question.isFromURL">\r\n                                <div *ngIf="question.isEvent">\r\n                                    <select name="{{question.name}}" (change)="onChangeEvent($event.target.value, question)"\r\n                                      class="form-control search-form-control" attr.data-type="{{question.datatype}}">\r\n                                      <option *ngIf="!question.isSelectOne" value="All">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf="!question.isEvent">\r\n                                    <select name="{{question.name}}"\r\n                                      class="form-control search-form-control" attr.data-type="{{question.datatype}}">\r\n                                      <option *ngIf="!question.isSelectOne" value="All">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type="button" (click)="reset()" class="btn btn-raised btn-warning mr-1" translate>\r\n                          <i class="ft-x"></i> Reset\r\n                        </button>\r\n                        <button type="button" (click)="searchClick()" class="btn btn-raised btn-primary" translate>\r\n                          <i class="fa fa-search"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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\x3c!-- // Basic form layout section end --\x3e',providers:[f],animations:[r.trigger("changeDivSize",[r.state("initial",r.style({height:"*",opacity:"1"})),r.state("final",r.style({height:"0px",opacity:"0",overflow:"hidden"})),r.transition("initial=>final",r.animate("300ms")),r.transition("final=>initial",r.animate("300ms"))])]}]}],y.ctorParameters=function(){return[{type:t.HttpClient},{type:f},{type:a.Renderer2},{type:undefined,decorators:[{type:a.Inject,args:[i.DOCUMENT]}]}]},y.propDecorators={myForm:[{type:a.ViewChild,args:["formIdSearch"]}],searchInput:[{type:a.Input}],result:[{type:a.Output}]},y);function y(e,t,i,n){this.http=e,this.excelService=t,this._renderer2=i,this._document=n,this.result=new a.EventEmitter,this.pageSize=10,this.pageNow=1,this.isDataLoaded=!1,this.isHidden=!1,this.currentState="initial",this.payLoad="",this.countForm=0,this.formattedAmount="",this.amount=0}var h=(G.decorators=[{type:a.NgModule,args:[{declarations:[R],imports:[g.CommonModule],exports:[R]}]}],G);function G(){}e.UCSearchService=s,e.UCSearchComponent=R,e.UCSearchModule=h,e.ɵa=f,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ucsearch.umd.min.js.map

package/esm2015/lib/ucsearch.component.js

@@ -370,7 +370,7 @@ export class UCSearchComponent {
 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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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],
                 animations: [
                     trigger('changeDivSize', [

package/esm5/lib/ucsearch.component.js

@@ -424,7 +424,7 @@ var UCSearchComponent = /** @class */ (function () {
     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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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],
                     animations: [
                         trigger('changeDivSize', [

package/fesm2015/ucsearch.js

@@ -676,7 +676,7 @@ class UCSearchComponent {
 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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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],
                 animations: [
                     trigger('changeDivSize', [

package/fesm5/ucsearch.js

@@ -750,7 +750,7 @@ var UCSearchComponent = /** @class */ (function () {
     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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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],
                     animations: [
                         trigger('changeDivSize', [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adins/ucsearch",
-  "version": "2.0.13",
+  "version": "2.0.14",
   "peerDependencies": {
     "@angular/common": "^7.2.0",
     "@angular/core": "^7.2.0"

package/ucsearch.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"UCSearchService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"UCSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"lib-UCSearch","styles":[],"providers":[{"__symbolic":"reference","name":"ɵa"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":18,"character":4},"arguments":["changeDivSize",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":19,"character":6},"arguments":["initial",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":23},"arguments":[{"height":"*","opacity":"1"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":23,"character":6},"arguments":["final",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":21},"arguments":[{"height":"0px","opacity":"0","overflow":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":28,"character":6},"arguments":["initial=>final",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":35},"arguments":["300ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":6},"arguments":["final=>initial",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":35},"arguments":["300ms"]}]}]]}],"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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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 -->"}]}],"members":{"myForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":["formIdSearch"]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"result":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":61,"character":108},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":61,"character":115}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":61,"character":28},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":61,"character":96},null]}],"hide":[{"__symbolic":"method"}],"changeState":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"initiateForm":[{"__symbolic":"method"}],"getJSON":[{"__symbolic":"method"}],"postJSON":[{"__symbolic":"method"}],"searchClick":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"lessThanFour":[{"__symbolic":"method"}],"resolveObject":[{"__symbolic":"method"}],"transformAmount":[{"__symbolic":"method"}],"transformToDecimal":[{"__symbolic":"method"}],"exportAsXLSX":[{"__symbolic":"method"}],"onChangeEvent":[{"__symbolic":"method"}]}},"UCSearchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UCSearchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"UCSearchComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"exportAsExcelFile":[{"__symbolic":"method"}],"saveAsExcelFile":[{"__symbolic":"method"}]}}},"origins":{"UCSearchService":"./lib/ucsearch.service","UCSearchComponent":"./lib/ucsearch.component","UCSearchModule":"./lib/ucsearch.module","ɵa":"./lib/services/excel-service/excel-service"},"importAs":"ucsearch"}
+{"__symbolic":"module","version":4,"metadata":{"UCSearchService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"UCSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"lib-UCSearch","styles":[],"providers":[{"__symbolic":"reference","name":"ɵa"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":18,"character":4},"arguments":["changeDivSize",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":19,"character":6},"arguments":["initial",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":23},"arguments":[{"height":"*","opacity":"1"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":23,"character":6},"arguments":["final",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":21},"arguments":[{"height":"0px","opacity":"0","overflow":"hidden"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":28,"character":6},"arguments":["initial=>final",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":28,"character":35},"arguments":["300ms"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":6},"arguments":["final=>initial",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":35},"arguments":["300ms"]}]}]]}],"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=\"card-body\">\r\n          <div class=\"px-3\">\r\n            <form class=\"form form-horizontal\" id=\"formSearch\" #formIdSearch>\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;\" [ngClass]=\"isHidden ? 'fa-chevron-right' : 'fa-chevron-down'\"></i>\r\n                  </div>\r\n                  {{configuration?.title}} \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\"\r\n                      *ngFor=\"let question of configuration?.component\">\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                          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                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-type=\"{{question.datatype}}\" attr.data-restriction=\"{{question.restriction}}\" >\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                              name=\"{{question.name}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              value=\"{{question.value}}\"></textarea>\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='numeric'\">\r\n                            <input type=\"text\" id=\"{{question.id}}\" (focus)=\"transformToDecimal($event)\"\r\n                              (blur)=\"transformAmount($event)\" class=\"form-control search-form-control\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\" attr.data-type=\"{{question.datatype}}\">\r\n                          </div>\r\n                          \r\n                          <!-- End Hardcode Lookup didalem-->\r\n                          <div *ngIf=\"question.type=='datepicker'\">\r\n                            <input type=\"date\" id=\"{{question.id}}\" class=\"form-control search-form-control btn-lookup\"\r\n                              name=\"{{question.name}}\" value=\"{{question.value}}\" attr.data-type=\"{{question.datatype}}\"\r\n                              attr.data-restriction=\"{{question.restriction}}\">\r\n                          </div>\r\n                          <div *ngIf=\"question.type=='dropdown'\">\r\n                            <!-- Ini kalau datanya tidak di load dari URL -->\r\n                            <div *ngIf=\"!question.isFromURL\">\r\n                              <select name=\"{{question.name}}\"\r\n                                class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                  All\r\n                                </option>\r\n                                <option *ngFor=\"let item of question?.items\" value=\"{{item.key}}\">\r\n                                  {{item.value}}\r\n                                </option>\r\n                              </select>\r\n                            </div>\r\n                            <!-- Ini kalau datanya di load dari URL -->\r\n                            <div *ngIf=\"question.isFromURL\">\r\n                                <div *ngIf=\"question.isEvent\">\r\n                                    <select name=\"{{question.name}}\" (change)=\"onChangeEvent($event.target.value, question)\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                                <div *ngIf=\"!question.isEvent\">\r\n                                    <select name=\"{{question.name}}\"\r\n                                      class=\"form-control search-form-control\" attr.data-type=\"{{question.datatype}}\">\r\n                                      <option *ngIf=\"!question.isSelectOne\" value=\"All\">\r\n                                        All\r\n                                      </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                                </div>\r\n                            </div>\r\n                          </div>\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                    <form>\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> Export Excel\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"reset()\" class=\"btn btn-raised btn-warning mr-1\" translate>\r\n                          <i class=\"ft-x\"></i> Reset\r\n                        </button>\r\n                        <button type=\"button\" (click)=\"searchClick()\" class=\"btn btn-raised btn-primary\" translate>\r\n                          <i class=\"fa fa-search\"></i> Search\r\n                        </button>\r\n                      </div>\r\n                    </form>\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 -->"}]}],"members":{"myForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":["formIdSearch"]}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"result":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":61,"character":108},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":61,"character":115}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":61,"character":28},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":61,"character":96},null]}],"hide":[{"__symbolic":"method"}],"changeState":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"initiateForm":[{"__symbolic":"method"}],"getJSON":[{"__symbolic":"method"}],"postJSON":[{"__symbolic":"method"}],"searchClick":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"lessThanFour":[{"__symbolic":"method"}],"resolveObject":[{"__symbolic":"method"}],"transformAmount":[{"__symbolic":"method"}],"transformToDecimal":[{"__symbolic":"method"}],"exportAsXLSX":[{"__symbolic":"method"}],"onChangeEvent":[{"__symbolic":"method"}]}},"UCSearchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UCSearchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"UCSearchComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"exportAsExcelFile":[{"__symbolic":"method"}],"saveAsExcelFile":[{"__symbolic":"method"}]}}},"origins":{"UCSearchService":"./lib/ucsearch.service","UCSearchComponent":"./lib/ucsearch.component","UCSearchModule":"./lib/ucsearch.module","ɵa":"./lib/services/excel-service/excel-service"},"importAs":"ucsearch"}