From 273f10f8befb007231e71703877ec4491f64cd33 Mon Sep 17 00:00:00 2001
From: guillermo2519 <escalante.guillermo2519@gmail.com>
Date: Mon, 6 Apr 2026 15:12:55 -0600
Subject: [PATCH 1/2] Fix #5386: Fix range filter freeze by using isChecked$
 observable and removing async call from click handler

---
 .../search-facet-range-option.component.html  | 28 +++++++++++--------
 .../search-facet-range-option.component.ts    | 16 +++++++++++
 2 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.html b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.html
index 40247215ce1..2d07b90e7f3 100644
--- a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.html
+++ b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.html
@@ -1,12 +1,18 @@
-@if (isVisible | async) {
-  <a class="d-flex flex-row"
-    (click)="filterService.minimizeAll()"
-    [routerLink]="[searchLink]"
-    [queryParams]="changeQueryParams" queryParamsHandling="merge"
-    role="button" tabindex="0">
-    <span class="filter-value px-1">{{filterValue.label}}</span>
-    <span class="float-end filter-value-count ms-auto">
-      <span class="badge bg-secondary rounded-pill">{{filterValue.count | dsShortNumber}}</span>
+<a class="d-flex flex-row"
+  [routerLink]="[searchLink]"
+  [queryParams]="(isChecked$ | async) ? removeQueryParams : changeQueryParams"
+  queryParamsHandling="merge"
+  [class.selected]="isChecked$ | async"
+  role="button" tabindex="0">
+  <span class="filter-value px-1">
+    {{ filterValue.label }}
+    @if (isChecked$ | async) {
+      <span aria-label="Activo"> ✕</span>
+    }
+  </span>
+  <span class="float-end filter-value-count ms-auto">
+    <span class="badge bg-secondary rounded-pill">
+      {{ filterValue.count | dsShortNumber }}
     </span>
-  </a>
-}
+  </span>
+</a>
diff --git a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.ts b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.ts
index 5a9a9fa4ae4..bc97a6cab0c 100644
--- a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.ts
+++ b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.ts
@@ -83,6 +83,16 @@ export class SearchFacetRangeOptionComponent implements OnInit, OnDestroy {
    */
   searchLink: string;
 
+  /**
+   * UI parameters when this filter is removed (deselect)
+   */
+  removeQueryParams: Params;
+
+  /**
+   * Observable que indica si esta opción de filtro está actualmente activa
+   */
+  isChecked$: Observable<boolean>;
+
   constructor(protected searchService: SearchService,
               protected filterService: SearchFilterService,
               protected searchConfigService: SearchConfigurationService,
@@ -95,6 +105,7 @@ export class SearchFacetRangeOptionComponent implements OnInit, OnDestroy {
    * Initializes all observable instance variables and starts listening to them
    */
   ngOnInit(): void {
+    this.isChecked$ = this.isChecked();
     this.searchLink = this.getSearchLink();
     this.isVisible = this.isChecked().pipe(map((checked: boolean) => !checked));
     this.sub = this.searchConfigService.searchOptions.subscribe(() => {
@@ -132,6 +143,11 @@ export class SearchFacetRangeOptionComponent implements OnInit, OnDestroy {
       [this.filterConfig.paramName + RANGE_FILTER_MAX_SUFFIX]: max === new Date().getUTCFullYear() ? null : [max],
       [page]: 1,
     };
+    this.removeQueryParams = {
+      [this.filterConfig.paramName + RANGE_FILTER_MIN_SUFFIX]: null,
+      [this.filterConfig.paramName + RANGE_FILTER_MAX_SUFFIX]: null,
+      [page]: 1,
+    };
   }
 
   /**

From 0bc4a94bcb45279c0e36a52a7ef4653f64b6720d Mon Sep 17 00:00:00 2001
From: guillermo2519 <escalante.guillermo2519@gmail.com>
Date: Mon, 6 Apr 2026 15:58:34 -0600
Subject: [PATCH 2/2] Fix #5386: Fix range filter freeze by using isChecked$
 observable and removing async call from click handler

---
 .../search-facet-range-option.component.spec.ts              | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.spec.ts b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.spec.ts
index 68600517d79..7e51df57d19 100644
--- a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.spec.ts
+++ b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.spec.ts
@@ -153,11 +153,12 @@ describe('SearchFacetRangeOptionComponent', () => {
   });
 
   describe('when isVisible emits false', () => {
-    it('the facet option should not be visible', () => {
+    it('the facet option should still be visible (active filter can be deselected)', () => {
       comp.isVisible = of(false);
       fixture.detectChanges();
       const linkEl = fixture.debugElement.query(By.css('a'));
-      expect(linkEl).toBeNull();
+      expect(linkEl).not.toBeNull();
+      expect(linkEl.nativeElement.classList).toContain('selected');
     });
   });
 });