@snabcentr/client-ui 3.54.0 → 3.54.2

package/fesm2022/snabcentr-client-ui.mjs

@@ -5771,6 +5771,20 @@ 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);
+        });
+    }
+    /**
+     * Возвращает текущие применённые фильтры из хранилища фильтров.
+     *
+     * Позволяет восстанавливать выбранные значения при пересоздании компонента (повторное открытие диалога или блока фильтров).
+     */
+    getAppliedFilters() {
+        return this.catalogProductsFilters$ instanceof BehaviorSubject ? this.catalogProductsFilters$.value : {};
     }
     /**
      * Обновляет состав контролов формы на основе переданных фильтров.
@@ -5780,13 +5794,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) {
@@ -5795,13 +5812,13 @@ 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;
@@ -5848,9 +5865,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 });
@@ -5874,10 +5893,14 @@ class ScCatalogFiltersComponent {
      * Поля заполнены дефолтами и валидируются границами; округление значений — на стороне поля ввода Taiga.
      *
      * @param rangeFilter Фильтр типа range.
+     * @param appliedValue Применённое ранее значение фильтра из хранилища фильтров.
      */
-    createRangeFormControl(rangeFilter) {
+    createRangeFormControl(rangeFilter, appliedValue) {
         const { min, max } = rangeFilter;
-        const { from: fromValue, to: toValue } = this.getRangeDefaults(rangeFilter);
+        const appliedRange = appliedValue && typeof appliedValue === 'object' && !Array.isArray(appliedValue) ? appliedValue : null;
+        const defaults = this.getRangeDefaults(rangeFilter);
+        const fromValue = Number(appliedRange?.from ?? defaults.from);
+        const toValue = Number(appliedRange?.to ?? defaults.to);
         return new FormGroup({
             from: new FormControl(fromValue, { nonNullable: true, validators: [Validators.min(min), Validators.max(max)] }),
             to: new FormControl(toValue, { nonNullable: true, validators: [Validators.min(min), Validators.max(max)] }),
@@ -5961,9 +5984,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).
@@ -6086,8 +6111,10 @@ class ScCatalogFiltersComponent {
     }
     /**
      * Сбрасывает все фильтры к исходным значениям.
+     *
+     * @param emitEvent Признак необходимости эмитить события изменения контролов (false — тихий сброс без отправки значений в хранилище фильтров).
      */
-    resetAllFilters() {
+    resetAllFilters(emitEvent = true) {
         this.filters()?.forEach((filterItem) => {
             const control = this.form.get(filterItem.id);
             if (!control) {
@@ -6101,16 +6128,16 @@ 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 defaults = this.getRangeDefaults(filterItem);
-                    group.reset({ from: defaults.from, to: defaults.to, slider: [defaults.from, defaults.to] });
+                    group.reset({ from: defaults.from, to: defaults.to, slider: [defaults.from, defaults.to] }, { emitEvent });
                     break;
                 }
                 default: