@recursyve/nice-data-filter-kit 14.1.6 → 14.2.1

package/fesm2015/recursyve-nice-data-filter-kit.mjs

@@ -4,8 +4,8 @@ import { HttpParams } from '@angular/common/http';
 import * as i5$1 from '@recursyve/nice-ui-kit.v2';
 import { isNullOrUndefined, ObjectUtils, FileUtils, ArrayUtils, ExportBottomSheetComponent, NiceLoadingSpinnerModule, NiceTypeaheadModule, NiceExportBottomSheetModule } from '@recursyve/nice-ui-kit.v2';
 import * as i0 from '@angular/core';
-import { Directive, Input, NgModule, Injectable, Inject, InjectionToken, Optional, Pipe, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, HostListener, forwardRef, TemplateRef, ContentChild, ContentChildren, ViewChild } from '@angular/core';
-import { Store, StoreConfig, Query, arrayAdd, arrayUpsert, arrayRemove, EntityStore, QueryEntity } from '@datorama/akita';
+import { Directive, Input, NgModule, Injectable, Inject, InjectionToken, Optional, Pipe, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, HostListener, forwardRef, TemplateRef, ContentChild, ContentChildren, ViewChild, QueryList } from '@angular/core';
+import { Store, StoreConfig, Query, arrayAdd, arrayUpsert, arrayRemove, EntityStore, QueryEntity, EntityActions } from '@datorama/akita';
 import { combineLatest, Subject, firstValueFrom, of, tap } from 'rxjs';
 import { __decorate, __metadata, __awaiter, __rest } from 'tslib';
 import * as i2 from '@angular/router';
@@ -55,6 +55,7 @@ import * as i1$2 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i18 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
+import * as i1$4 from '@angular/material/checkbox';
 
 class QueryParamsUtils {
     static hasFilterParameters(params) {
@@ -2846,6 +2847,17 @@ class NiceFilterViewStore extends EntityStore {
         });
         this.remove(value[idKey]);
     }
+    getParameters(filterParameters) {
+        const { baseRules } = this.getValue();
+        const parameters = Object.assign(Object.assign({}, filterParameters), { rules: (filterParameters === null || filterParameters === void 0 ? void 0 : filterParameters.rules) ? [...filterParameters.rules] : [] });
+        if (baseRules === null || baseRules === void 0 ? void 0 : baseRules.length) {
+            parameters.rules.push({
+                condition: "and",
+                rules: baseRules
+            });
+        }
+        return parameters;
+    }
 }
 NiceFilterViewStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFilterViewStore, deps: [{ token: FILTER_VIEW_STATE }, { token: FILTER_VIEW_STORE }], target: i0.ɵɵFactoryTarget.Injectable });
 NiceFilterViewStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFilterViewStore });
@@ -2878,6 +2890,9 @@ class NiceFilterViewQuery extends QueryEntity {
     selectFilterResult() {
         return this.select("filterResult");
     }
+    getParameters() {
+        return this.store.getParameters(this.store.getValue().filterParameters);
+    }
 }
 NiceFilterViewQuery.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFilterViewQuery, deps: [{ token: NiceFilterViewStore }], target: i0.ɵɵFactoryTarget.Injectable });
 NiceFilterViewQuery.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFilterViewQuery });
@@ -2953,7 +2968,7 @@ class NiceFilterViewService {
             }
             try {
                 this.store.setLoading(true);
-                const result = yield firstValueFrom(this.filterService.filter(this.getParameters(filterParameters)));
+                const result = yield firstValueFrom(this.filterService.filter(this.store.getParameters(filterParameters)));
                 this.store.setResult(result);
             }
             catch (e) {
@@ -2972,7 +2987,7 @@ class NiceFilterViewService {
             }
             try {
                 this.store.setLoading(true);
-                const result = yield firstValueFrom(this.filterService.getFile(type, this.getParameters(filterParameters)));
+                const result = yield firstValueFrom(this.filterService.getFile(type, this.store.getParameters(filterParameters)));
                 FileUtils.downloadFile(`${downloadFileName}.${type}`, result);
             }
             catch (e) {
@@ -2991,7 +3006,7 @@ class NiceFilterViewService {
             }
             try {
                 this.store.setLoading(true);
-                const result = yield firstValueFrom(this.filterService.getPrintableHtml(this.getParameters(filterParameters)));
+                const result = yield firstValueFrom(this.filterService.getPrintableHtml(this.store.getParameters(filterParameters)));
                 FileUtils.openPrintableWindow(result);
             }
             catch (e) {
@@ -3103,17 +3118,6 @@ class NiceFilterViewService {
             });
         }
     }
