@firestitch/filter 18.2.47 → 18.2.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/helpers/create-filter-item.d.ts +1 -1
- package/app/models/items/autocomplete-chips-item.d.ts +1 -2
- package/app/models/items/base-autocomplete-item.d.ts +1 -2
- package/app/models/items/base-date-item.d.ts +1 -2
- package/app/models/items/base-item.d.ts +1 -2
- package/app/models/items/checkbox-item.d.ts +1 -2
- package/app/models/items/chips-item.d.ts +1 -2
- package/app/models/items/keyword-item.d.ts +1 -2
- package/app/models/items/range-item.d.ts +2 -3
- package/app/models/items/select-item.d.ts +1 -2
- package/app/models/items/text-item.d.ts +1 -2
- package/app/models/items/week-item.d.ts +1 -2
- package/esm2022/app/components/saved-filter/saved-filter-manage/components/saved-filter-chips/saved-filter-chips.component.mjs +10 -4
- package/esm2022/app/helpers/create-filter-item.mjs +4 -4
- package/esm2022/app/models/items/autocomplete-chips-item.mjs +4 -6
- package/esm2022/app/models/items/autocomplete-item.mjs +2 -2
- package/esm2022/app/models/items/base-autocomplete-item.mjs +3 -5
- package/esm2022/app/models/items/base-date-item.mjs +3 -5
- package/esm2022/app/models/items/base-item.mjs +2 -4
- package/esm2022/app/models/items/checkbox-item.mjs +3 -5
- package/esm2022/app/models/items/chips-item.mjs +4 -6
- package/esm2022/app/models/items/date-item.mjs +2 -2
- package/esm2022/app/models/items/date-range-item.mjs +2 -2
- package/esm2022/app/models/items/date-time-item.mjs +2 -2
- package/esm2022/app/models/items/date-time-range-item.mjs +2 -2
- package/esm2022/app/models/items/keyword-item.mjs +4 -6
- package/esm2022/app/models/items/range-item.mjs +5 -7
- package/esm2022/app/models/items/select-item.mjs +4 -6
- package/esm2022/app/models/items/text-item.mjs +4 -6
- package/esm2022/app/models/items/week-item.mjs +4 -6
- package/esm2022/app/services/filter-controller.service.mjs +2 -2
- package/fesm2022/firestitch-filter.mjs +46 -63
- package/fesm2022/firestitch-filter.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -776,7 +776,6 @@ function itemTypeSelect(item, param) {
|
|
|
776
776
|
}
|
|
777
777
|
|
|
778
778
|
class BaseItem {
|
|
779
|
-
_additionalConfig;
|
|
780
779
|
_filter;
|
|
781
780
|
name;
|
|
782
781
|
label;
|
|
@@ -795,8 +794,7 @@ class BaseItem {
|
|
|
795
794
|
_value$ = new BehaviorSubject({ value: undefined, emitChange: true });
|
|
796
795
|
_values$ = new BehaviorSubject(null);
|
|
797
796
|
_destroy$ = new Subject();
|
|
798
|
-
constructor(itemConfig,
|
|
799
|
-
this._additionalConfig = _additionalConfig;
|
|
797
|
+
constructor(itemConfig, _filter) {
|
|
800
798
|
this._filter = _filter;
|
|
801
799
|
this._type = itemConfig.type;
|
|
802
800
|
this._initConfig(itemConfig);
|
|
@@ -1086,29 +1084,27 @@ class BaseDateRangeItem extends BaseItem {
|
|
|
1086
1084
|
|
|
1087
1085
|
class DateRangeItem extends BaseDateRangeItem {
|
|
1088
1086
|
static create(config, filter) {
|
|
1089
|
-
return new DateRangeItem(config,
|
|
1087
|
+
return new DateRangeItem(config, filter);
|
|
1090
1088
|
}
|
|
1091
1089
|
}
|
|
1092
1090
|
|
|
1093
1091
|
class DateTimeRangeItem extends BaseDateRangeItem {
|
|
1094
1092
|
static create(config, filter) {
|
|
1095
|
-
return new DateTimeRangeItem(config,
|
|
1093
|
+
return new DateTimeRangeItem(config, filter);
|
|
1096
1094
|
}
|
|
1097
1095
|
}
|
|
1098
1096
|
|
|
1099
1097
|
class RangeItem extends BaseItem {
|
|
1100
|
-
_additionalConfig;
|
|
1101
1098
|
_filter;
|
|
1102
|
-
constructor(itemConfig,
|
|
1103
|
-
super(itemConfig,
|
|
1104
|
-
this._additionalConfig = _additionalConfig;
|
|
1099
|
+
constructor(itemConfig, _filter) {
|
|
1100
|
+
super(itemConfig, _filter);
|
|
1105
1101
|
this._filter = _filter;
|
|
1106
1102
|
this.options = itemConfig.options;
|
|
1107
1103
|
this.prefix = itemConfig.prefix;
|
|
1108
1104
|
this.suffix = itemConfig.suffix;
|
|
1109
1105
|
}
|
|
1110
|
-
static create(config,
|
|
1111
|
-
return new RangeItem(config,
|
|
1106
|
+
static create(config, filter) {
|
|
1107
|
+
return new RangeItem(config, filter);
|
|
1112
1108
|
}
|
|
1113
1109
|
get query() {
|
|
1114
1110
|
const value = this.value;
|
|
@@ -1178,16 +1174,14 @@ class RangeItem extends BaseItem {
|
|
|
1178
1174
|
}
|
|
1179
1175
|
|
|
1180
1176
|
class WeekItem extends BaseItem {
|
|
1181
|
-
_additionalConfig;
|
|
1182
1177
|
_filter;
|
|
1183
|
-
constructor(itemConfig,
|
|
1184
|
-
super(itemConfig,
|
|
1185
|
-
this._additionalConfig = _additionalConfig;
|
|
1178
|
+
constructor(itemConfig, _filter) {
|
|
1179
|
+
super(itemConfig, _filter);
|
|
1186
1180
|
this._filter = _filter;
|
|
1187
1181
|
this.seedDate = itemConfig.seedDate;
|
|
1188
1182
|
}
|
|
1189
1183
|
static create(config, filter) {
|
|
1190
|
-
return new WeekItem(config,
|
|
1184
|
+
return new WeekItem(config, filter);
|
|
1191
1185
|
}
|
|
1192
1186
|
setValue(value, emitChange = true) {
|
|
1193
1187
|
if (value) {
|
|
@@ -1266,26 +1260,22 @@ function findItemWidthName(items, name) {
|
|
|
1266
1260
|
}
|
|
1267
1261
|
|
|
1268
1262
|
class BaseAutocompleteItem extends BaseItem {
|
|
1269
|
-
_additionalConfig;
|
|
1270
1263
|
_filter;
|
|
1271
1264
|
search;
|
|
1272
1265
|
get valuesFn() {
|
|
1273
1266
|
return this._valuesFn;
|
|
1274
1267
|
}
|
|
1275
|
-
constructor(itemConfig,
|
|
1276
|
-
super(itemConfig,
|
|
1277
|
-
this._additionalConfig = _additionalConfig;
|
|
1268
|
+
constructor(itemConfig, _filter) {
|
|
1269
|
+
super(itemConfig, _filter);
|
|
1278
1270
|
this._filter = _filter;
|
|
1279
1271
|
this.fetchOnFocus = itemConfig.fetchOnFocus ?? true;
|
|
1280
1272
|
}
|
|
1281
1273
|
}
|
|
1282
1274
|
|
|
1283
1275
|
class AutocompleteChipsItem extends BaseAutocompleteItem {
|
|
1284
|
-
_additionalConfig;
|
|
1285
1276
|
_filter;
|
|
1286
|
-
constructor(itemConfig,
|
|
1287
|
-
super(itemConfig,
|
|
1288
|
-
this._additionalConfig = _additionalConfig;
|
|
1277
|
+
constructor(itemConfig, _filter) {
|
|
1278
|
+
super(itemConfig, _filter);
|
|
1289
1279
|
this._filter = _filter;
|
|
1290
1280
|
this.chipImage = itemConfig.chipImage ?? 'image';
|
|
1291
1281
|
this.chipIcon = itemConfig.chipIcon;
|
|
@@ -1296,7 +1286,7 @@ class AutocompleteChipsItem extends BaseAutocompleteItem {
|
|
|
1296
1286
|
this.panelActions = itemConfig.panelActions || [];
|
|
1297
1287
|
}
|
|
1298
1288
|
static create(config, filter) {
|
|
1299
|
-
return new AutocompleteChipsItem(config,
|
|
1289
|
+
return new AutocompleteChipsItem(config, filter);
|
|
1300
1290
|
}
|
|
1301
1291
|
get queryParam() {
|
|
1302
1292
|
if (!this.hasValue) {
|
|
@@ -1352,7 +1342,7 @@ class AutocompleteChipsItem extends BaseAutocompleteItem {
|
|
|
1352
1342
|
|
|
1353
1343
|
class AutocompleteItem extends BaseAutocompleteItem {
|
|
1354
1344
|
static create(config, filter) {
|
|
1355
|
-
return new AutocompleteItem(config,
|
|
1345
|
+
return new AutocompleteItem(config, filter);
|
|
1356
1346
|
}
|
|
1357
1347
|
get value() {
|
|
1358
1348
|
let value = clone(super.value);
|
|
@@ -1384,11 +1374,9 @@ class AutocompleteItem extends BaseAutocompleteItem {
|
|
|
1384
1374
|
}
|
|
1385
1375
|
|
|
1386
1376
|
class CheckboxItem extends BaseItem {
|
|
1387
|
-
_additionalConfig;
|
|
1388
1377
|
_filter;
|
|
1389
|
-
constructor(itemConfig,
|
|
1390
|
-
super(itemConfig,
|
|
1391
|
-
this._additionalConfig = _additionalConfig;
|
|
1378
|
+
constructor(itemConfig, _filter) {
|
|
1379
|
+
super(itemConfig, _filter);
|
|
1392
1380
|
this._filter = _filter;
|
|
1393
1381
|
this._checked = itemConfig.checked ? toString(itemConfig.checked) : 'true';
|
|
1394
1382
|
this._unchecked = itemConfig.unchecked ? toString(itemConfig.unchecked) : undefined;
|
|
@@ -1436,16 +1424,14 @@ class CheckboxItem extends BaseItem {
|
|
|
1436
1424
|
}
|
|
1437
1425
|
|
|
1438
1426
|
class ChipsItem extends BaseItem {
|
|
1439
|
-
_additionalConfig;
|
|
1440
1427
|
_filter;
|
|
1441
|
-
constructor(itemConfig,
|
|
1442
|
-
super(itemConfig,
|
|
1443
|
-
this._additionalConfig = _additionalConfig;
|
|
1428
|
+
constructor(itemConfig, _filter) {
|
|
1429
|
+
super(itemConfig, _filter);
|
|
1444
1430
|
this._filter = _filter;
|
|
1445
1431
|
this.multiple = itemConfig.multiple ?? true;
|
|
1446
1432
|
}
|
|
1447
1433
|
static create(config, filter) {
|
|
1448
|
-
return new ChipsItem(config,
|
|
1434
|
+
return new ChipsItem(config, filter);
|
|
1449
1435
|
}
|
|
1450
1436
|
get hasValue() {
|
|
1451
1437
|
return this.value.length > 0;
|
|
@@ -1494,13 +1480,11 @@ class ChipsItem extends BaseItem {
|
|
|
1494
1480
|
}
|
|
1495
1481
|
|
|
1496
1482
|
class BaseDateItem extends BaseItem {
|
|
1497
|
-
_additionalConfig;
|
|
1498
1483
|
_filter;
|
|
1499
1484
|
maxYear;
|
|
1500
1485
|
mode;
|
|
1501
|
-
constructor(itemConfig,
|
|
1502
|
-
super(itemConfig,
|
|
1503
|
-
this._additionalConfig = _additionalConfig;
|
|
1486
|
+
constructor(itemConfig, _filter) {
|
|
1487
|
+
super(itemConfig, _filter);
|
|
1504
1488
|
this._filter = _filter;
|
|
1505
1489
|
this.maxYear = itemConfig.maxYear;
|
|
1506
1490
|
this.mode = itemConfig.mode || ItemDateMode.Calendar;
|
|
@@ -1517,7 +1501,7 @@ class BaseDateItem extends BaseItem {
|
|
|
1517
1501
|
|
|
1518
1502
|
class DateItem extends BaseDateItem {
|
|
1519
1503
|
static create(config, filter) {
|
|
1520
|
-
return new DateItem(config,
|
|
1504
|
+
return new DateItem(config, filter);
|
|
1521
1505
|
}
|
|
1522
1506
|
get queryParam() {
|
|
1523
1507
|
if (!this.hasValue) {
|
|
@@ -1546,7 +1530,7 @@ class DateItem extends BaseDateItem {
|
|
|
1546
1530
|
|
|
1547
1531
|
class DateTimeItem extends BaseDateItem {
|
|
1548
1532
|
static create(config, filter) {
|
|
1549
|
-
return new DateTimeItem(config,
|
|
1533
|
+
return new DateTimeItem(config, filter);
|
|
1550
1534
|
}
|
|
1551
1535
|
get chips() {
|
|
1552
1536
|
return [];
|
|
@@ -1554,17 +1538,15 @@ class DateTimeItem extends BaseDateItem {
|
|
|
1554
1538
|
}
|
|
1555
1539
|
|
|
1556
1540
|
class TextItem extends BaseItem {
|
|
1557
|
-
_additionalConfig;
|
|
1558
1541
|
_filter;
|
|
1559
|
-
constructor(itemConfig,
|
|
1560
|
-
super(itemConfig,
|
|
1561
|
-
this._additionalConfig = _additionalConfig;
|
|
1542
|
+
constructor(itemConfig, _filter) {
|
|
1543
|
+
super(itemConfig, _filter);
|
|
1562
1544
|
this._filter = _filter;
|
|
1563
1545
|
this.prefix = itemConfig.prefix;
|
|
1564
1546
|
this.suffix = itemConfig.suffix;
|
|
1565
1547
|
}
|
|
1566
1548
|
static create(config, filter) {
|
|
1567
|
-
return new TextItem(config,
|
|
1549
|
+
return new TextItem(config, filter);
|
|
1568
1550
|
}
|
|
1569
1551
|
get hasValue() {
|
|
1570
1552
|
return typeof this.value === 'string' && this.value.length > 0;
|
|
@@ -1593,16 +1575,14 @@ class TextItem extends BaseItem {
|
|
|
1593
1575
|
}
|
|
1594
1576
|
|
|
1595
1577
|
class KeywordItem extends TextItem {
|
|
1596
|
-
_additionalConfig;
|
|
1597
1578
|
_filter;
|
|
1598
|
-
constructor(itemConfig,
|
|
1599
|
-
super(itemConfig,
|
|
1600
|
-
this._additionalConfig = _additionalConfig;
|
|
1579
|
+
constructor(itemConfig, _filter) {
|
|
1580
|
+
super(itemConfig, _filter);
|
|
1601
1581
|
this._filter = _filter;
|
|
1602
1582
|
this.fullWidth = itemConfig.fullWidth;
|
|
1603
1583
|
}
|
|
1604
1584
|
static create(config, filter) {
|
|
1605
|
-
return new KeywordItem(config,
|
|
1585
|
+
return new KeywordItem(config, filter);
|
|
1606
1586
|
}
|
|
1607
1587
|
get hasValue() {
|
|
1608
1588
|
return typeof this.value === 'string' && this.value.length > 0;
|
|
@@ -1631,11 +1611,9 @@ class KeywordItem extends TextItem {
|
|
|
1631
1611
|
}
|
|
1632
1612
|
|
|
1633
1613
|
class SelectItem extends BaseItem {
|
|
1634
|
-
_additionalConfig;
|
|
1635
1614
|
_filter;
|
|
1636
|
-
constructor(itemConfig,
|
|
1637
|
-
super(itemConfig,
|
|
1638
|
-
this._additionalConfig = _additionalConfig;
|
|
1615
|
+
constructor(itemConfig, _filter) {
|
|
1616
|
+
super(itemConfig, _filter);
|
|
1639
1617
|
this._filter = _filter;
|
|
1640
1618
|
this.multiple = itemConfig.multiple || false;
|
|
1641
1619
|
this.children = itemConfig.children || null;
|
|
@@ -1647,7 +1625,7 @@ class SelectItem extends BaseItem {
|
|
|
1647
1625
|
}
|
|
1648
1626
|
}
|
|
1649
1627
|
static create(itemConfig, filter) {
|
|
1650
|
-
return new SelectItem(itemConfig,
|
|
1628
|
+
return new SelectItem(itemConfig, filter);
|
|
1651
1629
|
}
|
|
1652
1630
|
clear(emitChange = true) {
|
|
1653
1631
|
this.setValue(this.multiple ? [] : undefined, emitChange);
|
|
@@ -1735,7 +1713,7 @@ class SelectItem extends BaseItem {
|
|
|
1735
1713
|
}
|
|
1736
1714
|
}
|
|
1737
1715
|
|
|
1738
|
-
function createFilterItem(item,
|
|
1716
|
+
function createFilterItem(item, filter) {
|
|
1739
1717
|
switch (item.type) {
|
|
1740
1718
|
case ItemType.Select: {
|
|
1741
1719
|
return SelectItem.create(item, filter);
|
|
@@ -1744,7 +1722,7 @@ function createFilterItem(item, config, filter) {
|
|
|
1744
1722
|
return ChipsItem.create(item, filter);
|
|
1745
1723
|
}
|
|
1746
1724
|
case ItemType.Range: {
|
|
1747
|
-
return RangeItem.create(item,
|
|
1725
|
+
return RangeItem.create(item, filter);
|
|
1748
1726
|
}
|
|
1749
1727
|
case ItemType.DateRange: {
|
|
1750
1728
|
return DateRangeItem.create(item, filter);
|
|
@@ -1768,7 +1746,7 @@ function createFilterItem(item, config, filter) {
|
|
|
1768
1746
|
return AutocompleteChipsItem.create(item, filter);
|
|
1769
1747
|
}
|
|
1770
1748
|
case ItemType.Checkbox: {
|
|
1771
|
-
return new CheckboxItem(item,
|
|
1749
|
+
return new CheckboxItem(item, filter);
|
|
1772
1750
|
}
|
|
1773
1751
|
case ItemType.Keyword: {
|
|
1774
1752
|
return KeywordItem.create(item, filter);
|
|
@@ -2196,7 +2174,7 @@ class FilterController {
|
|
|
2196
2174
|
return true;
|
|
2197
2175
|
})
|
|
2198
2176
|
.map((item) => {
|
|
2199
|
-
const filterItem = createFilterItem(item,
|
|
2177
|
+
const filterItem = createFilterItem(item, this.filter);
|
|
2200
2178
|
if (filterItem instanceof KeywordItem) {
|
|
2201
2179
|
this._keywordController.keywordItem = filterItem;
|
|
2202
2180
|
}
|
|
@@ -2990,9 +2968,14 @@ class FsFilterSavedFilterChipsComponent {
|
|
|
2990
2968
|
this.items = [...this._filterController.items]
|
|
2991
2969
|
.filter((item) => !!this.savedFilter.filters[item.name])
|
|
2992
2970
|
.map((item) => {
|
|
2993
|
-
const
|
|
2994
|
-
|
|
2995
|
-
|
|
2971
|
+
const config = {
|
|
2972
|
+
...this._filterController.config.items
|
|
2973
|
+
.find((configItem) => item.name === configItem.name),
|
|
2974
|
+
};
|
|
2975
|
+
const filterItem = createFilterItem(config, this._filterController.filter);
|
|
2976
|
+
filterItem.values = item.values;
|
|
2977
|
+
filterItem.initValue(this.savedFilter.filters[item.name]);
|
|
2978
|
+
return filterItem;
|
|
2996
2979
|
});
|
|
2997
2980
|
}
|
|
2998
2981
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FsFilterSavedFilterChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|