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

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

@@ -4,7 +4,7 @@ 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 { 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 } from 'tslib';
@@ -3941,46 +3941,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                     args: [NICE_PRELOAD_SELECTED_ENTITIES_PROVIDER]
                 }] }]; } });
 
-// tslint:disable-next-line:directive-class-suffix
-class NiceSelectableListDirective {
+class SelectableListContentService {
     constructor() {
-        this.defaultOptions = { idKey: "id", preloadWindow: 2 };
+        this._state = null;
+        this._checkboxes = new QueryList();
     }
-    ngOnInit() {
-        if (!this.options) {
-            this.options = { ...this.defaultOptions };
-        }
+    get state() {
+        return this._state;
     }
-    ngOnChanges(changes) {
-        if ("options" in changes) {
-            this.options = {
-                ...this.defaultOptions,
-                ...changes.options.currentValue
-            };
-        }
+    get checkboxes() {
+        return this._checkboxes;
+    }
+    setState(state) {
+        this._state = state;
+    }
+    setCheckboxes(checkboxes) {
+        this._checkboxes = checkboxes;
     }
 }
-NiceSelectableListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListDirective, deps: [], 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" }, 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]"
-                }]
-        }], propDecorators: { state: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], checkboxes: [{
-                type: ContentChildren,
-                args: [NiceSelectableListCheckboxDirective, { descendants: true }]
-            }] } });
+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, selectableList, selectableListService) {
+    constructor(checkbox, service, selectableListService) {
         this.checkbox = checkbox;
-        this.selectableList = selectableList;
+        this.service = service;
         this.selectableListService = selectableListService;
         this.unsubscribeAll$ = new Subject();
     }
@@ -3991,8 +3980,8 @@ class NiceSelectableListCheckboxDirective {
         return this.selectableEntity[this.selectableListStateService.idKey];
     }
     ngOnInit() {
-        this.selectableListStateService = this.selectableListService.withState(this.selectableList.state);
-        this.selectableListStateQuery = this.selectableListService.query(this.selectableList.state);
+        this.selectableListStateService = this.selectableListService.withState(this.service.state);
+        this.selectableListStateQuery = this.selectableListService.query(this.service.state);
         if (this.selectableEntity) {
             this.handleSelectableEntity();
         }
@@ -4041,9 +4030,9 @@ class NiceSelectableListCheckboxDirective {
     }
     handleSelectPage() {
         this.selectableListStateQuery.selectCount().subscribe(() => this.updateCheckboxState());
-        this.selectableList.checkboxes.changes.pipe(takeUntil(this.unsubscribeAll$)).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.selectableList.checkboxes) {
+            for (const checkbox of this.service.checkboxes) {
                 if (checkbox.selectPage) {
                     continue;
                 }
@@ -4053,7 +4042,7 @@ class NiceSelectableListCheckboxDirective {
         });
     }
     updateCheckboxState() {
-        const checkboxes = this.selectableList.checkboxes.filter((checkbox) => !checkbox.selectPage);
+        const checkboxes = this.service.checkboxes.filter((checkbox) => !checkbox.selectPage);
         if (!checkboxes.length) {
             return;
         }
@@ -4074,14 +4063,14 @@ class NiceSelectableListCheckboxDirective {
         }
     }
 }
-NiceSelectableListCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListCheckboxDirective, deps: [{ token: i1$4.MatCheckbox }, { token: NiceSelectableListDirective }, { token: SelectableListService }], target: i0.ɵɵFactoryTarget.Directive });
+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: NiceSelectableListDirective }, { type: SelectableListService }]; }, propDecorators: { selectableEntity: [{
+        }], ctorParameters: function () { return [{ type: i1$4.MatCheckbox }, { type: SelectableListContentService }, { type: SelectableListService }]; }, propDecorators: { selectableEntity: [{
                 type: Input
             }], selectPage: [{
                 type: Input
@@ -4089,15 +4078,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
 
 // tslint:disable-next-line:directive-class-suffix
 class NiceSelectableListSelectAllDirective {
-    constructor(niceFilterViewQuery, selectableList, selectableListService) {
+    constructor(niceFilterViewQuery, service, selectableListService) {
         this.niceFilterViewQuery = niceFilterViewQuery;
-        this.selectableList = selectableList;
+        this.service = service;
         this.selectableListService = selectableListService;
         this.action = "select";
     }
     ngOnInit() {
-        this.selectableListStateService = this.selectableListService.withState(this.selectableList.state);
-        this.selectableListStateQuery = this.selectableListService.query(this.selectableList.state);
+        this.selectableListStateService = this.selectableListService.withState(this.service.state);
+        this.selectableListStateQuery = this.selectableListService.query(this.service.state);
     }
     onClick() {
         if (this.action === "select") {
@@ -4110,7 +4099,7 @@ class NiceSelectableListSelectAllDirective {
         }
     }
 }
-NiceSelectableListSelectAllDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceSelectableListSelectAllDirective, deps: [{ token: NiceFilterViewQuery, optional: true }, { token: NiceSelectableListDirective }, { token: SelectableListService }], target: i0.ɵɵFactoryTarget.Directive });
+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,
@@ -4119,13 +4108,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: NiceFilterViewQuery, decorators: [{
                     type: Optional
-                }] }, { type: NiceSelectableListDirective }, { type: SelectableListService }]; }, propDecorators: { action: [{
+                }] }, { 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 = { ...this.defaultOptions };
+        }
+    }
+    ngOnChanges(changes) {
+        if ("options" in changes) {
+            this.options = {
+                ...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 {