-    getParameters(filterParameters) {
-        const { baseRules } = this.store.getValue();
-        const parameters = Object.assign(Object.assign({}, filterParameters), { rules: (filterParameters === null || filterParameters === void 0 ? void 0 : filterParameters.rules) ? [...filterParameters.rules] : [] });
-        if (baseRules === null || baseRules === void 0 ? void 0 : baseRules.length) {
-            parameters.rules.push({
-                condition: "and",
-                rules: baseRules
-            });
-        }
-        return parameters;
-    }
 }
 NiceFilterViewService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFilterViewService, deps: [{ token: NiceFilterViewStore }, { token: NiceFilterService }], target: i0.ɵɵFactoryTarget.Injectable });
 NiceFilterViewService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceFilterViewService });
@@ -3684,6 +3688,510 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 }]
         }] });
 
+class NicePreloadSelectedEntitiesProvider {
+}
+NicePreloadSelectedEntitiesProvider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NicePreloadSelectedEntitiesProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NicePreloadSelectedEntitiesProvider.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NicePreloadSelectedEntitiesProvider });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NicePreloadSelectedEntitiesProvider, decorators: [{
+            type: Injectable
+        }] });
+
+const NICE_PRELOAD_SELECTED_ENTITIES_PROVIDER = new InjectionToken("nice_preload_selected_entities_provider");
+
+class SelectableListStateService {
+    constructor(store, preloadService, options) {
+        this.store = store;
+        this.preloadService = preloadService;
+        this.options = options;
+    }
+    get idKey() {
+        var _a, _b;
+        return (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.idKey) !== null && _b !== void 0 ? _b : "id";
+    }
+    get preloadedWindow() {
+        var _a, _b;
+        return (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.preloadWindow) !== null && _b !== void 0 ? _b : 2;
+    }
+    setActive(entity) {
+        this.store.setActive(entity[this.idKey]);
+    }
+    getIndex(identifier) {
+        const { ids } = this.store.getValue();
+        const index = ids.indexOf(identifier);
+        return index + 1;
+    }
+    selectAll(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.preloadService) {
+                return this.store.update({
+                    allSelected: true
+                });
+            }
+            const ids = yield this.preloadService.loadAllEntities(options);
+            this.store.set(ids.map((id) => ({
+                [this.idKey]: id,
+                loaded: false
+            })));
+            return this.store.update({
+                allSelected: true
+            });
+        });
+    }
+    select(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.store.update((state) => ({
+                unselectedEntity: arrayRemove(state.unselectedEntity, id)
+            }));
+            if (!this.preloadService) {
+                this.store.add({
+                    [this.idKey]: id,
+                    loaded: false
+                });
+            }
+            const entity = yield this.preloadService.loadEntityById(id);
+            return this.store.add(Object.assign(Object.assign({}, entity), { loaded: true }));
+        });
+    }
+    selectEntity(entity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.store.update((state) => ({
+                unselectedEntity: arrayRemove(state.unselectedEntity, entity[this.idKey])
+            }));
+            if (!this.preloadService) {
+                return this.store.upsert(entity[this.idKey], Object.assign(Object.assign({}, entity), { loaded: true }));
+            }
+            const preloadedEntity = yield this.preloadService.reloadEntity(entity);
+            return this.store.upsert(preloadedEntity[this.idKey], Object.assign(Object.assign({}, preloadedEntity), { loaded: true }));
+        });
+    }
+    selectManyEntities(entities) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.preloadService) {
+                return this.store.upsertMany(entities.map((entity) => (Object.assign(Object.assign({}, entity), { loaded: true }))));
+            }
+            const preloadedEntities = yield this.preloadService.reloadEntities(entities);
+            return this.store.upsertMany(preloadedEntities.map((preloadedEntity) => (Object.assign(Object.assign({}, preloadedEntity), { loaded: true }))));
+        });
+    }
+    unselectAll() {
+        this.store.set([]);
+        return this.store.update({
+            allSelected: false,
+            unselectedEntity: []
+        });
+    }
+    unselect(id) {
+        this.store.update((state) => ({
+            unselectedEntity: arrayAdd(state.unselectedEntity, id)
+        }));
+        this.store.remove(id);
+    }
+    unselectEntity(entity) {
+        this.store.update((state) => ({
+            unselectedEntity: arrayAdd(state.unselectedEntity, entity[this.idKey])
+        }));
+        this.store.remove(entity[this.idKey]);
+    }
+    unselectManyEntities(entities) {
+        this.store.remove(entities.map((entity) => entity[this.idKey]));
+    }
+    setEntities(ids, activeId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.store.update({
+                unselectedEntity: [],
+                allSelected: false
+            });
+            this.store.set(ids.map((id) => ({
+                [this.idKey]: id,
+                loaded: false
+            })));
+            if (activeId) {
+                this.store.setActive(activeId);
+            }
+        });
+    }
+    next() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { ids, active } = this.store.getValue();
+            const index = ids.indexOf(active);
+            yield this.loadActiveEntity(ids[index + 1], 1);
+        });
+    }
+    previous() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { ids, active } = this.store.getValue();
+            const index = ids.indexOf(active);
+            yield this.loadActiveEntity(ids[index - 1], -1);
+        });
+    }
+    first() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { ids } = this.store.getValue();
+            yield this.loadActiveEntity(ids[0], 1);
+        });
+    }
+    last() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { ids } = this.store.getValue();
+            yield this.loadActiveEntity(ids[ids.length - 1], -1);
+        });
+    }
+    removeActive() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { active, ids } = this.store.getValue();
+            const index = ids.indexOf(active);
+            this.store.remove(active);
+            if (index === (ids.length - 1)) {
+                yield this.loadActiveEntity(ids[index - 1], -1);
+            }
+            else {
+                yield this.loadActiveEntity(ids[index + 1], 1);
+            }
+        });
+    }
+    loadActiveEntity(id, direction) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                this.store.setActive(id);
+                const { entities } = this.store.getValue();
+                if (!((_a = entities[+id + direction * this.preloadedWindow]) === null || _a === void 0 ? void 0 : _a.loaded)) {
+                    yield this.loadEntities(false);
+                }
+            }
+            catch (e) {
+                this.store.setError(e);
+            }
+        });
+    }
+    loadEntities(loadExtremity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.preloadService) {
+                return;
+            }
+            const toLoad = this.getListIdToLoad(loadExtremity);
+            if (!toLoad.length) {
+                return;
+            }
+            const entities = yield this.preloadService.loadEntitiesById(toLoad);
+            this.store.upsertMany(entities.map((entity) => (Object.assign(Object.assign({}, entity), { loaded: true }))));
+        });
+    }
+    getListIdToLoad(loadExtremity) {
+        var _a;
+        const { active, ids, entities } = this.store.getValue();
+        const from = ids.indexOf(active) - this.preloadedWindow > 0 ? ids.indexOf(active) - this.preloadedWindow : 0;
+        const to = ids.indexOf(active) + this.preloadedWindow < ids.length - 1
+            ? ids.indexOf(active) + this.preloadedWindow
+            : ids.length - 1;
+        const toLoad = [];
+        if (loadExtremity) {
+            if (ids.length <= 2) {
+                return ids;
+            }
+            toLoad.push(ids[0], ids[ids.length - 1]);
+        }
+        for (let i = from; i <= to; i++) {
+            if (ids[i] === null || ids[0] === undefined) {
+                continue;
+            }
+            if (!toLoad.includes(ids[i]) && !((_a = entities[ids[i]]) === null || _a === void 0 ? void 0 : _a.loaded)) {
+                toLoad.push(ids[i]);
+            }
+        }
+        return toLoad;
+    }
+}
+
+class SelectableListService {
+    constructor(providers) {
+        this.providers = providers;
+        this.stores = new Map();
+    }
+    createState(name, options) {
+        const store = new EntityStore({ allSelected: false, unselectedEntity: [] }, { name, idKey: options === null || options === void 0 ? void 0 : options.idKey });
+        const query = new QueryEntity(store);
+        const state = { store, query };
+        this.stores.set(name, state);
+        return state;
+    }
+    getState(name) {
+        return this.stores.get(name);
+    }
+    withState(stateName, options) {
+        var _a;
+        const provider = (_a = this.providers) === null || _a === void 0 ? void 0 : _a.find((p) => p.state === stateName);
+        const state = this.getState(stateName);
+        if (state) {
+            return new SelectableListStateService(state.store, provider, options);
+        }
+        const newState = this.createState(stateName, options);
+        return new SelectableListStateService(newState.store, provider, options);
+    }
+    query(stateName) {
+        const state = this.getState(stateName);
+        if (!state) {
+            throw new Error("No state found");
+        }
+        return state.query;
+    }
+}
+SelectableListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: SelectableListService, deps: [{ token: NICE_PRELOAD_SELECTED_ENTITIES_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+SelectableListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: SelectableListService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: SelectableListService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: "root" }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [NICE_PRELOAD_SELECTED_ENTITIES_PROVIDER]
+                    }] }];
+    } });
+
+class SelectableListContentService {
+    constructor() {
+        this._state = null;
+        this._checkboxes = new QueryList();
+    }
+    get state() {
+        return this._state;
+    }
+    get checkboxes() {
+        return this._checkboxes;
+    }
+    setState(state) {
+        this._state = state;
+    }
+    setCheckboxes(checkboxes) {
+        this._checkboxes = checkboxes;
+    }
+}
+SelectableListContentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: SelectableListContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SelectableListContentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: SelectableListContentService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: SelectableListContentService, decorators: [{
+            type: Injectable
+        }] });
+
+// tslint:disable-next-line:directive-class-suffix
+class NiceSelectableListCheckboxDirective {
+    constructor(checkbox, service, selectableListService) {
+        this.checkbox = checkbox;
+        this.service = service;
+        this.selectableListService = selectableListService;
+        this.unsubscribeAll$ = new Subject();
+    }
+    get currentId() {
+        if (!this.selectableEntity || !this.selectableListStateService) {
+            return null;
+        }
+        return this.selectableEntity[this.selectableListStateService.idKey];
+    }
+    ngOnInit() {
+        this.selectableListStateService = this.selectableListService.withState(this.service.state);
+        this.selectableListStateQuery = this.selectableListService.query(this.service.state);
+        if (this.selectableEntity) {
+            this.handleSelectableEntity();
+        }
+        if (this.selectPage) {
+            this.handleSelectPage();
+        }
+    }
+    ngOnDestroy() {
+        this.unsubscribeAll$.next();
+        this.unsubscribeAll$.complete();
+    }
+    handleSelectableEntity() {
+        if (this.checkbox.checked) {
+            this.selectableListStateService.selectEntity(this.selectableEntity);
+        }
+        if (!this.checkbox.checked && this.selectableListStateQuery.getEntity(this.currentId)) {
+            this.checkbox.checked = true;
+        }
+        this.checkbox.change.pipe(takeUntil(this.unsubscribeAll$)).subscribe((value) => {
+            if (value.checked && !this.selectableListStateQuery.getEntity(this.currentId)) {
+                this.selectableListStateService.selectEntity(this.selectableEntity);
+            }
+            if (!value.checked && this.selectableListStateQuery.getEntity(this.currentId)) {
+                this.selectableListStateService.unselectEntity(this.selectableEntity);
+            }
+        });
+        this.selectableListStateQuery.selectEntityAction([
+            EntityActions.Add,
+            EntityActions.Remove,
+            EntityActions.Set
+        ]).pipe(takeUntil(this.unsubscribeAll$)).subscribe(({ ids, type }) => {
+            const shouldTakeAction = ids.includes(this.currentId);
+            if (!shouldTakeAction) {
+                if (type === EntityActions.Set) {
+                    this.checkbox.checked = false;
+                }
+                return;
+            }
+            if (!this.checkbox.checked && (type === EntityActions.Add || type === EntityActions.Set)) {
+                this.checkbox.checked = true;
+            }
+            if (this.checkbox.checked && type === EntityActions.Remove) {
+                this.checkbox.checked = false;
+            }
+        });
+    }
+    handleSelectPage() {
+        this.selectableListStateQuery.selectCount().subscribe(() => this.updateCheckboxState());
+        this.service.checkboxes.changes.pipe(takeUntil(this.unsubscribeAll$)).subscribe(() => this.updateCheckboxState());
+        this.checkbox.change.pipe(takeUntil(this.unsubscribeAll$)).subscribe((value) => {
+            for (const checkbox of this.service.checkboxes) {
+                if (checkbox.selectPage) {
+                    continue;
+                }
+                checkbox.checkbox.checked = value.checked;
+                checkbox.checkbox.change.emit({ checked: value.checked, source: checkbox.checkbox });
+            }
+        });
+    }
+    updateCheckboxState() {
+        const checkboxes = this.service.checkboxes.filter((checkbox) => !checkbox.selectPage);
+        if (!checkboxes.length) {
+            return;
+        }
+        const count = this.selectableListStateQuery.getCount();
+        if (!count) {
+            this.checkbox.indeterminate = false;
+            this.checkbox.checked = false;
+            return;
+        }
+        if (count !== checkboxes.length) {
+            this.checkbox.indeterminate = true;
+            this.checkbox.checked = false;
+            return;
+        }
+        if (count === checkboxes.length) {
+            this.checkbox.checked = true;
+            this.checkbox.indeterminate = false;
+        }
+    }
+}
+NiceSelectableListCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListCheckboxDirective, deps: [{ token: i1$4.MatCheckbox }, { token: SelectableListContentService }, { token: SelectableListService }], target: i0.ɵɵFactoryTarget.Directive });
+NiceSelectableListCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceSelectableListCheckboxDirective, selector: "mat-checkbox[niceSelectableListCheckbox]", inputs: { selectableEntity: "selectableEntity", selectPage: "selectPage" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListCheckboxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "mat-checkbox[niceSelectableListCheckbox]"
+                }]
+        }], ctorParameters: function () { return [{ type: i1$4.MatCheckbox }, { type: SelectableListContentService }, { type: SelectableListService }]; }, propDecorators: { selectableEntity: [{
+                type: Input
+            }], selectPage: [{
+                type: Input
+            }] } });
+
+// tslint:disable-next-line:directive-class-suffix
+class NiceSelectableListSelectAllDirective {
+    constructor(niceFilterViewQuery, service, selectableListService) {
+        this.niceFilterViewQuery = niceFilterViewQuery;
+        this.service = service;
+        this.selectableListService = selectableListService;
+        this.action = "select";
+    }
+    ngOnInit() {
+        this.selectableListStateService = this.selectableListService.withState(this.service.state);
+        this.selectableListStateQuery = this.selectableListService.query(this.service.state);
+    }
+    onClick() {
+        var _a, _b;
+        if (this.action === "select") {
+            const filterParameters = (_b = (_a = this.niceFilterViewQuery) === null || _a === void 0 ? void 0 : _a.getParameters()) !== null && _b !== void 0 ? _b : {};
+            const query = filterParameters ? FilterUtils.parametersToRequest(filterParameters) : null;
+            this.selectableListStateService.selectAll({ query });
+        }
+        else {
+            this.selectableListStateService.unselectAll();
+        }
+    }
+}
+NiceSelectableListSelectAllDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListSelectAllDirective, deps: [{ token: NiceFilterViewQuery, optional: true }, { token: SelectableListContentService }, { token: SelectableListService }], target: i0.ɵɵFactoryTarget.Directive });
+NiceSelectableListSelectAllDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceSelectableListSelectAllDirective, selector: "button[niceSelectableListSelectAll]", inputs: { action: "action" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListSelectAllDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "button[niceSelectableListSelectAll]"
+                }]
+        }], ctorParameters: function () {
+        return [{ type: NiceFilterViewQuery, decorators: [{
+                        type: Optional
+                    }] }, { type: SelectableListContentService }, { type: SelectableListService }];
+    }, propDecorators: { action: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ["click"]
+            }] } });
+
+// tslint:disable-next-line:directive-class-suffix
+class NiceSelectableListDirective {
+    constructor(service) {
+        this.service = service;
+        this.defaultOptions = { idKey: "id", preloadWindow: 2 };
+    }
+    ngOnInit() {
+        if (!this.options) {
+            this.options = Object.assign({}, this.defaultOptions);
+        }
+    }
+    ngOnChanges(changes) {
+        if ("options" in changes) {
+            this.options = Object.assign(Object.assign({}, this.defaultOptions), changes.options.currentValue);
+        }
+        if ("state" in changes) {
+            this.service.setState(this.state);
+        }
+    }
+    ngAfterContentInit() {
+        this.service.setCheckboxes(this.checkboxes);
+    }
+}
+NiceSelectableListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListDirective, deps: [{ token: SelectableListContentService }], target: i0.ɵɵFactoryTarget.Directive });
+NiceSelectableListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceSelectableListDirective, selector: "[niceSelectableList]", inputs: { state: "state", options: "options" }, providers: [SelectableListContentService], queries: [{ propertyName: "checkboxes", predicate: NiceSelectableListCheckboxDirective, descendants: true }], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[niceSelectableList]",
+                    providers: [SelectableListContentService]
+                }]
+        }], ctorParameters: function () { return [{ type: SelectableListContentService }]; }, propDecorators: { state: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], checkboxes: [{
+                type: ContentChildren,
+                args: [NiceSelectableListCheckboxDirective, { descendants: true }]
+            }] } });
+
+class NiceSelectableListModule {
+    static register(...providers) {
+        return {
+            ngModule: NiceSelectableListModule,
+            providers: providers.map(x => ({
+                provide: NICE_PRELOAD_SELECTED_ENTITIES_PROVIDER,
+                useClass: x,
+                multi: true
+            }))
+        };
+    }
+}
+NiceSelectableListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NiceSelectableListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListModule, declarations: [NiceSelectableListDirective, NiceSelectableListCheckboxDirective, NiceSelectableListSelectAllDirective], exports: [NiceSelectableListDirective, NiceSelectableListCheckboxDirective, NiceSelectableListSelectAllDirective] });
+NiceSelectableListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListModule, providers: [SelectableListService] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [NiceSelectableListDirective, NiceSelectableListCheckboxDirective, NiceSelectableListSelectAllDirective],
+                    providers: [SelectableListService],
+                    exports: [NiceSelectableListDirective, NiceSelectableListCheckboxDirective, NiceSelectableListSelectAllDirective]
+                }]
+        }] });
+
 class StringUtils {
 }
 // tslint:disable-next-line:max-line-length
