@firestitch/filter 12.8.1 → 12.9.0

package/fesm2015/firestitch-filter.js

@@ -316,7 +316,7 @@ class BaseItem {
         }
     }
     _clearValue(defaultValue = undefined) {
-        this.model = defaultValue !== null && defaultValue !== void 0 ? defaultValue : null;
+        this.model = defaultValue !== null && defaultValue !== void 0 ? defaultValue : undefined;
     }
 }
 
@@ -360,7 +360,7 @@ class SimpleSelectItem extends BaseSelectItem {
     get value() {
         let value = this.model;
         if (value == '__all' || value === undefined) {
-            value = null;
+            value = undefined;
         }
         return value;
     }
@@ -409,7 +409,7 @@ class SimpleSelectItem extends BaseSelectItem {
         super._clearValue(defaultValue);
         const value = Array.isArray(this.values) && this.values.some((val) => val.value === '__all')
             ? '__all'
-            : null;
+            : undefined;
         this.model = defaultValue !== null && defaultValue !== void 0 ? defaultValue : value;
     }
 }
@@ -528,7 +528,7 @@ class MultipleSelectItem extends BaseSelectItem {
             value = (_a = this.values) === null || _a === void 0 ? void 0 : _a.map((v) => v.value);
         }
         else if (!Array.isArray(value) || value.length === 0 || value.indexOf('__all') > -1) {
-            value = null;
+            value = undefined;
         }
         return value;
     }
@@ -625,7 +625,7 @@ class ChipsItem extends BaseItem {
     get value() {
         const value = clone(this.model);
         if (Array.isArray(value) && value.length === 0) {
-            return null;
+            return undefined;
         }
         return value;
     }
@@ -647,7 +647,7 @@ class ChipsItem extends BaseItem {
             params[name] = value.join(',');
         }
         else {
-            params[name] = null;
+            params[name] = undefined;
         }
         return params;
     }
@@ -714,7 +714,7 @@ class RangeItem extends BaseItem {
         let value = clone(this.model);
         if (!isObject(this.model) ||
             (isEmpty(this.model.max, { zero: true }) && isEmpty(this.model.min, { zero: true }))) {
-            value = null;
+            value = undefined;
         }
         return value;
     }
@@ -725,12 +725,12 @@ class RangeItem extends BaseItem {
         const paramMinName = getRangeName(this.case, name, 'min');
         const paramMaxName = getRangeName(this.case, name, 'max');
         if (isObject(value)) {
-            params[paramMinName] = value.min || null;
-            params[paramMaxName] = value.max || null;
+            params[paramMinName] = value.min || undefined;
+            params[paramMaxName] = value.max || undefined;
         }
         else {
-            params[paramMinName] = null;
-            params[paramMaxName] = null;
+            params[paramMinName] = undefined;
+            params[paramMaxName] = undefined;
         }
         return params;
     }
