@adins/ucsearch 1.0.0 → 1.0.2

package/README.md

@@ -1,24 +1,48 @@
-# UCSearch
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project UCSearch` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project UCSearch`.
-> Note: Don't forget to add `--project UCSearch` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build UCSearch` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build UCSearch`, go to the dist folder `cd dist/ucsearch` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test UCSearch` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+# UCSearch
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
+
+## Version
+
+Version 1.0.1
+1. Added ReadMe
+
+Version 1.0.2
+1. Fix InputObj, filter with function
+
+## Input
+
+1. _url : string : mandatory
+    url link to the json file for the question
+2. apiQryPaging : string : mandatory
+    API path for query paging method
+3. environmentUrl : string : mandatory
+    base url used for apiQryPaging
+4. addCritInput : CriteriaObj[] : optional
+    additional criteria for query paging
+
+## Output
+
+1. result : EventEmitter<> 
+    Emitting event after search button clicked
+
+## Code scaffolding
+
+Run `ng generate component component-name --project UCSearch` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project UCSearch`.
+> Note: Don't forget to add `--project UCSearch` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build UCSearch` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build UCSearch`, go to the dist folder `cd dist/ucsearch` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test UCSearch` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

package/bundles/ucsearch.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common/http'), require('rxjs/add/operator/map'), require('@angular/platform-browser'), require('@angular/core'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('ucsearch', ['exports', '@angular/common/http', 'rxjs/add/operator/map', '@angular/platform-browser', '@angular/core', '@angular/common'], factory) :
-    (factory((global.ucsearch = {}),global.ng.common.http,global.rxjs['add/operator/map'],global.ng.platformBrowser,global.ng.core,global.ng.common));
-}(this, (function (exports,http,map,platformBrowser,i0,common) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common/http'), require('rxjs/add/operator/map'), require('@angular/platform-browser'), require('file-saver'), require('xlsx'), require('@angular/core'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('ucsearch', ['exports', '@angular/common/http', 'rxjs/add/operator/map', '@angular/platform-browser', 'file-saver', 'xlsx', '@angular/core', '@angular/common'], factory) :
+    (factory((global.ucsearch = {}),global.ng.common.http,global.rxjs['add/operator/map'],global.ng.platformBrowser,global.FileSaver,global.XLSX,global.ng.core,global.ng.common));
+}(this, (function (exports,http,map,platformBrowser,FileSaver,XLSX,i0,common) { 'use strict';
 
     /**
      * @fileoverview added by tsickle
@@ -275,20 +275,78 @@
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /** @type {?} */
+    var EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+    /** @type {?} */
+    var EXCEL_EXTENSION = '.xlsx';
+    var ExcelService = /** @class */ (function () {
+        function ExcelService() {
+        }
+        /**
+         * @param {?} json
+         * @param {?} excelFileName
+         * @return {?}
+         */
+        ExcelService.prototype.exportAsExcelFile = /**
+         * @param {?} json
+         * @param {?} excelFileName
+         * @return {?}
+         */
+            function (json, excelFileName) {
+                /** @type {?} */
+                var worksheet = XLSX.utils.json_to_sheet(json);
+                console.log('worksheet', worksheet);
+                /** @type {?} */
+                var workbook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };
+                /** @type {?} */
+                var excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
+                //const excelBuffer: any = XLSX.write(workbook, { bookType: 'xlsx', type: 'buffer' });
+                this.saveAsExcelFile(excelBuffer, excelFileName);
+            };
+        /**
+         * @private
+         * @param {?} buffer
+         * @param {?} fileName
+         * @return {?}
+         */
+        ExcelService.prototype.saveAsExcelFile = /**
+         * @private
+         * @param {?} buffer
+         * @param {?} fileName
+         * @return {?}
+         */
+            function (buffer, fileName) {
+                /** @type {?} */
+                var data = new Blob([buffer], {
+                    type: EXCEL_TYPE
+                });
+                FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
+            };
+        ExcelService.decorators = [
+            { type: i0.Injectable }
+        ];
+        /** @nocollapse */
+        ExcelService.ctorParameters = function () { return []; };
+        return ExcelService;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var UCSearchComponent = /** @class */ (function () {
-        function UCSearchComponent(http$$1, decimalPipe, _renderer2, _document) {
+        function UCSearchComponent(http$$1, excelService, _renderer2, _document) {
             this.http = http$$1;
-            this.decimalPipe = decimalPipe;
+            this.excelService = excelService;
             this._renderer2 = _renderer2;
             this._document = _document;
+            this.result = new i0.EventEmitter();
             this.pageSize = 10;
             this.pageNow = 1;
-            this.addCritInput = null;
-            this.result = new i0.EventEmitter();
             this.isDataLoaded = false;
             this.isHidden = false;
             this.payLoad = '';
@@ -304,7 +362,7 @@
          */
             function () {
                 var _this_1 = this;
-                this.getJSON(this._url).subscribe(( /**
+                this.getJSON(this.searchInput._url).subscribe(( /**
                  * @param {?} data
                  * @return {?}
                  */function (data) {
@@ -316,13 +374,16 @@
                     console.log(_this_1.countForm);
                     _this_1.isDataLoaded = true;
                     /** @type {?} */
-                    var i = 0;
+                    var request = new RequestCriteriaObj();
+                    /** @type {?} */
+                    var arrayCrit = new Array();
+                    request.criteria = arrayCrit;
                     for (var i = 0; i < _this_1.countForm; i++) {
                         //ini kalau datanya di load dari URL
                         if (data.component[i].isFromURL == true) {
                             //lempar objectnya sekalian sama urlnya, nnti di bind di dalem karena masalah di asyncnya
                             //biar tiap function ada state2nya sendiri
-                            _this_1.resolveObject(data.component[i], data.component[i].url);
+                            _this_1.resolveObject(data.component[i], data.component[i].url, request);
                         }
                         if (data.component[i].type === "numeric") {
                             data.component[i].value = parseFloat(data.component[i].value).toLocaleString('en');
@@ -365,8 +426,8 @@
          * @return {?}
          */
             function () {
-                this.apiUrl = this.enviromentUrl + this.apiQryPaging;
-                this.arrCrit = this.arrCritObj;
+                this.apiUrl = this.searchInput.enviromentUrl + this.searchInput.apiQryPaging;
+                this.arrCrit = this.searchInput.arrCritObj;
                 /** @type {?} */
                 var js = this._renderer2.createElement('script');
                 js.text = "\n          $(document).ready(function(){\n            $(\"#flip\").click(function(){\n              $(\"#panel\").slideToggle(\"slow\");\n            });\n          });\n        ";
@@ -386,14 +447,19 @@
             };
         /**
          * @param {?} url
+         * @param {?=} criteria
          * @return {?}
          */
         UCSearchComponent.prototype.postJSON = /**
          * @param {?} url
+         * @param {?=} criteria
          * @return {?}
          */
-            function (url) {
-                return this.http.post(url, null);
+            function (url, criteria) {
+                if (criteria === void 0) {
+                    criteria = null;
+                }
+                return this.http.post(url, criteria);
             };
         /**
          * @return {?}
@@ -430,6 +496,14 @@
                 this.pageNow = 1;
                 this.search(this.apiUrl, this.pageNow, this.pageSize, null, this.arrCrit);
             };
+        /**
+         * @return {?}
+         */
+        UCSearchComponent.prototype.reset = /**
+         * @return {?}
+         */
+            function () {
+            };
         /**
          * @param {?} apiUrl
          * @param {?} pageNo
@@ -508,9 +582,9 @@
                         arrCrit.push(addCrit[i]);
                     }
                 }
-                else if (this.addCritInput !== null) {
-                    for (var i = 0; i < this.addCritInput.length; i++) {
-                        arrCrit.push(this.addCritInput[i]);
+                else if (this.searchInput.addCritInput !== null) {
+                    for (var i = 0; i < this.searchInput.addCritInput.length; i++) {
+                        arrCrit.push(this.searchInput.addCritInput[i]);
                     }
                 }
                 request.criteria = arrCrit;
@@ -545,16 +619,21 @@
         /**
          * @param {?} obj
          * @param {?} url
+         * @param {?=} crit
          * @return {?}
          */
         UCSearchComponent.prototype.resolveObject = /**
          * @param {?} obj
          * @param {?} url
+         * @param {?=} crit
          * @return {?}
          */
-            function (obj, url) {
+            function (obj, url, crit) {
+                if (crit === void 0) {
+                    crit = null;
+                }
                 /** @type {?} */
-                var val = this.postJSON(this.enviromentUrl + url);
+                var val = this.postJSON(this.searchInput.enviromentUrl + url, crit);
                 val.subscribe(( /**
                  * @param {?} tempData
                  * @return {?}
@@ -587,30 +666,90 @@
             function (element) {
                 element.target.value = parseFloat(element.target.value.toString().replace(/,/g, ''));
             };
+        /**
+         * @return {?}
+         */
+        UCSearchComponent.prototype.exportAsXLSX = /**
+         * @return {?}
+         */
+            function () {
+                var _this_1 = this;
+                /** @type {?} */
+                var request = new RequestCriteriaObj();
+                request.pageNo = 1;
+                request.rowPerPage = 9999;
+                request.orderBy = null;
+                request.criteria = [];
+                this.http.post(this.apiUrl, request).subscribe(( /**
+                 * @param {?} response
+                 * @return {?}
+                 */function (response) {
+                    console.log("Success");
+                    _this_1.ExcelData = response["returnObject"]["data"];
+                    _this_1.excelService.exportAsExcelFile(_this_1.ExcelData, 'sample');
+                    console.log(response);
+                }), ( /**
+                 * @param {?} error
+                 * @return {?}
+                 */function (error) {
+                    console.log("Error");
+                    console.log(error);
+                }));
+            };
+        /**
+         * @param {?} optValue
+         * @param {?} afFilter
+         * @return {?}
+         */
+        UCSearchComponent.prototype.onChangeEvent = /**
+         * @param {?} optValue
+         * @param {?} afFilter
+         * @return {?}
+         */
+            function (optValue, afFilter) {
+                /** @type {?} */
+                var jsonComp = this.configuration.component;
+                for (var i = 0; i < afFilter.affectedFilter.length; i++) {
+                    for (var j = 0; j < jsonComp.length; j++) {
+                        if (jsonComp[j].name == afFilter.affectedFilter[i]) {
+                            /** @type {?} */
+                            var request = new RequestCriteriaObj();
+                            /** @type {?} */
+                            var arrayCrit = new Array();
+                            if (optValue != "All") {
+                                /** @type {?} */
+                                var critObj = new CriteriaObj();
+                                critObj.DataType = afFilter.datatype;
+                                critObj.propName = afFilter.name;
+                                critObj.value = optValue;
+                                critObj.restriction = AdInsConstant.RestrictionEq;
+                                arrayCrit.push(critObj);
+                            }
+                            request.criteria = arrayCrit;
+                            this.resolveObject(jsonComp[j], jsonComp[j].url, request);
+                        }
+                    }
+                }
+            };
         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\"> {{configuration?.title}} <div id=\"flip\" class=\"btn float-right\"\r\n                      (click)=\"isHidden = !isHidden\"><i class=\"fa\"\r\n                        [ngClass]=\"isHidden ? 'fa-chevron-down' : 'fa-chevron-up'\"></i></div>\r\n                  </h4>\r\n                  <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                  <!-- [hidden]=\"isHidden\" -->\r\n                  <div id=\"panel\">\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=\"projectinput1\"\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}}\">\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                            <!-- Sementara di Hardcode begini dulu-->\r\n                            <div *ngIf=\"question.type==='lookupProduct'\">\r\n                              <!-- <app-lookup></app-lookup> -->\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 id=\"projectinput6\" 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                                <select id=\"projectinput6\" 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 class=\"col-md-12 no-padding\">\r\n                      <form>\r\n                        <div class=\"form-actions right\">\r\n                          <button *ngIf=\"exportData\" type=\"button\"\r\n                            class=\"btn btn-raised btn-success mr-1\" translate>\r\n                            <i class=\"fa fa-plus-circle\"></i> Export Excel\r\n                          </button>\r\n                          <button type=\"button\" 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\"> {{configuration?.title}} <div id=\"flip\" class=\"btn float-right\"\r\n                    (click)=\"isHidden = !isHidden\"><i class=\"fa\"\r\n                      [ngClass]=\"isHidden ? 'fa-chevron-down' : 'fa-chevron-up'\"></i></div>\r\n                </h4>\r\n                <!-- Ini Digunakan untuk Generate Dynamic Component -->\r\n                <!-- [hidden]=\"isHidden\" -->\r\n                <div id=\"panel\">\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=\"projectinput1\"\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}}\">\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\" type=\"button\" (click)=\"exportAsXLSX()\"\r\n                          class=\"btn btn-raised btn-success mr-1\" translate>\r\n                          <i class=\"fa fa-plus-circle\"></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]
                     }] }
         ];
         /** @nocollapse */
         UCSearchComponent.ctorParameters = function () {
             return [
                 { type: http.HttpClient },
-                { type: common.DecimalPipe },
+                { type: ExcelService },
                 { type: i0.Renderer2 },
                 { type: undefined, decorators: [{ type: i0.Inject, args: [platformBrowser.DOCUMENT,] }] }
             ];
         };
         UCSearchComponent.propDecorators = {
             myForm: [{ type: i0.ViewChild, args: ['formIdSearch',] }],
-            _url: [{ type: i0.Input }],
-            apiQryPaging: [{ type: i0.Input }],
-            enviromentUrl: [{ type: i0.Input }],
-            arrCritObj: [{ type: i0.Input }],
-            pageSize: [{ type: i0.Input }],
-            pageNow: [{ type: i0.Input }],
-            addCritInput: [{ type: i0.Input }],
+            searchInput: [{ type: i0.Input }],
             result: [{ type: i0.Output }]
         };
         return UCSearchComponent;
@@ -648,6 +787,7 @@
     exports.UCSearchService = UCSearchService;
     exports.UCSearchComponent = UCSearchComponent;
     exports.UCSearchModule = UCSearchModule;
+    exports.ɵa = ExcelService;
 
     Object.defineProperty(exports, '__esModule', { value: true });