disabled click on filters when there is no available option and added 'disabled' property for quick filters

src/lib/filtering/models/filter.model.ts

@@ -7,4 +7,5 @@ export interface IFilter {
     readonly topLevelFilter?: boolean;
     readonly checker?: (obj?: unknown) => boolean;
     readonly required?: boolean;
+    readonly disabled?: boolean;
 }

src/lib/filtering/models/nested-filter.ts

@@ -5,12 +5,14 @@ import { INestedFilter } from './nested-filter.model';
 export class NestedFilter extends Filter implements INestedFilter, IListable {
     expanded: boolean;
     indeterminate: boolean;
+    disabled?: boolean;
     readonly children: Filter[];
 
     constructor(nestedFilter: INestedFilter) {
         super(nestedFilter);
         this.expanded = !!nestedFilter.expanded;
         this.indeterminate = !!nestedFilter.indeterminate;
+        this.disabled = !!nestedFilter.disabled;
         this.children = nestedFilter.children ?? [];
     }
 }

src/lib/filtering/popup-filter/popup-filter.component.html

@@ -3,6 +3,7 @@
         <iqser-icon-button
             [attr.aria-expanded]="expanded$ | async"
             [disabled]="primaryFiltersDisabled$ | async"
+            [ngClass]="{'disabled': primaryFiltersDisabled$ | async}"
             [icon]="primaryGroup.icon"
             [label]="primaryGroup.label || ('filter-menu.label' | translate)"
             [matMenuTriggerFor]="filterMenu"

src/lib/filtering/popup-filter/popup-filter.component.scss

@@ -44,3 +44,7 @@
 iqser-input-with-action {
     padding: 0 8px 8px 8px;
 }
+
+.disabled {
+    pointer-events: none;
+}

src/lib/filtering/quick-filters/quick-filters.component.html

@@ -3,6 +3,7 @@
         (click)="filterService.toggleFilter('quickFilters', filter.id)"
         *ngFor="let filter of filters"
         [class.active]="filter.checked"
+        [class.disabled]="filter.disabled"
         class="quick-filter"
     >
         {{ filter.label }}

src/lib/filtering/quick-filters/quick-filters.component.scss

@@ -26,6 +26,16 @@
         border: none;
     }
 
+    &.disabled {
+        opacity: 0.3;
+        cursor: default;
+        pointer-events: none;
+
+        &:hover {
+            background-color: var(--iqser-btn-bg);
+        }
+    }
+
     &:not(:last-child) {
         margin-right: 8px;
     }