@@ -805,10 +805,10 @@ class BaseDateRangeItem extends BaseItem {
         let value = clone(this.model);
         if (!isObject(this.model) ||
             (isEmpty(this.model.from, { zero: true }) && isEmpty(this.model.to, { zero: true }))) {
-            value = null;
+            value = undefined;
         }
         if (isEmpty(value, { zero: true })) {
-            return null;
+            return undefined;
         }
         let from = value.from;
         let to = value.to;
@@ -837,8 +837,8 @@ class BaseDateRangeItem extends BaseItem {
         const paramFromName = getRangeName(this.case, name, 'from');
         const paramToName = getRangeName(this.case, name, 'to');
         return {
-            [paramFromName]: value.from || null,
-            [paramToName]: value.to || null,
+            [paramFromName]: value.from || undefined,
+            [paramToName]: value.to || undefined,
         };
     }
     get persistanceObject() {
@@ -944,7 +944,7 @@ class BaseDateItem extends BaseItem {
     get value() {
         const value = clone(this.model);
         if (!value || !isValid(value) || !isDate(value)) {
-            return null;
+            return undefined;
         }
         return value;
     }
@@ -958,7 +958,7 @@ class BaseDateItem extends BaseItem {
     get persistanceObject() {
         const value = this.queryObject[this.name];
         return {
-            [this.name]: value ? simpleFormat(value) : null,
+            [this.name]: value ? simpleFormat(value) : undefined,
         };
     }
     _validateModel() {
@@ -995,7 +995,7 @@ class DateItem extends BaseDateItem {
         return format(this.model, dateFormat);
     }
     _clearValue(defaultValue = undefined) {
-        this.model = defaultValue !== null && defaultValue !== void 0 ? defaultValue : null;
+        this.model = defaultValue !== null && defaultValue !== void 0 ? defaultValue : undefined;
     }
 }
 
@@ -1004,7 +1004,7 @@ class DateTimeItem extends BaseDateItem {
         return new DateTimeItem(config, null);
     }
     _clearValue(defaultValue = undefined) {
-        this.model = defaultValue !== null && defaultValue !== void 0 ? defaultValue : null;
+        this.model = defaultValue !== null && defaultValue !== void 0 ? defaultValue : undefined;
     }
 }
 
@@ -1027,8 +1027,8 @@ class AutocompleteItem extends BaseAutocompleteItem {
     }
     get value() {
         let value = clone(this.model);
-        if (!this.model || isEmpty(this.model.value, { zero: true })) {
-            return null;
+        if (!this.model || this.model.value === undefined) {
+            return undefined;
         }
         value = this.model.value;
         return value;
@@ -1045,7 +1045,7 @@ class AutocompleteItem extends BaseAutocompleteItem {
     }
     _init() { }
     _clearValue(defaultValue = undefined) {
-        this.model = defaultValue !== null && defaultValue !== void 0 ? defaultValue : null;
+        this.model = defaultValue !== null && defaultValue !== void 0 ? defaultValue : undefined;
         this.search = '';
     }
 }
@@ -1056,7 +1056,7 @@ class AutocompleteChipsItem extends BaseAutocompleteItem {
     }
     get value() {
         if (Array.isArray(this.model) && this.model.length === 0) {
-            return null;
+            return undefined;
         }
         return clone(this.model);
     }
@@ -1123,7 +1123,7 @@ class CheckboxItem extends BaseItem {
     get value() {
         const value = this.model ? this.checked : this.unchecked;
         if (!value) {
-            return null;
+            return undefined;
         }
         return value;
     }
@@ -1131,7 +1131,7 @@ class CheckboxItem extends BaseItem {
         const value = this.value;
         const name = this.name;
         const params = {};
-        params[name] = this.model ? value : null;
+        params[name] = this.model ? value : undefined;
         return params;
     }
     getChipsContent(type = null) {
@@ -1161,7 +1161,7 @@ class TextItem extends BaseItem {
         return new TextItem(config, null);
     }
     get value() {
-        return !!this.model ? this.model : null;
+        return !!this.model ? this.model : undefined;
     }
     get queryObject() {
         const value = this.value;
@@ -1200,10 +1200,10 @@ class WeekItem extends BaseItem {
         let value = clone(this.model);
         if (!isObject(this.model) ||
             (isEmpty(this.model.from, { zero: true }) && isEmpty(this.model.to, { zero: true }))) {
-            value = null;
+            value = undefined;
         }
         if (isEmpty(value, { zero: true })) {
-            return null;
+            return undefined;
         }
         let from = value.from;
         let to = value.to;
@@ -1242,9 +1242,9 @@ class WeekItem extends BaseItem {
         const paramToName = getRangeName('camel', name, 'to');
         const paramPeriodName = `${name}Period`;
         return {
-            [paramFromName]: (value === null || value === void 0 ? void 0 : value.from) || null,
-            [paramToName]: (value === null || value === void 0 ? void 0 : value.to) || null,
-            [paramPeriodName]: (value === null || value === void 0 ? void 0 : value.period) || null,
+            [paramFromName]: (value === null || value === void 0 ? void 0 : value.from) || undefined,
+            [paramToName]: (value === null || value === void 0 ? void 0 : value.to) || undefined,
+            [paramPeriodName]: (value === null || value === void 0 ? void 0 : value.period) || undefined,
         };
     }
     get persistanceObject() {
@@ -1269,7 +1269,7 @@ class WeekItem extends BaseItem {
         if (value) {
             value.from = parseDate(value.from);
             value.to = parseDate(value.to);
-            value.period = parseInt(value.period, 10) || null;
+            value.period = parseInt(value.period, 10) || undefined;
         }
         super._setModel(value);
     }
@@ -1493,7 +1493,7 @@ class FsFilterItemsStore {
         });
         if (onlyPresented) {
             return pickBy(params, (val) => {
-                return val !== null && val !== void 0;
+                return val !== void 0;
             });
         }
         return params;
@@ -3669,7 +3669,7 @@ class FsFilterChipsComponent {
     }
 }
 FsFilterChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFilterChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FsFilterChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsFilterChipsComponent, selector: "fs-filter-chips", inputs: { filters: "filters" }, ngImport: i0, template: "<fs-chips [(ngModel)]=\"chips\">\n  <ng-container *ngFor=\"let item of filters\">\n    <ng-container *ngIf=\"(item.value$ | async) !== null\">\n      <fs-filter-chip [item]=\"item\"></fs-filter-chip>\n    </ng-container>\n  </ng-container>\n</fs-chips>\n", styles: [""], components: [{ type: i2$1.FsChipsComponent, selector: "fs-chips", inputs: ["compare", "multiple"] }, { type: FsFilterChipComponent, selector: "fs-filter-chip", inputs: ["item"] }], directives: [{ type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FsFilterChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsFilterChipsComponent, selector: "fs-filter-chips", inputs: { filters: "filters" }, ngImport: i0, template: "<fs-chips [(ngModel)]=\"chips\">\n  <ng-container *ngFor=\"let item of filters\">\n    <ng-container *ngIf=\"(item.value$ | async) !== undefined\">\n      <fs-filter-chip [item]=\"item\"></fs-filter-chip>\n    </ng-container>\n  </ng-container>\n</fs-chips>\n", styles: [""], components: [{ type: i2$1.FsChipsComponent, selector: "fs-chips", inputs: ["compare", "multiple"] }, { type: FsFilterChipComponent, selector: "fs-filter-chip", inputs: ["item"] }], directives: [{ type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsFilterChipsComponent, decorators: [{
             type: Component,
             args: [{
@@ -4005,6 +4005,7 @@ class FilterComponent {
      * Call change callback and apply new filter values
      */
     change() {
+        debugger;
         const data = this._filterItems.valuesAsQuery();
         const sort = this._filterItems.getSort();
         const sortingChanged = ((!sort || !this._sort) && sort !== this._sort)