ngx-eiffage-material 0.0.47 → 0.0.50

package/index.d.ts

@@ -932,7 +932,7 @@ declare class NgxPaginatedSelect<T, U extends PaginatedFilter<T>> implements OnI
      * - 'chips': a chip per selected item (default when multiple=true)
      * - 'text': a single comma-joined text line
      */
-    readonly displayMode: _angular_core.InputSignal<"text" | "chips">;
+    readonly displayMode: _angular_core.InputSignal<"chips" | "text">;
     /** Whether to show the search input inside the bottom sheet */
     readonly showSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Placeholder for the search input inside the bottom sheet */
@@ -943,6 +943,8 @@ declare class NgxPaginatedSelect<T, U extends PaginatedFilter<T>> implements OnI
     readonly confirmLabel: _angular_core.InputSignal<string>;
     /** Label for the reset button (multiple mode) */
     readonly resetLabel: _angular_core.InputSignal<string>;
+    /** Controls how the subscript wrapper (hint/error) reserves space */
+    readonly subscriptSizing: _angular_core.InputSignal<SubscriptSizing>;
     /** Error message rendered inside mat-error */
     readonly error: _angular_core.InputSignal<string>;
     /** Hint message rendered inside mat-hint */
@@ -990,7 +992,7 @@ declare class NgxPaginatedSelect<T, U extends PaginatedFilter<T>> implements OnI
     preventOpen(isOpen: boolean): void;
     clearSelection(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPaginatedSelect<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPaginatedSelect<any, any>, "ngx-paginated-select", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "endpoint": { "alias": "endpoint"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "extraFiltersTemplate": { "alias": "extraFiltersTemplate"; "required": false; "isSignal": true; }; "maxChipsDisplayed": { "alias": "maxChipsDisplayed"; "required": false; "isSignal": true; }; "chipsDirection": { "alias": "chipsDirection"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPaginatedSelect<any, any>, "ngx-paginated-select", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "endpoint": { "alias": "endpoint"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "extraFiltersTemplate": { "alias": "extraFiltersTemplate"; "required": false; "isSignal": true; }; "maxChipsDisplayed": { "alias": "maxChipsDisplayed"; "required": false; "isSignal": true; }; "chipsDirection": { "alias": "chipsDirection"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
 interface NgxPaginatedSelectBottomSheetData<T, U extends PaginatedFilter<T>> {
@@ -1041,16 +1043,23 @@ declare class NgxPaginatedSelectBottomSheetComponent<T, U extends PaginatedFilte
     readonly allSelected: _angular_core.Signal<boolean>;
     readonly someSelected: _angular_core.Signal<boolean>;
     /**
-     * Only reads `resource.value()` — never `data.filters()`.
+     * Reactively depends ONLY on `resource.value()`. The filter snapshot is read
+     * via `untracked` so external filter changes (parent-driven, e.g. an extra
+     * filters panel) do NOT create a reactive dependency here — that would make
+     * the effect re-run on scroll page increments with stale resource data,
+     * duplicating items and breaking `onScroll` (see original limitation).
+     *
+     * Reset logic:
+     *  - Fingerprint the current filter identity (everything except `pageNumber`).
+     *  - If the fingerprint changed since the previous fetch, this fetch belongs
+     *    to a different filter set → replace the accumulated array.
+     *  - If only `pageNumber` moved, this is a scroll-load-more → append.
      *
-     * When a query change or a new open resets to page 1 we call
-     * `accumulatedItems.set([])` synchronously *before* updating the filter,
-     * so by the time this effect fires with new data it always appends onto an
-     * already-clean array.  Reading `data.filters()` here would cause the effect
-     * to run a second time (with stale resource data) the moment the page number
-     * is incremented on scroll, duplicating items and making
-     * `options().length >= total()` so `onScroll` would never fire again.
+     * This is what allows callers to mutate `data.filters` from outside (extra
+     * filter selects, checkboxes, etc.) and have the list refresh cleanly
+     * without the previous page's items lingering.
      */
+    private _lastFilterFingerprint;
     private readonly _accumEffect;
     constructor();
     isSelected(item: T): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-eiffage-material",
-  "version": "0.0.47",
+  "version": "0.0.50",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"