chrv-components 1.11.29 → 1.11.31

package/fesm2022/chrv-components.mjs

@@ -10,7 +10,7 @@ import { MatTooltipModule, MatTooltip } from '@angular/material/tooltip';
 import * as i1 from '@angular/common';
 import { CommonModule, AsyncPipe, DatePipe, DATE_PIPE_DEFAULT_OPTIONS, isPlatformBrowser, NgClass } from '@angular/common';
 import { MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { Subject, Observable, map, BehaviorSubject, skip, debounceTime, distinctUntilChanged, combineLatest, of, startWith, from, mergeMap, toArray, timer, catchError, forkJoin, take, skipWhile, tap, finalize as finalize$1, interval } from 'rxjs';
+import { Subject, Observable, map, BehaviorSubject, skip, debounceTime, distinctUntilChanged, startWith, combineLatestWith, from, mergeMap, toArray, timer, of, catchError, forkJoin, take, skipWhile, tap, finalize as finalize$1, interval } from 'rxjs';
 import * as i1$1 from '@angular/forms';
 import { NG_VALIDATORS, Validators, FormControl, NgControl, ReactiveFormsModule, FormsModule, FormBuilder } from '@angular/forms';
 import * as i2$2 from '@angular/material/autocomplete';
@@ -1431,6 +1431,7 @@ class ChrSearchSelectComponent extends ChrBaseInputComponent {
         this.autocomplete = viewChild.required('auto');
         this.placeholder = input();
         this.data = input([]);
+        this.data$ = new BehaviorSubject([]);
         this.display = input();
         this.filters = input(null);
         /**
@@ -1477,31 +1478,8 @@ class ChrSearchSelectComponent extends ChrBaseInputComponent {
         /**
          * Start filtering the autocomplete's list based on the input's textual value
          */
-        // protected registerFilters = () => {
-        //   this.filteredModelOptions = this.values.pipe(
-        //     startWith(''),
-        //     map((value) => this._filterModel(value! || -1)),
-        //     map((values) => {
-        //       const filters = this.filters();
-        //       return filters && filters[this.filterIndex()]?.callback
-        //         ? values.filter((r) =>
-        //             this.filters()![this.filterIndex()]?.callback!(r)
-        //           )
-        //         : values;
-        //     })
-        //   );
-        // };
         this.registerFilters = () => {
-            this.filteredModelOptions = combineLatest([
-                this.values.pipe(startWith('')),
-                // Convertir le signal data() en Observable
-                of(this.data()).pipe(startWith(this.data())),
-            ]).pipe(map(([value, data]) => {
-                // S'assurer que les données sont disponibles avant de filtrer
-                if (!data || data.length === 0)
-                    return [];
-                return this._filterModel(value || -1);
-            }), map((values) => {
+            this.filteredModelOptions = this.values.pipe(startWith(''), combineLatestWith(this.data$), map(([value, data]) => this._filterModel(value || -1)), map((values) => {
                 const filters = this.filters();
                 return filters && filters[this.filterIndex()]?.callback
                     ? values.filter((r) => this.filters()[this.filterIndex()]?.callback(r))
@@ -1569,6 +1547,9 @@ class ChrSearchSelectComponent extends ChrBaseInputComponent {
                 .toLowerCase()
                 .includes(input.trim().toLowerCase());
         };
+        effect(() => {
+            this.data$.next(this.data() || []);
+        });
     }
     ngOnInit() {
         super.ngOnInit();
@@ -1623,6 +1604,7 @@ class ChrTagSelectComponent extends ChrBaseInputComponent {
         this.values = new BehaviorSubject('');
         this.placeholder = input();
         this.data = input([]);
+        this.data$ = new BehaviorSubject([]);
         this.display = input();
         this.filters = input(null);
         /**
@@ -1705,31 +1687,8 @@ class ChrTagSelectComponent extends ChrBaseInputComponent {
             // this.value![this.value!.indexOf(entry)] = entry;
             // return this.onValueChange(this.value);
         };
-        // protected registerFilters = () => {
-        //   this.filteredModelOptions = this.values.pipe(
-        //     startWith(''),
-        //     map((value) => this._filterModel(this.textInputValue() || -1)),
-        //     map((values) => {
-        //       const filters = this.filters();
-        //       return filters && filters[this.filterIndex()]?.callback
-        //         ? values.filter((r) =>
-        //             this.filters()![this.filterIndex()]?.callback!(r)
-        //           )
-        //         : values;
-        //     })
-        //   );
-        // };
         this.registerFilters = () => {
-            this.filteredModelOptions = combineLatest([
-                this.values.pipe(startWith('')),
-                // Convertir le signal data() en Observable
-                of(this.data()).pipe(startWith(this.data())),
-            ]).pipe(map(([value, data]) => {
-                // S'assurer que les données sont disponibles avant de filtrer
-                if (!data || data.length === 0)
-                    return [];
-                return this._filterModel(this.textInputValue() || -1);
-            }), map((values) => {
+            this.filteredModelOptions = this.values.pipe(startWith(''), combineLatestWith(this.data$), map((value) => this._filterModel(this.textInputValue() || -1)), map((values) => {
                 const filters = this.filters();
                 return filters && filters[this.filterIndex()]?.callback
                     ? values.filter((r) => this.filters()[this.filterIndex()]?.callback(r))
@@ -1795,6 +1754,9 @@ class ChrTagSelectComponent extends ChrBaseInputComponent {
             this.value = [...(this.value ?? [])];
             return this.onValueChange(this.value);
         });
+        effect(() => {
+            this.data$.next(this.data() || []);
+        });
     }
     ngOnInit() {
         super.ngOnInit();