@@ -3700,5 +4208,5 @@ String.prototype.toTableColumn = function (sortableOrOptions, nullLast) {
  * Generated bundle index. Do not edit.
  */
 
-export { DateFilterComponent, FilterComponent, FilterGroupIconPipe, FilterOperatorTypes, FilterSelectionComponent, FilterType, FilterUtils, LayoutContent, NiceBaseFilterViewComponent, NiceBaseListButtonsDirective, NiceBaseListCardsDirective, NiceBaseListComponent, NiceBaseListCustomContentDirective, NiceBaseListDirectiveModule, NiceBaseListEmptySearchResultStateDirective, NiceBaseListEmptyStateDirective, NiceBaseListFiltersDirective, NiceBaseListModule, NiceBaseListQuery, NiceBaseListService, NiceBaseListStore, NiceBaseListTableDirective, NiceBaseListTitleDirective, NiceCustomDateAdapter, NiceFilterApi, NiceFilterCustomDataViewComponent, NiceFilterDataDirective, NiceFilterExportButtonsComponent, NiceFilterExportDirective, NiceFilterGroupService, NiceFilterInfiniteScrollDataViewComponent, NiceFilterMatPaginatorPaginationDirective, NiceFilterMatSortSortingDirective, NiceFilterMatTableViewDirective, NiceFilterQueryParamsDirective, NiceFilterSearchComponent, NiceFilterService, NiceFilterViewComponent, NiceFilterViewModule, NiceFilterViewQuery, NiceFilterViewService, NiceListState, NiceMultiStateFilterService, NiceMultiStateListComponent, NiceMultiStateListModule, NiceMultiStateListQuery, NiceMultiStateListService, NiceMultiStateListStore, NiceQueryBuilderComponent, NiceQueryBuilderModule, NiceSavedReportService, NumberFilterComponent, OrderUtils, QBFilterUtils, QueryBuilderTriggerDirective, RadioFilterComponent, RuleComponent, SelectFilterComponent, StringUtils, TableColumns, TextFilterComponent, defaultLayout, initialBaseListState, initialValue$1 as initialValue, mixinNiceFilterApi };
+export { DateFilterComponent, FilterComponent, FilterGroupIconPipe, FilterOperatorTypes, FilterSelectionComponent, FilterType, FilterUtils, LayoutContent, NiceBaseFilterViewComponent, NiceBaseListButtonsDirective, NiceBaseListCardsDirective, NiceBaseListComponent, NiceBaseListCustomContentDirective, NiceBaseListDirectiveModule, NiceBaseListEmptySearchResultStateDirective, NiceBaseListEmptyStateDirective, NiceBaseListFiltersDirective, NiceBaseListModule, NiceBaseListQuery, NiceBaseListService, NiceBaseListStore, NiceBaseListTableDirective, NiceBaseListTitleDirective, NiceCustomDateAdapter, NiceFilterApi, NiceFilterCustomDataViewComponent, NiceFilterDataDirective, NiceFilterExportButtonsComponent, NiceFilterExportDirective, NiceFilterGroupService, NiceFilterInfiniteScrollDataViewComponent, NiceFilterMatPaginatorPaginationDirective, NiceFilterMatSortSortingDirective, NiceFilterMatTableViewDirective, NiceFilterQueryParamsDirective, NiceFilterSearchComponent, NiceFilterService, NiceFilterViewComponent, NiceFilterViewModule, NiceFilterViewQuery, NiceFilterViewService, NiceListState, NiceMultiStateFilterService, NiceMultiStateListComponent, NiceMultiStateListModule, NiceMultiStateListQuery, NiceMultiStateListService, NiceMultiStateListStore, NicePreloadSelectedEntitiesProvider, NiceQueryBuilderComponent, NiceQueryBuilderModule, NiceSavedReportService, NiceSelectableListCheckboxDirective, NiceSelectableListDirective, NiceSelectableListModule, NiceSelectableListSelectAllDirective, NumberFilterComponent, OrderUtils, QBFilterUtils, QueryBuilderTriggerDirective, RadioFilterComponent, RuleComponent, SelectFilterComponent, SelectableListService, SelectableListStateService, StringUtils, TableColumns, TextFilterComponent, defaultLayout, initialBaseListState, initialValue$1 as initialValue, mixinNiceFilterApi };
 //# sourceMappingURL=recursyve-nice-data-filter-kit.mjs.map