@recursyve/nice-data-filter-kit 14.2.2 → 14.3.0

package/lib/components/base-list/store/base-list.service.d.ts

@@ -17,7 +17,7 @@ export declare class NiceBaseListService<Filter extends NiceFilterService<any> =
     protected appRef: ApplicationRef;
     queryParamsLoaded$: Subject<unknown>;
     protected downloadFileName: string;
-    protected unsubscribeAll$: Subject<unknown>;
+    protected unsubscribeAll$: Subject<void>;
     protected loadingData: boolean;
     constructor(store: NiceBaseListStore, filterService: Filter, disableQueryParams: boolean, activatedRoute: ActivatedRoute, router: Router, appRef: ApplicationRef);
     get filter(): Filter;

package/lib/components/nice-filter-view/components/advanced-filters/advanced-filters-trigger.directive.d.ts

@@ -0,0 +1,27 @@
+import { Overlay, OverlayPositionBuilder } from "@angular/cdk/overlay";
+import { Platform } from "@angular/cdk/platform";
+import { ElementRef, EventEmitter, Injector } from "@angular/core";
+import { FilterConfigurationModel } from "../../../../models/filter.model";
+import { NiceFilterViewQuery } from "../../store/nice-filter-view.query";
+import { NiceFilterViewService } from "../../store/nice-filter-view.service";
+import * as i0 from "@angular/core";
+export declare class AdvancedFiltersTriggerDirective {
+    private query;
+    private service;
+    private overlayPositionBuilder;
+    private elementRef;
+    private overlay;
+    private platform;
+    private injector;
+    private overlayRef;
+    private filterSelectionRef;
+    position: "topRight" | "bottomCenter";
+    advancedFilterSelected: EventEmitter<FilterConfigurationModel>;
+    private get connectedPosition();
+    constructor(query: NiceFilterViewQuery, service: NiceFilterViewService, overlayPositionBuilder: OverlayPositionBuilder, elementRef: ElementRef, overlay: Overlay, platform: Platform, injector: Injector);
+    click(): void;
+    private close;
+    private updateFilterSelectionComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdvancedFiltersTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AdvancedFiltersTriggerDirective, "[niceAdvancedFiltersTrigger]", ["niceAdvancedFiltersTrigger"], { "position": "position"; }, { "advancedFilterSelected": "advancedFilterSelected"; }, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.component.d.ts

@@ -0,0 +1,27 @@
+import { ChangeDetectorRef, OnInit } from "@angular/core";
+import { GeneratedFormArray, GeneratedFormGroup } from "@recursyve/ngx-form-generator";
+import { Observable } from "rxjs";
+import { FilterConfigurationModel } from "../../../../models/filter.model";
+import { NiceFilterViewQuery } from "../../store/nice-filter-view.query";
+import { NiceFilterViewService } from "../../store/nice-filter-view.service";
+import { AdvancedFiltersForm, FilterForm } from "./advanced-filters.form";
+import { NiceAdvancedFilterIconOptions } from "./models/icons.model";
+import * as i0 from "@angular/core";
+export declare class NiceAdvancedFiltersComponent implements OnInit {
+    icons: NiceAdvancedFilterIconOptions;
+    formGroup: GeneratedFormGroup<AdvancedFiltersForm>;
+    private query;
+    private service;
+    private changeDetectorRef;
+    config$: Observable<FilterConfigurationModel[]>;
+    rules$: Observable<FilterForm[]>;
+    rulesFormArray: GeneratedFormArray<FilterForm>;
+    constructor(icons: NiceAdvancedFilterIconOptions, formGroup: GeneratedFormGroup<AdvancedFiltersForm>, query: NiceFilterViewQuery, service: NiceFilterViewService, changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    onClickAddRule(filterConfigurationModel: FilterConfigurationModel): void;
+    onClickDeleteRule(index: number): void;
+    onClose(): void;
+    onRefresh(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceAdvancedFiltersComponent, [{ optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAdvancedFiltersComponent, "nice-advanced-filters", never, {}, {}, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.constant.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from "@angular/core";
+export declare const ADVANCED_FILTER_ICONS: InjectionToken<unknown>;

package/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.form.d.ts

@@ -0,0 +1,20 @@
+import { Condition, QueryModel, QueryRuleModel } from "../../../../models/query.model";
+export declare class FilterFormValues {
+    value: any;
+    secondValue: any;
+}
+export declare class FilterForm {
+    id: string;
+    operation: string;
+    needsTwoValues: boolean;
+    condition: Condition;
+    values: FilterFormValues[];
+    constructor(value: QueryModel | QueryRuleModel);
+    transform(): QueryModel | QueryRuleModel;
+}
+export declare class AdvancedFiltersForm {
+    rules: FilterForm[];
+    condition: Condition;
+    constructor(query: QueryModel);
+    transform(): QueryModel;
+}

package/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.module.d.ts

@@ -0,0 +1,41 @@
+import { ModuleWithProviders, Type } from "@angular/core";
+import { NiceFilterGroupService } from "../../../query-builder/providers/filter-group.service";
+import { NiceAdvancedFilterIconOptions } from "./models/icons.model";
+import * as i0 from "@angular/core";
+import * as i1 from "./advanced-filters.component";
+import * as i2 from "./button/advanced-filters-button.component";
+import * as i3 from "./filter-selection/filter-selection.component";
+import * as i4 from "./rule/rule.component";
+import * as i5 from "./rule/components/date/date-filter.component";
+import * as i6 from "./rule/components/number/number-filter.component";
+import * as i7 from "./rule/components/radio/radio-filter.component";
+import * as i8 from "./rule/components/select/select-filter.component";
+import * as i9 from "./rule/components/text/text-filter.component";
+import * as i10 from "./advanced-filters-trigger.directive";
+import * as i11 from "../../pipes/filter-group-icon.pipe";
+import * as i12 from "@angular/common";
+import * as i13 from "@angular/forms";
+import * as i14 from "@angular/material/radio";
+import * as i15 from "@angular/material/card";
+import * as i16 from "@angular/material/list";
+import * as i17 from "@recursyve/nice-ui-kit.v2";
+import * as i18 from "@angular/material/icon";
+import * as i19 from "@angular/material/core";
+import * as i20 from "@angular/material/button";
+import * as i21 from "@angular/material/form-field";
+import * as i22 from "@angular/material/select";
+import * as i23 from "@angular/material/input";
+import * as i24 from "@angular/material/button-toggle";
+import * as i25 from "@ngx-translate/core";
+import * as i26 from "@angular/material/datepicker";
+import * as i27 from "ngx-mask";
+export interface NiceAdvancedFiltersOptions {
+    icons?: NiceAdvancedFilterIconOptions;
+    filterGroupService?: Type<NiceFilterGroupService<any>>;
+}
+export declare class NiceAdvancedFiltersModule {
+    static forRoot(options?: NiceAdvancedFiltersOptions): ModuleWithProviders<NiceAdvancedFiltersModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceAdvancedFiltersModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NiceAdvancedFiltersModule, [typeof i1.NiceAdvancedFiltersComponent, typeof i2.NiceAdvancedFiltersButtonComponent, typeof i3.NiceAdvancedFilterSelectionComponent, typeof i4.NiceAdvancedRuleComponent, typeof i5.NiceAdvancedDateFilterComponent, typeof i6.NiceAdvancedNumberFilterComponent, typeof i7.NiceAdvancedRadioFilterComponent, typeof i8.NiceAdvancedSelectFilterComponent, typeof i9.NiceAdvancedTextFilterComponent, typeof i10.AdvancedFiltersTriggerDirective, typeof i11.NiceFilterGroupIconPipe], [typeof i12.CommonModule, typeof i13.ReactiveFormsModule, typeof i14.MatRadioModule, typeof i15.MatCardModule, typeof i16.MatListModule, typeof i17.NiceLoadingSpinnerModule, typeof i18.MatIconModule, typeof i19.MatRippleModule, typeof i20.MatButtonModule, typeof i21.MatFormFieldModule, typeof i19.MatOptionModule, typeof i22.MatSelectModule, typeof i13.FormsModule, typeof i23.MatInputModule, typeof i24.MatButtonToggleModule, typeof i25.TranslateModule, typeof i26.MatDatepickerModule, typeof i17.NiceTypeaheadModule, typeof i27.NgxMaskModule], [typeof i1.NiceAdvancedFiltersComponent, typeof i2.NiceAdvancedFiltersButtonComponent, typeof i10.AdvancedFiltersTriggerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NiceAdvancedFiltersModule>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/button/advanced-filters-button.component.d.ts

@@ -0,0 +1,17 @@
+import { FilterConfigurationModel } from "../../../../../models/filter.model";
+import { NiceBaseIconOptions } from "../../../../base-list/models/icons.model";
+import { NiceFilterViewQuery } from "../../../store/nice-filter-view.query";
+import { NiceFilterViewService } from "../../../store/nice-filter-view.service";
+import * as i0 from "@angular/core";
+export declare class NiceAdvancedFiltersButtonComponent {
+    icons: NiceBaseIconOptions;
+    private query;
+    private service;
+    shouldShowAdvancedFilters$: import("rxjs").Observable<boolean>;
+    hasParameters$: import("rxjs").Observable<boolean>;
+    constructor(icons: NiceBaseIconOptions, query: NiceFilterViewQuery, service: NiceFilterViewService);
+    clickToggleShowAdvancedFilters(): void;
+    onSelectedFilter(filter: FilterConfigurationModel): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceAdvancedFiltersButtonComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAdvancedFiltersButtonComponent, "nice-advanced-filters-button", never, {}, {}, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/filter-selection/filter-selection.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from "@angular/core";
+import { FilterConfigurationModel, FilterGroupConfiguration } from "../../../../../models/filter.model";
+import { NiceFilterViewQuery } from "../../../store/nice-filter-view.query";
+import * as i0 from "@angular/core";
+export declare class NiceAdvancedFilterSelectionComponent {
+    private query;
+    filterSelected: EventEmitter<FilterConfigurationModel>;
+    loading$: import("rxjs").Observable<boolean>;
+    filterGroups$: import("rxjs").Observable<[FilterGroupConfiguration, FilterConfigurationModel[]][]>;
+    constructor(query: NiceFilterViewQuery);
+    selectFilter(filterConfigurationModel: FilterConfigurationModel): void;
+    trackGroups(index: number, value: [FilterGroupConfiguration, FilterConfigurationModel[]]): any;
+    trackFilter(index: number, value: FilterConfigurationModel): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceAdvancedFilterSelectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAdvancedFilterSelectionComponent, "nice-advanced-filter-selection", never, {}, { "filterSelected": "filterSelected"; }, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/models/icons.model.d.ts

@@ -0,0 +1,10 @@
+import { NiceBaseListIcons } from "../../../../base-list/models/icons.model";
+export interface NiceAdvancedFilterIconOptions {
+    add?: NiceBaseListIcons;
+    close?: NiceBaseListIcons;
+    refresh?: NiceBaseListIcons;
+    delete?: NiceBaseListIcons;
+    arrowDown?: NiceBaseListIcons;
+    datePicker?: NiceBaseListIcons;
+}
+export declare const defaultIcons: NiceAdvancedFilterIconOptions;

package/lib/components/nice-filter-view/components/advanced-filters/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from "./button/advanced-filters-button.component";
+export * from "./advanced-filters.component";
+export * from "./advanced-filters.module";
+export * from "./advanced-filters.form";
+export * from "./advanced-filters-trigger.directive";

package/lib/components/nice-filter-view/components/advanced-filters/rule/components/date/date-filter.component.d.ts

@@ -0,0 +1,9 @@
+import { NiceAdvancedFilterIconOptions } from "../../../models/icons.model";
+import { FilterComponent } from "../filter.component";
+import * as i0 from "@angular/core";
+export declare class NiceAdvancedDateFilterComponent extends FilterComponent<string> {
+    icons: NiceAdvancedFilterIconOptions;
+    constructor(icons: NiceAdvancedFilterIconOptions);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceAdvancedDateFilterComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAdvancedDateFilterComponent, "nice-advanced-date-filter", never, {}, {}, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/rule/components/filter.component.d.ts

@@ -0,0 +1,13 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class FilterComponent<T> implements ControlValueAccessor {
+    private _value;
+    get value(): T | undefined;
+    protected propagateChanges: (_: T) => void;
+    registerOnTouched(fn: any): void;
+    registerOnChange(fn: (_: T) => void): void;
+    writeValue(value: T): void;
+    onValueChange(value: T): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent<any>, "ng-component", never, {}, {}, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/rule/components/number/number-filter.component.d.ts

@@ -0,0 +1,6 @@
+import { FilterComponent } from "../filter.component";
+import * as i0 from "@angular/core";
+export declare class NiceAdvancedNumberFilterComponent extends FilterComponent<number> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceAdvancedNumberFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAdvancedNumberFilterComponent, "nice-advanced-number-filter", never, {}, {}, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/rule/components/radio/radio-filter.component.d.ts

@@ -0,0 +1,8 @@
+import { FilterConfigurationModel } from "../../../../../../../models/filter.model";
+import { FilterComponent } from "../filter.component";
+import * as i0 from "@angular/core";
+export declare class NiceAdvancedRadioFilterComponent extends FilterComponent<string> {
+    filterConfig: FilterConfigurationModel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceAdvancedRadioFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAdvancedRadioFilterComponent, "nice-advanced-radio-filter", never, { "filterConfig": "filterConfig"; }, {}, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/rule/components/select/select-filter.component.d.ts

@@ -0,0 +1,22 @@
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from "@angular/core";
+import { Subject } from "rxjs";
+import { FilterConfigurationModel, SelectFilterValue } from "../../../../../../../models/filter.model";
+import { NiceFilterService } from "../../../../../../base-list/providers/base-filter.service";
+import { FilterComponent } from "../filter.component";
+import * as i0 from "@angular/core";
+export declare class NiceAdvancedSelectFilterComponent extends FilterComponent<unknown> implements OnInit, OnDestroy, OnChanges {
+    protected filterService: NiceFilterService<any>;
+    filterConfig: FilterConfigurationModel;
+    values: SelectFilterValue[];
+    search$: Subject<string>;
+    private searchSub$;
+    constructor(filterService: NiceFilterService<any>);
+    ngOnInit(): Promise<void>;
+    ngOnChanges(changes: SimpleChanges): void;
+    private searchValue;
+    onValueChange(value: unknown): void;
+    ngOnDestroy(): void;
+    writeValue(value: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceAdvancedSelectFilterComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAdvancedSelectFilterComponent, "nice-advanced-select-filter", never, { "filterConfig": "filterConfig"; }, {}, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/rule/components/text/text-filter.component.d.ts

@@ -0,0 +1,8 @@
+import { FilterConfigurationModel } from "../../../../../../../models/filter.model";
+import { FilterComponent } from "../filter.component";
+import * as i0 from "@angular/core";
+export declare class NiceAdvancedTextFilterComponent extends FilterComponent<string> {
+    filterConfig: FilterConfigurationModel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceAdvancedTextFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAdvancedTextFilterComponent, "nice-advanced-text-filter", never, { "filterConfig": "filterConfig"; }, {}, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/rule/rule.component.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter, OnInit } from "@angular/core";
+import { FormGroupName } from "@angular/forms";
+import { GeneratedFormArray, GeneratedFormGroup } from "@recursyve/ngx-form-generator";
+import { Observable } from "rxjs";
+import { FilterConfigurationModel } from "../../../../../models/filter.model";
+import { FilterForm, FilterFormValues } from "../advanced-filters.form";
+import { NiceAdvancedFilterIconOptions } from "../models/icons.model";
+import * as i0 from "@angular/core";
+export declare class NiceAdvancedRuleComponent implements OnInit {
+    icons: NiceAdvancedFilterIconOptions;
+    private formGroupName;
+    filterConfigs: FilterConfigurationModel[] | null;
+    remove: EventEmitter<any>;
+    formGroup: GeneratedFormGroup<FilterForm>;
+    valuesFormArray: GeneratedFormArray<FilterFormValues>;
+    isSingleInput$: Observable<boolean>;
+    isDoubleInput$: Observable<boolean>;
+    get filterConfig(): FilterConfigurationModel;
+    constructor(icons: NiceAdvancedFilterIconOptions, formGroupName: FormGroupName);
+    ngOnInit(): void;
+    onUpdateFilterConfig(config: FilterConfigurationModel): void;
+    addValue(index: number): void;
+    removeValue(i: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceAdvancedRuleComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NiceAdvancedRuleComponent, "nice-advanced-rule", never, { "filterConfigs": "filterConfigs"; }, { "remove": "remove"; }, never, never, false>;
+}

package/lib/components/nice-filter-view/components/advanced-filters/utils/advanced-filters.utils.d.ts

@@ -0,0 +1,11 @@
+import { FilterConfigurationModel } from "../../../../../models/filter.model";
+import { FilterOperators, QueryRuleModel } from "../../../../../models/query.model";
+export declare class AdvancedFiltersUtils {
+    static noInputOperators: FilterOperators[];
+    static singleInputOperators: FilterOperators[];
+    static doubleInputOperators: FilterOperators[];
+    static isSingleInput(filterOperator?: FilterOperators): boolean;
+    static isDoubleInput(filterOperator?: FilterOperators): boolean;
+    static isNoInput(filterOperator?: FilterOperators): boolean;
+    static createRule(config: FilterConfigurationModel, operator?: FilterOperators): QueryRuleModel;
+}

package/lib/components/nice-filter-view/pipes/filter-group-icon.pipe.d.ts

@@ -0,0 +1,11 @@
+import { PipeTransform } from "@angular/core";
+import { NiceBaseListIcons } from "../../base-list/models/icons.model";
+import { NiceFilterGroupService } from "../../query-builder/providers/filter-group.service";
+import * as i0 from "@angular/core";
+export declare class NiceFilterGroupIconPipe implements PipeTransform {
+    private service?;
+    constructor(service?: NiceFilterGroupService<any>);
+    transform(value: string): NiceBaseListIcons;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NiceFilterGroupIconPipe, [{ optional: true; }]>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NiceFilterGroupIconPipe, "niceFilterGroupIcon", false>;
+}

package/lib/components/nice-filter-view/public-api.d.ts

@@ -1,3 +1,4 @@
+export * from "./components/advanced-filters/public-api";
 export * from "./components/common/data.directive";
 export * from "./components/custom-data-view/custom-data-view.component";
 export * from "./components/export-buttons/export-buttons.component";

package/lib/components/nice-filter-view/store/nice-filter-view.query.d.ts

@@ -6,11 +6,13 @@ import * as i0 from "@angular/core";
 export declare class NiceFilterViewQuery extends QueryEntity<NiceFilterViewState> {
     protected store: NiceFilterViewStore;
     constructor(store: NiceFilterViewStore);
+    selectSubState<T>(name: string): Observable<T>;
     selectFilterConfigLoading(): Observable<boolean>;
     selectFilterConfig(): Observable<FilterConfigurationModel[]>;
     selectFilterParameters(): Observable<FilterParametersModel>;
     selectFilterResult(): Observable<FilterResultModel | null>;
     getParameters(): FilterParametersModel;
+    getSubState<T>(name: string): T;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceFilterViewQuery, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NiceFilterViewQuery>;
 }

package/lib/components/nice-filter-view/store/nice-filter-view.service.d.ts

@@ -11,6 +11,7 @@ export declare class NiceFilterViewService<Filter extends NiceFilterService<any>
     constructor(store: NiceFilterViewStore, filterService: Filter);
     reset(): void;
     disable(): void;
+    updateSubState<T>(name: string, value: T): void;
     enable(): void;
     setAutoLoad(autoLoad: boolean): void;
     setLoading(loading: boolean): void;

package/lib/components/nice-filter-view/store/nice-filter-view.store.d.ts

@@ -28,6 +28,7 @@ export declare class NiceFilterViewStore extends EntityStore<NiceFilterViewState
     upsertValue(value: any, key?: string): void;
     removeValue(value: any, key?: string): void;
     getParameters(filterParameters?: FilterParametersModel): FilterParametersModel;
+    getSubState<T>(name: string): T;
     static ɵfac: i0.ɵɵFactoryDeclaration<NiceFilterViewStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NiceFilterViewStore>;
 }

package/lib/components/query-builder/pipes/filter-group-icon.pipe.d.ts

@@ -3,9 +3,9 @@ import { NiceBaseListIcons } from "../../base-list/models/icons.model";
 import { NiceFilterGroupService } from "../providers/filter-group.service";
 import * as i0 from "@angular/core";
 export declare class FilterGroupIconPipe implements PipeTransform {
-    private service;
-    constructor(service: NiceFilterGroupService<any>);
+    private service?;
+    constructor(service?: NiceFilterGroupService<any>);
     transform(value: string): NiceBaseListIcons;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FilterGroupIconPipe, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterGroupIconPipe, [{ optional: true; }]>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FilterGroupIconPipe, "filterGroupIcon", false>;
 }

package/lib/directive/selectable-list/selectable-list-checkbox.directive.d.ts

@@ -1,9 +1,9 @@
-import { OnDestroy, OnInit } from "@angular/core";
+import { DoCheck, OnDestroy, OnInit } from "@angular/core";
 import { MatCheckbox } from "@angular/material/checkbox";
 import { SelectableListContentService } from "./providers/selectable-list-content.service";
 import { SelectableListService } from "./store/selectable-list.service";
 import * as i0 from "@angular/core";
-export declare class NiceSelectableListCheckboxDirective implements OnInit, OnDestroy {
+export declare class NiceSelectableListCheckboxDirective implements OnInit, OnDestroy, DoCheck {
     readonly checkbox: MatCheckbox;
     private service;
     private selectableListService;
@@ -12,10 +12,12 @@ export declare class NiceSelectableListCheckboxDirective implements OnInit, OnDe
     private selectableListStateService;
     private selectableListStateQuery;
     private unsubscribeAll$;
+    private initialized;
     private get currentId();
     constructor(checkbox: MatCheckbox, service: SelectableListContentService, selectableListService: SelectableListService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    ngDoCheck(): void;
     private handleSelectableEntity;
     private handleSelectPage;
     private updateCheckboxState;

package/lib/directive/selectable-list/store/selectable-list.service.d.ts

@@ -1,4 +1,4 @@
-import { EntityStore, QueryEntity } from "@datorama/akita";
+import { EntityStore } from "@datorama/akita";
 import { NiceSelectableListOptions } from "../model/selectable-list-options.model";
 import { NicePreloadSelectedEntitiesProvider } from "../providers/preload-selected-entities.provider";
 import { SelectableListStateQuery } from "./selectable-list-state.query";
@@ -18,7 +18,7 @@ export declare class SelectableListService {
         query: SelectableListStateQuery<any>;
     };
     withState<T, ID = any>(stateName: string, options?: NiceSelectableListOptions): SelectableListStateService<T, ID>;
-    query<T>(stateName: string): QueryEntity<SelectableListState<T>>;
+    query<T>(stateName: string): SelectableListStateQuery<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectableListService, [{ optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SelectableListService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@recursyve/nice-data-filter-kit",
-  "version": "14.2.2",
+  "version": "14.3.0",
   "exports": {
     ".": {
       "sass": "./_index.scss",

package/src/lib/components/nice-filter-view/components/advanced-filters/advanced-filters.theme.scss

@@ -0,0 +1,25 @@
+@import "./filter-selection/filter-selection.theme";
+@import "./rule/rule.theme";
+
+@mixin nice-advanced-filters-theme($theme) {
+    @include advanced-filter-selection-theme();
+    @include advanced-rule-theme($theme);
+
+    nice-advanced-filters {
+        .advanced-filter-title {
+            @apply text-xl;
+        }
+
+        .advanced-filter-condition {
+            @apply text-lg;
+        }
+
+        .add-condition {
+            @apply min-h-12 rounded border-accent #{!important};
+        }
+
+        .close-button, .refresh-button {
+            @apply min-h-12;
+        }
+    }
+}

package/src/lib/components/nice-filter-view/components/advanced-filters/filter-selection/filter-selection.theme.scss

@@ -0,0 +1,29 @@
+@mixin advanced-filter-selection-theme() {
+    nice-advanced-filter-selection {
+        .filter-selection-container {
+            @apply min-h-36 min-w-36 max-h-[600px] max-w-[600px] p-8 overflow-auto;
+        }
+
+        .filter-group {
+            .group-icon {
+                @apply text-accent icon-size-8;
+            }
+
+            .group-name {
+                @apply text-lg font-bold;
+            }
+        }
+
+        .filter-item {
+            @apply cursor-pointer p-2 pl-4 border border-transparent;
+
+            &:hover {
+                @apply bg-accent/10;
+            }
+
+            .mat-ripple-element {
+                @apply bg-accent/20 #{!important};
+            }
+        }
+    }
+}

package/src/lib/components/nice-filter-view/components/advanced-filters/rule/rule.theme.scss

@@ -0,0 +1,96 @@
+@use '@angular/material' as mat;
+
+@mixin advanced-rule-theme($theme) {
+    $isDark: map-get($theme, is-dark);
+    $primary: map-get($theme, primary);
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+
+    nice-advanced-rule {
+        background: transparent;
+
+        .select-filter {
+            @apply w-full min-h-12 rounded;
+
+            .mat-button-wrapper {
+                @apply w-full px-2;
+            }
+        }
+
+        .config-name {
+            @apply flex flex-auto max-w-50 truncate;
+        }
+
+        .mat-form-field {
+            @apply w-full min-h-12;
+
+            .mat-form-field-wrapper {
+                @apply m-0 p-0 #{!important};
+            }
+
+            .mat-form-field-subscript-wrapper {
+                @apply hidden;
+            }
+
+            .mat-form-field-infix {
+                border-top: 0.5em solid transparent;
+            }
+
+            .mat-form-field-flex {
+                @apply rounded #{!important};
+            }
+        }
+
+        .condition-toggle {
+            @apply w-full min-h-12 rounded border border-accent #{!important};
+
+            mat-button-toggle {
+                @apply flex-auto border-accent #{!important};
+
+                &.mat-button-toggle-checked {
+                    @apply bg-accent/20;
+                }
+
+                &:not(.mat-button-toggle-checked) {
+                    @apply bg-transparent;
+                }
+
+                .mat-button-toggle-button {
+                    @apply h-full text-accent;
+                }
+            }
+        }
+
+        .add-button {
+            @apply w-12 max-w-12 h-12 max-h-12 rounded;
+
+            .mat-button-wrapper {
+                @apply w-full h-full border border-accent rounded #{!important};
+
+                .mat-icon {
+                    @apply text-accent #{!important};
+                }
+            }
+
+            .mat-ripple-element {
+                @apply bg-accent #{!important};
+            }
+        }
+
+        .remove-button {
+            @apply w-12 max-w-12 h-12 max-h-12 rounded;
+
+            .mat-button-wrapper {
+                @apply w-full h-full rounded #{!important};
+
+                .mat-icon {
+                    @apply text-accent #{!important};
+                }
+            }
+
+            .mat-ripple-element {
+                @apply bg-accent #{!important};
+            }
+        }
+    }
+}

package/src/lib/nice-data-filter.theme.scss

@@ -1,9 +1,11 @@
 @import "./components/base-list/base-list.theme";
+@import "./components/nice-filter-view/components/advanced-filters/advanced-filters.theme";
 @import "./components/query-builder/query-builder.theme";
 
 @mixin nice-data-filter-kit-theme($theme) {
     @include nice-base-list-theme($theme);
     @include nice-query-builder-theme($theme);
+    @include nice-advanced-filters-theme($theme);
 
     // TODO: Figure out a better way ot use tailwind
     nice-filter-search {