79730: Improve slider handles keyboard control

src/app/shared/search/search-filters/search-filter/search-range-filter/search-range-filter.component.html

@@ -32,8 +32,9 @@
 
         <ng-container *ngIf="shouldShowSlider()">
             <nouislider [connect]="true" [min]="min" [max]="max" [step]="1"
-                        [(ngModel)]="range" (change)="onSubmit()" ngDefaultControl></nouislider>
-
+                        [dsDebounce]="500" (onDebounce)="onSubmit()"
+                        [(ngModel)]="range" ngDefaultControl>
+            </nouislider>
         </ng-container>
       <ng-container *ngFor="let page of (filterValues$ | async)?.payload">
         <div [@facetLoad]="animationState">

src/app/shared/search/search-filters/search-filter/search-range-filter/search-range-filter.component.scss

@@ -21,6 +21,7 @@
         }
         &:focus {
             outline: none;
+            box-shadow: var(--bs-input-btn-focus-box-shadow);
         }
     }