@sumaris-net/ngx-components 2.4.12-rc4 → 2.4.12-rc6

package/fesm2020/sumaris-net.ngx-components.mjs

@@ -31487,15 +31487,15 @@ class UserEventNotificationList {
         this.settings = settings;
         this.userEventService = userEventService;
         this.infiniteScrollThresholdFromToken = infiniteScrollThresholdFromToken;
-        this._subscriptions = new Subscription();
-        this._$pageSize = new BehaviorSubject(20);
-        this.fetchingMore = false;
-        this.$items = new BehaviorSubject(undefined);
-        this.$itemCount = new BehaviorSubject(undefined);
         this.debug = false;
         this.sortBy = 'creationDate';
         this.sortDirection = 'desc';
         this.enableInfiniteScroll = true;
+        this.fetchingMore = false;
+        this.$items = new BehaviorSubject(undefined);
+        this.$itemCount = new BehaviorSubject(undefined);
+        this._subscriptions = new Subscription();
+        this._$pageSize = new BehaviorSubject(20);
         this.mobile = this.settings?.mobile || false;
         this.infiniteScrollThreshold = infiniteScrollThresholdFromToken;
     }
@@ -31605,7 +31605,8 @@ class UserEventNotificationList {
             this.$itemCount.next(result.total || result.data?.length || 0);
             this._fetchMoreFn = result.fetchMore;
             // Update the page size, to keep same scroll height, after the next refresh
-            this.pageSize = Math.max(this.pageSize, data.length);
+            // 2023/01/13 LP: No, don't update page size. It doubles at every iteration, so let initial page size
+            // this.pageSize = Math.max(this.pageSize, data.length);
         }
         catch (err) {
             console.error(err);
@@ -31625,15 +31626,9 @@ class UserEventNotificationList {
             this._fetchMoreSubscription.unsubscribe();
         threshold = threshold || (this.mobile ? '15%' : '2%');
         await waitFor(() => !!this.ionContent, { dueTime: 250, timeout: 1000 });
-        let panel = await this.ionContent.getScrollElement();
-        if (panel) {
-            const child = panel.firstChild;
-            if (child instanceof HTMLSlotElement) {
-                panel = child.assignedElements()?.[0];
-            }
-        }
+        const panel = await this.ionContent.getScrollElement();
         // Trigger fetch more, end end scroll reached
-        this._fetchMoreSubscription = this.$items.pipe(debounceTime(250), filter(() => this.canFetchMore && !!panel), switchMap(() => fromScrollEndEvent(panel, threshold, 250 /*force to check when no scrollbar - e.g. in large screen*/)))
+        this._fetchMoreSubscription = this.$items.pipe(debounceTime(250), filter(() => this.canFetchMore), switchMap(() => fromScrollEndEvent(panel, threshold, 250 /*force to check when no scrollbar - e.g. in large screen*/)))
             .subscribe(() => this.fetchMore());
         this._subscriptions.add(this._fetchMoreSubscription);
     }
@@ -31674,8 +31669,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 type: Input
             }], infiniteScrollThreshold: [{
                 type: Input
-            }], pageSize: [{
-                type: Input
             }], readEvent: [{
                 type: Output
             }], readEvents: [{
@@ -31686,6 +31679,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }], ionItems: [{
                 type: ViewChildren,
                 args: [IonItem]
+            }], pageSize: [{
+                type: Input
             }] } });
 
 class UserEventNotificationIcon {