ngx-techlify-core 11.3.9 → 11.4.0

package/bundles/ngx-techlify-core.umd.js

@@ -2281,6 +2281,9 @@
             this.edit = false;
             this.sort = true;
             this.items = [];
+            this.cache = false;
+            this.perPage = 25;
+            this.inDataSearch = false;
             this.selectionChange = new i0.EventEmitter();
             this.itemsChange = new i0.EventEmitter();
             this.isLoading = false;
@@ -2291,6 +2294,7 @@
             this.controlType = 'searchable-selctor';
             this.id = "searchable-selctor-" + SearchableSelectorComponent_1.nextId++;
             this.describedBy = '';
+            this.cachedItems = [];
             this._required = false;
             this._disabled = false;
             this.selectorForm = formBuilder.group({
@@ -2386,7 +2390,7 @@
                     _this.search(value);
             });
             this.filters = {
-                perPage: 25,
+                perPage: this.perPage,
                 search: '',
                 page: 1,
                 lastPage: 1
@@ -2402,8 +2406,15 @@
         SearchableSelectorComponent.prototype.fetchItemList = function () {
             var _this = this;
             this.isLoading = true;
-            rxjs.of().pipe(operators.startWith(true), operators.switchMap(function (_) { return rxjs.from(_this.http.get(_this.apiUrl, { params: _this.filters })); }), operators.finalize(function () { return _this.isLoading = false; }), untilDestroy.untilDestroyed(this)).subscribe(function (result) {
+            var request = this.http.get(this.apiUrl, { params: this.filters });
+            if (this.cache) {
+                request = this.http.cache().get(this.apiUrl, { params: this.filters });
+            }
+            rxjs.of().pipe(operators.startWith(true), operators.switchMap(function (_) { return rxjs.from(request); }), operators.finalize(function () { return _this.isLoading = false; }), untilDestroy.untilDestroyed(this)).subscribe(function (result) {
                 _this.items = _this.items.concat(result.data);
+                if (_this.cache) {
+                    _this.cachedItems = _this.items;
+                }
                 _this.filters.page = result.current_page;
                 _this.filters.lastPage = result.last_page;
             });
@@ -2477,7 +2488,24 @@
             else {
                 this.filters.search = event;
             }
-            this.reloadData();
+            // we need search field to search in data
+            if (this.inDataSearch && this.searchField) {
+                this.filterItems(event);
+            }
+            else {
+                this.reloadData();
+            }
+        };
+        SearchableSelectorComponent.prototype.filterItems = function (event) {
+            var _this = this;
+            if (event) {
+                this.items = this.cachedItems.filter(function (value) {
+                    return value[_this.searchField].toLowerCase().search(event.toLowerCase()) != -1;
+                });
+            }
+            else {
+                this.items = this.cachedItems;
+            }
         };
         SearchableSelectorComponent.prototype.addItem = function (event) {
             var _this = this;
@@ -2552,6 +2580,9 @@
         searchField: [{ type: i0.Input }],
         itemComponent: [{ type: i0.Input }],
         items: [{ type: i0.Input }],
+        cache: [{ type: i0.Input }],
+        perPage: [{ type: i0.Input }],
+        inDataSearch: [{ type: i0.Input }],
         selectionChange: [{ type: i0.Output }],
         itemsChange: [{ type: i0.Output }],
         required: [{ type: i0.Input }],
@@ -3012,7 +3043,6 @@
             this.selectionChange.emit(range);
         };
         TimelineFilterComponent.prototype.onCustomDateChange = function (event) {
-            console.log(event);
         };
         TimelineFilterComponent.prototype.setDescribedByIds = function (ids) {
             this.describedBy = ids.join(' ');
@@ -7837,14 +7867,13 @@
     exports.ɵbt = UpdateViewModule;
     exports.ɵbu = UpdateViewComponent;
     exports.ɵbv = DataManager;
-    exports.ɵbw = DataManager;
-    exports.ɵbx = ErrorHandlerService;
-    exports.ɵby = AlertService;
-    exports.ɵbz = StorageService;
+    exports.ɵbw = ErrorHandlerService;
+    exports.ɵbx = StorageService;
+    exports.ɵby = TechlifyFeatureService;
+    exports.ɵbz = DataManager;
     exports.ɵc = ErrorSnackComponent;
-    exports.ɵca = TechlifyFeatureService;
-    exports.ɵcb = AuthenticationGuard;
-    exports.ɵcc = OnOffSwitchComponent;
+    exports.ɵca = AuthenticationGuard;
+    exports.ɵcb = OnOffSwitchComponent;
     exports.ɵd = HTTP_DYNAMIC_INTERCEPTORS;
     exports.ɵe = HttpService;
     exports.ɵf = RouteReusableStrategy;