@firestitch/filter 18.2.47 → 18.2.49

package/fesm2022/firestitch-filter.mjs

@@ -776,7 +776,6 @@ function itemTypeSelect(item, param) {
 }
 
 class BaseItem {
-    _additionalConfig;
     _filter;
     name;
     label;
@@ -795,8 +794,7 @@ class BaseItem {
     _value$ = new BehaviorSubject({ value: undefined, emitChange: true });
     _values$ = new BehaviorSubject(null);
     _destroy$ = new Subject();
-    constructor(itemConfig, _additionalConfig, _filter) {
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
         this._filter = _filter;
         this._type = itemConfig.type;
         this._initConfig(itemConfig);
@@ -811,6 +809,9 @@ class BaseItem {
         return this._hidden$
             .pipe(map((hidden) => !hidden));
     }
+    get visible() {
+        return !this._hidden$.getValue();
+    }
     get hidden() {
         return this._hidden$.getValue();
     }
@@ -1086,29 +1087,27 @@ class BaseDateRangeItem extends BaseItem {
 
 class DateRangeItem extends BaseDateRangeItem {
     static create(config, filter) {
-        return new DateRangeItem(config, null, filter);
+        return new DateRangeItem(config, filter);
     }
 }
 
 class DateTimeRangeItem extends BaseDateRangeItem {
     static create(config, filter) {
-        return new DateTimeRangeItem(config, null, filter);
+        return new DateTimeRangeItem(config, filter);
     }
 }
 
 class RangeItem extends BaseItem {
-    _additionalConfig;
     _filter;
-    constructor(itemConfig, _additionalConfig, _filter) {
-        super(itemConfig, _additionalConfig, _filter);
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
+        super(itemConfig, _filter);
         this._filter = _filter;
         this.options = itemConfig.options;
         this.prefix = itemConfig.prefix;
         this.suffix = itemConfig.suffix;
     }
-    static create(config, additionalConfig, filter) {
-        return new RangeItem(config, additionalConfig, filter);
+    static create(config, filter) {
+        return new RangeItem(config, filter);
     }
     get query() {
         const value = this.value;
@@ -1178,16 +1177,14 @@ class RangeItem extends BaseItem {
 }
 
 class WeekItem extends BaseItem {
-    _additionalConfig;
     _filter;
-    constructor(itemConfig, _additionalConfig, _filter) {
-        super(itemConfig, _additionalConfig, _filter);
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
+        super(itemConfig, _filter);
         this._filter = _filter;
         this.seedDate = itemConfig.seedDate;
     }
     static create(config, filter) {
-        return new WeekItem(config, null, filter);
+        return new WeekItem(config, filter);
     }
     setValue(value, emitChange = true) {
         if (value) {
@@ -1266,26 +1263,22 @@ function findItemWidthName(items, name) {
 }
 
 class BaseAutocompleteItem extends BaseItem {
-    _additionalConfig;
     _filter;
     search;
     get valuesFn() {
         return this._valuesFn;
     }
-    constructor(itemConfig, _additionalConfig, _filter) {
-        super(itemConfig, _additionalConfig, _filter);
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
+        super(itemConfig, _filter);
         this._filter = _filter;
         this.fetchOnFocus = itemConfig.fetchOnFocus ?? true;
     }
 }
 
 class AutocompleteChipsItem extends BaseAutocompleteItem {
-    _additionalConfig;
     _filter;
-    constructor(itemConfig, _additionalConfig, _filter) {
-        super(itemConfig, _additionalConfig, _filter);
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
+        super(itemConfig, _filter);
         this._filter = _filter;
         this.chipImage = itemConfig.chipImage ?? 'image';
         this.chipIcon = itemConfig.chipIcon;
@@ -1296,7 +1289,7 @@ class AutocompleteChipsItem extends BaseAutocompleteItem {
         this.panelActions = itemConfig.panelActions || [];
     }
     static create(config, filter) {
-        return new AutocompleteChipsItem(config, null, filter);
+        return new AutocompleteChipsItem(config, filter);
     }
     get queryParam() {
         if (!this.hasValue) {
@@ -1352,7 +1345,7 @@ class AutocompleteChipsItem extends BaseAutocompleteItem {
 
 class AutocompleteItem extends BaseAutocompleteItem {
     static create(config, filter) {
-        return new AutocompleteItem(config, null, filter);
+        return new AutocompleteItem(config, filter);
     }
     get value() {
         let value = clone(super.value);
@@ -1384,11 +1377,9 @@ class AutocompleteItem extends BaseAutocompleteItem {
 }
 
 class CheckboxItem extends BaseItem {
-    _additionalConfig;
     _filter;
-    constructor(itemConfig, _additionalConfig, _filter) {
-        super(itemConfig, _additionalConfig, _filter);
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
+        super(itemConfig, _filter);
         this._filter = _filter;
         this._checked = itemConfig.checked ? toString(itemConfig.checked) : 'true';
         this._unchecked = itemConfig.unchecked ? toString(itemConfig.unchecked) : undefined;
@@ -1436,16 +1427,14 @@ class CheckboxItem extends BaseItem {
 }
 
 class ChipsItem extends BaseItem {
-    _additionalConfig;
     _filter;
-    constructor(itemConfig, _additionalConfig, _filter) {
-        super(itemConfig, _additionalConfig, _filter);
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
+        super(itemConfig, _filter);
         this._filter = _filter;
         this.multiple = itemConfig.multiple ?? true;
     }
     static create(config, filter) {
-        return new ChipsItem(config, null, filter);
+        return new ChipsItem(config, filter);
     }
     get hasValue() {
         return this.value.length > 0;
@@ -1494,13 +1483,11 @@ class ChipsItem extends BaseItem {
 }
 
 class BaseDateItem extends BaseItem {
-    _additionalConfig;
     _filter;
     maxYear;
     mode;
-    constructor(itemConfig, _additionalConfig, _filter) {
-        super(itemConfig, _additionalConfig, _filter);
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
+        super(itemConfig, _filter);
         this._filter = _filter;
         this.maxYear = itemConfig.maxYear;
         this.mode = itemConfig.mode || ItemDateMode.Calendar;
@@ -1517,7 +1504,7 @@ class BaseDateItem extends BaseItem {
 
 class DateItem extends BaseDateItem {
     static create(config, filter) {
-        return new DateItem(config, null, filter);
+        return new DateItem(config, filter);
     }
     get queryParam() {
         if (!this.hasValue) {
@@ -1546,7 +1533,7 @@ class DateItem extends BaseDateItem {
 
 class DateTimeItem extends BaseDateItem {
     static create(config, filter) {
-        return new DateTimeItem(config, null, filter);
+        return new DateTimeItem(config, filter);
     }
     get chips() {
         return [];
@@ -1554,17 +1541,15 @@ class DateTimeItem extends BaseDateItem {
 }
 
 class TextItem extends BaseItem {
-    _additionalConfig;
     _filter;
-    constructor(itemConfig, _additionalConfig, _filter) {
-        super(itemConfig, _additionalConfig, _filter);
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
+        super(itemConfig, _filter);
         this._filter = _filter;
         this.prefix = itemConfig.prefix;
         this.suffix = itemConfig.suffix;
     }
     static create(config, filter) {
-        return new TextItem(config, null, filter);
+        return new TextItem(config, filter);
     }
     get hasValue() {
         return typeof this.value === 'string' && this.value.length > 0;
@@ -1593,16 +1578,14 @@ class TextItem extends BaseItem {
 }
 
 class KeywordItem extends TextItem {
-    _additionalConfig;
     _filter;
-    constructor(itemConfig, _additionalConfig, _filter) {
-        super(itemConfig, _additionalConfig, _filter);
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
+        super(itemConfig, _filter);
         this._filter = _filter;
         this.fullWidth = itemConfig.fullWidth;
     }
     static create(config, filter) {
-        return new KeywordItem(config, null, filter);
+        return new KeywordItem(config, filter);
     }
     get hasValue() {
         return typeof this.value === 'string' && this.value.length > 0;
@@ -1631,11 +1614,9 @@ class KeywordItem extends TextItem {
 }
 
 class SelectItem extends BaseItem {
-    _additionalConfig;
     _filter;
-    constructor(itemConfig, _additionalConfig, _filter) {
-        super(itemConfig, _additionalConfig, _filter);
-        this._additionalConfig = _additionalConfig;
+    constructor(itemConfig, _filter) {
+        super(itemConfig, _filter);
         this._filter = _filter;
         this.multiple = itemConfig.multiple || false;
         this.children = itemConfig.children || null;
@@ -1647,7 +1628,7 @@ class SelectItem extends BaseItem {
         }
     }
     static create(itemConfig, filter) {
-        return new SelectItem(itemConfig, {}, filter);
+        return new SelectItem(itemConfig, filter);
     }
     clear(emitChange = true) {
         this.setValue(this.multiple ? [] : undefined, emitChange);
@@ -1735,7 +1716,7 @@ class SelectItem extends BaseItem {
     }
 }
 
-function createFilterItem(item, config, filter) {
+function createFilterItem(item, filter) {
     switch (item.type) {
         case ItemType.Select: {
             return SelectItem.create(item, filter);
@@ -1744,7 +1725,7 @@ function createFilterItem(item, config, filter) {
             return ChipsItem.create(item, filter);
         }
         case ItemType.Range: {
-            return RangeItem.create(item, config, filter);
+            return RangeItem.create(item, filter);
         }
         case ItemType.DateRange: {
             return DateRangeItem.create(item, filter);
@@ -1768,7 +1749,7 @@ function createFilterItem(item, config, filter) {
             return AutocompleteChipsItem.create(item, filter);
         }
         case ItemType.Checkbox: {
-            return new CheckboxItem(item, null, filter);
+            return new CheckboxItem(item, filter);
         }
         case ItemType.Keyword: {
             return KeywordItem.create(item, filter);
@@ -2116,6 +2097,7 @@ class FilterController {
     get query() {
         return {
             ...this.items
+                .filter((item) => item.visible)
                 .reduce((accum, item) => {
                 return {
                     ...accum,
@@ -2196,7 +2178,7 @@ class FilterController {
             return true;
         })
             .map((item) => {
-            const filterItem = createFilterItem(item, {}, this.filter);
+            const filterItem = createFilterItem(item, this.filter);
             if (filterItem instanceof KeywordItem) {
                 this._keywordController.keywordItem = filterItem;
             }
@@ -2990,9 +2972,14 @@ class FsFilterSavedFilterChipsComponent {
         this.items = [...this._filterController.items]
             .filter((item) => !!this.savedFilter.filters[item.name])
             .map((item) => {
-            const object = item.clone();
-            object.setValue(this.savedFilter.filters[item.name], false);
-            return object;
+            const config = {
+                ...this._filterController.config.items
+                    .find((configItem) => item.name === configItem.name),
+            };
+            const filterItem = createFilterItem(config, this._filterController.filter);
+            filterItem.values = item.values;
+            filterItem.initValue(this.savedFilter.filters[item.name]);
+            return filterItem;
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FsFilterSavedFilterChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });