@acorex/components 7.9.0 → 7.10.0

package/fesm2022/acorex-components-common.mjs

@@ -1,7 +1,8 @@
 import { flatten, clone, filter, isEqual } from 'lodash-es';
 import * as i0 from '@angular/core';
 import { Injectable, Directive, Host, Self, Optional, Input, Inject, NgModule, inject, ChangeDetectorRef, ElementRef, ViewContainerRef, EventEmitter, Output } from '@angular/core';
-import { Subject, fromEvent, noop, skip, distinctUntilChanged, debounceTime } from 'rxjs';
+import { DataSource } from '@angular/cdk/collections';
+import { Subscription, BehaviorSubject, debounceTime, distinctUntilChanged, Subject, fromEvent, noop, skip } from 'rxjs';
 import { DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/platform-browser';
 import { Observable } from 'rxjs/internal/Observable';
@@ -327,7 +328,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
             type: Injectable
         }] });
 
-class AXDateSource {
+class AXListDataSource extends DataSource {
+    /**
+     * @ignore
+     */
+    constructor(config) {
+        super();
+        this.config = config;
+        this.debounceTime = 0;
+        this.subscription = new Subscription();
+        this.source = config.source;
+        if (config.debounceTime)
+            this.debounceTime = config.debounceTime;
+        //
+        this.dataStream = new BehaviorSubject(this.config.source.cachedItems);
+        this.source.onChanged.subscribe((data) => {
+            this.dataStream.next(data.cachedItems);
+        });
+    }
+    connect(collectionViewer) {
+        this.subscription.add(collectionViewer.viewChange
+            .pipe(debounceTime(this.debounceTime))
+            .pipe(distinctUntilChanged())
+            .subscribe((range) => {
+            const startPage = this.getPageForIndex(range.start);
+            const endPage = this.getPageForIndex(range.end - 1);
+            for (let i = startPage; i <= endPage; i++) {
+                this.source.setPage(i);
+            }
+        }));
+        return this.dataStream;
+    }
+    disconnect() {
+        this.subscription.unsubscribe();
+    }
+    getPageForIndex(index) {
+        return Math.floor(index / this.source.config.pageSize);
+    }
+    refresh() {
+        this.source.refresh();
+    }
+}
+
+class AXDataSource {
     get totalCount() {
         return this._totalCount;
     }
@@ -396,13 +439,18 @@ class AXDateSource {
             this.load();
         }
     }
-    filter(predicate = null) {
-        this.reset();
-        this._query.predicate = predicate;
-        this.load();
+    filter(value) {
+        this._query.filter = value;
+    }
+    sort(...value) {
+        this._query.sort = value;
+    }
+    clearFilter() {
+        this._query.filter = null;
     }
     reset() {
-        this._query.predicate = null;
+        this._query.filter = null;
+        this._query.sort = null;
         this._query.skip = 0;
         this._cachedItems = new Array(this.config.pageSize);
         this.fetchedPages.clear();
@@ -410,9 +458,11 @@ class AXDateSource {
         this._totalCount = 0;
     }
     refresh() {
-        const currentPredicate = this._query.predicate;
+        const currentFilter = this._query.filter;
+        const currentSort = this._query.sort;
         this.reset();
-        this._query.predicate = currentPredicate;
+        this._query.filter = currentFilter;
+        this._query.sort = currentSort;
         this.load();
     }
     find(key) {
@@ -427,7 +477,7 @@ function convertArrayToDataSource(items, options = { key: 'id', pageSize: 20 })
         key: options.key,
         pageSize: options.pageSize,
         load: (e) => {
-            const result = e.predicate ? filter(items, e.predicate) : items;
+            const result = e.filter ? filter(items, e.filter) : items;
             return Promise.resolve({
                 items: result.slice(e.skip, e.skip + e.take),
                 total: result.length,
@@ -435,7 +485,7 @@ function convertArrayToDataSource(items, options = { key: 'id', pageSize: 20 })
         },
         byKey: (v) => Promise.resolve(items.find((c) => c[options.key] == v)),
     };
-    return new AXDateSource(config);
+    return new AXDataSource(config);
 }
 
 const AX_STYLE_COLOR_TYPES = ['primary', 'secondary', 'success', 'warning', 'danger', 'info', 'ghost'];
@@ -1595,5 +1645,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXAutoFocusDirective, AXButtonClickEvent, AXClearableComponent, AXClickEvent, AXClosbaleComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXDateSource, AXDomService, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXItemClickEvent, AXNgModelDelayedValueChangedDirective, AXOptionChangedEvent, AXPagedComponent, AXRangeChangedEvent, AXResponsiveDirective, AXRippleDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_LOCATIONS, AX_PLACEMENT_BOTTOM, AX_PLACEMENT_BOTTOM_END, AX_PLACEMENT_BOTTOM_START, AX_PLACEMENT_END, AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_END_TOP, AX_PLACEMENT_MAP, AX_PLACEMENT_START, AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_START_TOP, AX_PLACEMENT_TOP, AX_PLACEMENT_TOP_END, AX_PLACEMENT_TOP_START, AX_STYLE_COLOR_TYPES, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInputBaseValueComponent, MXInteractiveComponent, MXLookComponent, MXSelectionValueComponent, MXValueComponent, TAB_META_KEY, convertArrayToDataSource, convertToPlacement };
+export { AXAutoFocusDirective, AXButtonClickEvent, AXClearableComponent, AXClickEvent, AXClosbaleComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXDataSource, AXDomService, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXItemClickEvent, AXListDataSource, AXNgModelDelayedValueChangedDirective, AXOptionChangedEvent, AXPagedComponent, AXRangeChangedEvent, AXResponsiveDirective, AXRippleDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_LOCATIONS, AX_PLACEMENT_BOTTOM, AX_PLACEMENT_BOTTOM_END, AX_PLACEMENT_BOTTOM_START, AX_PLACEMENT_END, AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_END_TOP, AX_PLACEMENT_MAP, AX_PLACEMENT_START, AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_START_TOP, AX_PLACEMENT_TOP, AX_PLACEMENT_TOP_END, AX_PLACEMENT_TOP_START, AX_STYLE_COLOR_TYPES, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInputBaseValueComponent, MXInteractiveComponent, MXLookComponent, MXSelectionValueComponent, MXValueComponent, TAB_META_KEY, convertArrayToDataSource, convertToPlacement };
 //# sourceMappingURL=acorex-components-common.mjs.map