@snabcentr/client-ui 4.8.1 → 4.8.2

package/fesm2022/snabcentr-client-ui.mjs

@@ -5648,11 +5648,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }] });
 
 /**
- * Токен для инъекции {@link Subject} для хранения фильтров продуктов.
+ * Токен для инъекции {@link BehaviorSubject} для хранения фильтров продуктов.
  */
 const SC_CATALOG_PRODUCTS_FILTERS = new InjectionToken('SC_CATALOG_PRODUCTS_FILTERS$', {
     providedIn: 'root',
-    factory: () => new Subject(),
+    factory: () => new BehaviorSubject({}),
 });
 
 /**
@@ -5773,6 +5773,12 @@ class ScCatalogFiltersComponent {
         this.form.valueChanges.pipe(debounceTime(0), takeUntilDestroyed()).subscribe((filters) => {
             this.catalogProductsFilters$.next(this.buildPropertyFilters(filters));
         });
+        // Внешний сброс фильтров (например, при смене категории): приводим форму к исходным значениям без повторной отправки в хранилище.
+        this.catalogProductsFilters$
+            .pipe(filter((value) => Object.keys(value).length === 0), takeUntilDestroyed())
+            .subscribe(() => {
+            this.resetAllFilters(false);
+        });
     }
     /**
      * Обновляет состав контролов формы на основе переданных фильтров.
@@ -5782,13 +5788,16 @@ class ScCatalogFiltersComponent {
     updateFormControls(filters) {
         this.formSyncs.unsubscribe();
         this.formSyncs = new Subscription();
+        const appliedFilters = this.getAppliedFilters();
         Object.keys(this.form.controls).forEach((key) => {
             this.form.removeControl(key, { emitEvent: false });
         });
         filters.forEach((item) => {
+            // eslint-disable-next-line security/detect-object-injection
+            const appliedValue = appliedFilters[item.id];
             switch (item.type) {
                 case 'checkbox': {
-                    const checkboxControl = this.createCheckboxFormControl(item);
+                    const checkboxControl = this.createCheckboxFormControl(item, appliedValue);
                     this.form.addControl(item.id, checkboxControl, { emitEvent: false });
                     // Single-select для !isMultiple: при выборе одного остальные снимаются.
                     if (!item.isMultiple && item.values.length > 1) {
@@ -5797,19 +5806,27 @@ class ScCatalogFiltersComponent {
                     break;
                 }
                 case 'range': {
-                    const rangeControl = this.createRangeFormControl(item);
+                    const rangeControl = this.createRangeFormControl(item, appliedValue);
                     this.form.addControl(item.id, rangeControl, { emitEvent: false });
                     this.formSyncs.add(this.syncRangeFromToAndSlider(rangeControl));
                     break;
                 }
                 case 'toggle':
-                    this.form.addControl(item.id, this.createToggleFormControl(item), { emitEvent: false });
+                    this.form.addControl(item.id, this.createToggleFormControl(item, appliedValue), { emitEvent: false });
                     break;
                 default:
                     break;
             }
         });
     }
+    /**
+     * Возвращает текущие применённые фильтры из хранилища фильтров.
+     *
+     * Позволяет восстанавливать выбранные значения при пересоздании компонента (повторное открытие диалога или блока фильтров).
+     */
+    getAppliedFilters() {
+        return this.catalogProductsFilters$ instanceof BehaviorSubject ? this.catalogProductsFilters$.value : {};
+    }
     /**
      * Преобразует значения формы в объект фильтров свойств.
      *
@@ -5846,9 +5863,11 @@ class ScCatalogFiltersComponent {
      * Различие в API-выводе для одиночного значения (boolean вместо массива) обрабатывается в {@link processCheckboxFilter}.
      *
      * @param checkboxFilter Фильтр типа checkbox.
+     * @param appliedValue Применённое ранее значение фильтра из хранилища фильтров.
      */
-    createCheckboxFormControl(checkboxFilter) {
-        const isSelected = (id) => checkboxFilter.selectedValues?.includes(id) ?? false;
+    createCheckboxFormControl(checkboxFilter, appliedValue) {
+        const appliedIds = Array.isArray(appliedValue) ? appliedValue : null;
+        const isSelected = (id) => appliedIds?.includes(id) ?? checkboxFilter.selectedValues?.includes(id) ?? false;
         const controls = {};
         checkboxFilter.values.forEach((value) => {
             controls[value.id] = new FormControl(isSelected(value.id), { nonNullable: true });
@@ -5859,10 +5878,12 @@ class ScCatalogFiltersComponent {
      * Создаёт {@link FormGroup} для range: {@code from}, {@code to}, {@code slider} (кортеж для {@link TuiRange}).
      *
      * @param rangeFilter Фильтр типа range.
+     * @param appliedValue Применённое ранее значение фильтра из хранилища фильтров.
      */
-    createRangeFormControl(rangeFilter) {
-        const fromValue = Number(rangeFilter.selectedMin ?? rangeFilter.min);
-        const toValue = Number(rangeFilter.selectedMax ?? rangeFilter.max);
+    createRangeFormControl(rangeFilter, appliedValue) {
+        const appliedRange = appliedValue && typeof appliedValue === 'object' && !Array.isArray(appliedValue) ? appliedValue : null;
+        const fromValue = Number(appliedRange?.from ?? rangeFilter.selectedMin ?? rangeFilter.min);
+        const toValue = Number(appliedRange?.to ?? rangeFilter.selectedMax ?? rangeFilter.max);
         return new FormGroup({
             from: new FormControl(fromValue, { nonNullable: true }),
             to: new FormControl(toValue, { nonNullable: true }),
@@ -5946,9 +5967,11 @@ class ScCatalogFiltersComponent {
      * Создает FormControl для toggle.
      *
      * @param toggleFilter Фильтр типа toggle.
+     * @param appliedValue Применённое ранее значение фильтра из хранилища фильтров.
      */
-    createToggleFormControl(toggleFilter) {
-        return new FormControl(toggleFilter.selectedValue ?? false, { nonNullable: true });
+    createToggleFormControl(toggleFilter, appliedValue) {
+        const appliedToggle = typeof appliedValue === 'boolean' ? appliedValue : undefined;
+        return new FormControl(appliedToggle ?? toggleFilter.selectedValue ?? false, { nonNullable: true });
     }
     /**
      * Обрабатывает checkbox: FormGroup → string[] выбранных id; для единственного значения — boolean (как toggle).
@@ -6046,8 +6069,10 @@ class ScCatalogFiltersComponent {
     }
     /**
      * Сбрасывает все фильтры к исходным значениям.
+     *
+     * @param emitEvent Признак необходимости эмитить события изменения контролов (false — тихий сброс без отправки значений в хранилище фильтров).
      */
-    resetAllFilters() {
+    resetAllFilters(emitEvent = true) {
         this.filters()?.forEach((filterItem) => {
             const control = this.form.get(filterItem.id);
             if (!control) {
@@ -6061,17 +6086,17 @@ class ScCatalogFiltersComponent {
                         // eslint-disable-next-line security/detect-object-injection
                         resetValue[id] = false;
                     });
-                    group.reset(resetValue);
+                    group.reset(resetValue, { emitEvent });
                     break;
                 }
                 case 'toggle':
-                    control.reset(false);
+                    control.reset(false, { emitEvent });
                     break;
                 case 'range': {
                     const group = control;
                     const min = +filterItem.min;
                     const max = +filterItem.max;
-                    group.reset({ from: min, to: max, slider: [min, max] });
+                    group.reset({ from: min, to: max, slider: [min, max] }, { emitEvent });
                     break;
                 }
                 default: