@firestitch/filter 12.11.7 → 12.12.1
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/interfaces/items/base.interface.d.ts +1 -0
- package/app/models/items/base-item.d.ts +3 -2
- package/app/services/external-params-controller.service.d.ts +3 -3
- package/app/services/items-store.service.d.ts +4 -4
- package/bundles/firestitch-filter.umd.js +140 -131
- package/bundles/firestitch-filter.umd.js.map +1 -1
- package/esm2015/app/components/filter/filter.component.js +4 -4
- package/esm2015/app/components/filter-chip/filter-chip.component.js +2 -2
- package/esm2015/app/components/filter-drawer/filter-drawer.component.js +2 -2
- package/esm2015/app/components/filters-item/autocomplete/autocomplete.component.js +2 -2
- package/esm2015/app/components/filters-item/autocompletechips/autocompletechips.component.js +2 -2
- package/esm2015/app/components/filters-item/date/date.component.js +2 -2
- package/esm2015/app/components/filters-item/date-range/date-range.component.js +2 -2
- package/esm2015/app/components/filters-item/week/week.component.js +2 -2
- package/esm2015/app/interfaces/items/base.interface.js +1 -1
- package/esm2015/app/models/items/base-item.js +4 -4
- package/esm2015/app/services/external-params-controller.service.js +4 -4
- package/esm2015/app/services/items-store.service.js +16 -8
- package/fesm2015/firestitch-filter.js +653 -645
- package/fesm2015/firestitch-filter.js.map +1 -1
- package/package.json +3 -3
|
@@ -10,4 +10,4 @@ import { AutocompleteChipsItem } from '../models/items/autocomplete-chips-item';
|
|
|
10
10
|
import { CheckboxItem } from '../models/items/checkbox-item';
|
|
11
11
|
import { TextItem } from '../models/items/text-item';
|
|
12
12
|
import { WeekItem } from '../models/items/week-item';
|
|
13
|
-
export declare function createFilterItem(item: IFilterConfigItem, config: any): import("../models/items/select/
|
|
13
|
+
export declare function createFilterItem(item: IFilterConfigItem, config: any): import("../models/items/select/multiple-select-item").MultipleSelectItem | RangeItem | DateRangeItem | DateTimeRangeItem | WeekItem | import("../models/items/select/simple-select-item").SimpleSelectItem | ChipsItem | DateItem | DateTimeItem | AutocompleteItem | AutocompleteChipsItem | CheckboxItem | TextItem;
|
|
@@ -20,6 +20,7 @@ export interface IFilterConfigBaseItem<T = DefaultItemType, U = string> {
|
|
|
20
20
|
primary?: boolean;
|
|
21
21
|
default?: unknown;
|
|
22
22
|
change?: (item: BaseItem<any>) => void;
|
|
23
|
+
init?: (item: BaseItem<any>) => void;
|
|
23
24
|
clear?: boolean;
|
|
24
25
|
disablePersist?: boolean;
|
|
25
26
|
disableQueryParams?: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BehaviorSubject, Observable, Subject } from 'rxjs';
|
|
2
|
+
import { IFilterConfigItem } from '../../interfaces/config.interface';
|
|
2
3
|
import { IFilterDefaultFn } from '../../interfaces/items/base.interface';
|
|
3
4
|
import { IFilterItemDefaultRange } from '../../interfaces/items/range.interface';
|
|
4
|
-
import { IFilterConfigItem } from '../../interfaces/config.interface';
|
|
5
5
|
export declare abstract class BaseItem<T extends IFilterConfigItem> {
|
|
6
6
|
protected _additionalConfig: unknown;
|
|
7
7
|
name: string;
|
|
@@ -11,10 +11,11 @@ export declare abstract class BaseItem<T extends IFilterConfigItem> {
|
|
|
11
11
|
defaultValue: any | IFilterItemDefaultRange;
|
|
12
12
|
defaultValueFn: IFilterDefaultFn<unknown>;
|
|
13
13
|
persistedValue: unknown;
|
|
14
|
-
|
|
14
|
+
showClear: boolean;
|
|
15
15
|
persistanceDisabled: boolean;
|
|
16
16
|
queryParamsDisabled: boolean;
|
|
17
17
|
change: (item: BaseItem<T>) => void;
|
|
18
|
+
init: (item: BaseItem<T>) => void;
|
|
18
19
|
protected readonly _type: T['type'];
|
|
19
20
|
protected _model: any;
|
|
20
21
|
protected _pendingValues: boolean;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { OnDestroy } from '@angular/core';
|
|
2
2
|
import { BehaviorSubject, Observable } from 'rxjs';
|
|
3
|
-
import {
|
|
3
|
+
import { IFilterExternalParams } from '../interfaces/external-params.interface';
|
|
4
|
+
import { IFilterSavedFilter } from '../interfaces/saved-filters.interface';
|
|
4
5
|
import { PersistanceParamsController } from './external-params/persistance-params-controller.service';
|
|
5
6
|
import { QueryParamsController } from './external-params/query-params-controller.service';
|
|
6
7
|
import { SavedFiltersController } from './external-params/saved-filters-controller.service';
|
|
7
|
-
import {
|
|
8
|
-
import { IFilterSavedFilter } from '../interfaces/saved-filters.interface';
|
|
8
|
+
import { FsFilterItemsStore } from './items-store.service';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
export declare class ExternalParamsController implements OnDestroy {
|
|
11
11
|
private _itemsStore;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { OnDestroy } from '@angular/core';
|
|
2
2
|
import { Observable } from 'rxjs';
|
|
3
3
|
import { FilterSort, IFilterConfigItem } from '../interfaces/config.interface';
|
|
4
|
-
import {
|
|
4
|
+
import { IFilterExternalParams } from '../interfaces/external-params.interface';
|
|
5
5
|
import { ISortingChangeEvent } from '../interfaces/filter.interface';
|
|
6
|
+
import { BaseItem } from '../models/items/base-item';
|
|
6
7
|
import { TextItem } from '../models/items/text-item';
|
|
7
|
-
import { IFilterExternalParams } from '../interfaces/external-params.interface';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
interface IValueAsQuery {
|
|
10
10
|
onlyPresented?: boolean;
|
|
@@ -45,14 +45,14 @@ export declare class FsFilterItemsStore implements OnDestroy {
|
|
|
45
45
|
updateSort(sort: ISortingChangeEvent): void;
|
|
46
46
|
values(onlyPresented?: boolean): Record<string, unknown>;
|
|
47
47
|
valuesAsQuery({ onlyPresented, items, persisted, }?: IValueAsQuery): Record<string, unknown>;
|
|
48
|
-
|
|
48
|
+
init(p: IFilterExternalParams): void;
|
|
49
49
|
updateItemsWithValues(values: IFilterExternalParams): void;
|
|
50
50
|
destroyItems(): void;
|
|
51
51
|
/**
|
|
52
52
|
* Some items might need to load async values before they will be shown
|
|
53
53
|
*/
|
|
54
54
|
prepareItems(): void;
|
|
55
|
-
|
|
55
|
+
updateItemsVisiblity(): void;
|
|
56
56
|
private _createItems;
|
|
57
57
|
private _subscribeToItemsChanges;
|
|
58
58
|
private _lazyInit;
|
|
@@ -397,7 +397,6 @@
|
|
|
397
397
|
var BaseItem = /** @class */ (function () {
|
|
398
398
|
function BaseItem(itemConfig, _additionalConfig) {
|
|
399
399
|
this._additionalConfig = _additionalConfig;
|
|
400
|
-
// protected _initialized = false;
|
|
401
400
|
this._pendingValues = false;
|
|
402
401
|
this._pendingDefaultValue = false;
|
|
403
402
|
this._loading$ = new rxjs.BehaviorSubject(false);
|
|
@@ -716,8 +715,9 @@
|
|
|
716
715
|
this.defaultValue = item.default;
|
|
717
716
|
}
|
|
718
717
|
this.change = item.change;
|
|
718
|
+
this.init = item.init || (function (item) { });
|
|
719
719
|
this.hide = item.hide;
|
|
720
|
-
this.
|
|
720
|
+
this.showClear = (_a = item.clear) !== null && _a !== void 0 ? _a : true;
|
|
721
721
|
this.persistanceDisabled = (_b = item.disablePersist) !== null && _b !== void 0 ? _b : false;
|
|
722
722
|
this.queryParamsDisabled = (_c = item.disableQueryParams) !== null && _c !== void 0 ? _c : false;
|
|
723
723
|
if (lodashEs.isFunction(item.values)) {
|
|
@@ -732,7 +732,7 @@
|
|
|
732
732
|
var _a;
|
|
733
733
|
var model = (_a = this.persistedValue) !== null && _a !== void 0 ? _a : this.defaultValue;
|
|
734
734
|
if (model !== undefined) {
|
|
735
|
-
this.model
|
|
735
|
+
this._setModel(model);
|
|
736
736
|
}
|
|
737
737
|
};
|
|
738
738
|
BaseItem.prototype._clearValue = function (defaultValue) {
|
|
@@ -1059,120 +1059,6 @@
|
|
|
1059
1059
|
return SimpleSelectItem;
|
|
1060
1060
|
}(BaseSelectItem));
|
|
1061
1061
|
|
|
1062
|
-
exports.ActionMode = void 0;
|
|
1063
|
-
(function (ActionMode) {
|
|
1064
|
-
ActionMode["Button"] = "button";
|
|
1065
|
-
ActionMode["Menu"] = "menu";
|
|
1066
|
-
ActionMode["File"] = "file";
|
|
1067
|
-
})(exports.ActionMode || (exports.ActionMode = {}));
|
|
1068
|
-
|
|
1069
|
-
exports.ActionType = void 0;
|
|
1070
|
-
(function (ActionType) {
|
|
1071
|
-
ActionType["Basic"] = "basic";
|
|
1072
|
-
ActionType["Raised"] = "raised";
|
|
1073
|
-
ActionType["Icon"] = "icon";
|
|
1074
|
-
ActionType["Fab"] = "fab";
|
|
1075
|
-
ActionType["MiniFab"] = "mini-fab";
|
|
1076
|
-
ActionType["Flat"] = "flat";
|
|
1077
|
-
ActionType["Stroked"] = "stroked";
|
|
1078
|
-
})(exports.ActionType || (exports.ActionType = {}));
|
|
1079
|
-
|
|
1080
|
-
exports.ButtonStyle = void 0;
|
|
1081
|
-
(function (ButtonStyle) {
|
|
1082
|
-
ButtonStyle["Basic"] = "basic";
|
|
1083
|
-
ButtonStyle["Raised"] = "raised";
|
|
1084
|
-
ButtonStyle["Icon"] = "icon";
|
|
1085
|
-
ButtonStyle["Fab"] = "fab";
|
|
1086
|
-
ButtonStyle["MiniFab"] = "mini-fab";
|
|
1087
|
-
ButtonStyle["Flat"] = "flat";
|
|
1088
|
-
ButtonStyle["Stroked"] = "stroked";
|
|
1089
|
-
})(exports.ButtonStyle || (exports.ButtonStyle = {}));
|
|
1090
|
-
|
|
1091
|
-
exports.ItemDateMode = void 0;
|
|
1092
|
-
(function (ItemDateMode) {
|
|
1093
|
-
ItemDateMode["Calendar"] = "calendar";
|
|
1094
|
-
ItemDateMode["ScrollMonthYear"] = "monthyear";
|
|
1095
|
-
ItemDateMode["ScrollMonthDayYear"] = "monthdayyear";
|
|
1096
|
-
})(exports.ItemDateMode || (exports.ItemDateMode = {}));
|
|
1097
|
-
|
|
1098
|
-
var PickerViewType;
|
|
1099
|
-
(function (PickerViewType) {
|
|
1100
|
-
PickerViewType["Date"] = "date";
|
|
1101
|
-
PickerViewType["DateTime"] = "datetime";
|
|
1102
|
-
PickerViewType["Time"] = "time";
|
|
1103
|
-
PickerViewType["Week"] = "week";
|
|
1104
|
-
PickerViewType["MonthRange"] = "monthrange";
|
|
1105
|
-
})(PickerViewType || (PickerViewType = {}));
|
|
1106
|
-
|
|
1107
|
-
var SORT_BY_FIELD = 'sortName';
|
|
1108
|
-
var SORT_DIRECTION_FIELD = 'sortDirection';
|
|
1109
|
-
var FsFilterConfig = /** @class */ (function () {
|
|
1110
|
-
function FsFilterConfig(data) {
|
|
1111
|
-
if (data === void 0) { data = {}; }
|
|
1112
|
-
this.load = true;
|
|
1113
|
-
this.persist = false;
|
|
1114
|
-
this.inline = false;
|
|
1115
|
-
this.autofocus = false;
|
|
1116
|
-
this.chips = false;
|
|
1117
|
-
this.sortValues = null;
|
|
1118
|
-
this.sort = null;
|
|
1119
|
-
// public sortDirection = null;
|
|
1120
|
-
this.queryParam = false;
|
|
1121
|
-
this.case = 'camel';
|
|
1122
|
-
this._init(data);
|
|
1123
|
-
}
|
|
1124
|
-
FsFilterConfig.prototype._init = function (data) {
|
|
1125
|
-
if (data === void 0) { data = {}; }
|
|
1126
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
1127
|
-
this.load = (_a = data.load) !== null && _a !== void 0 ? _a : true;
|
|
1128
|
-
this.persist = data.persist;
|
|
1129
|
-
this.savedFilters = data.savedFilters;
|
|
1130
|
-
this.inline = (_b = data.inline) !== null && _b !== void 0 ? _b : false;
|
|
1131
|
-
this.autofocus = (_c = data.autofocus) !== null && _c !== void 0 ? _c : false;
|
|
1132
|
-
this.chips = (_d = data.chips) !== null && _d !== void 0 ? _d : false;
|
|
1133
|
-
this.sortValues = data.sorts;
|
|
1134
|
-
this.sort = data.sort;
|
|
1135
|
-
this.queryParam = (_e = data.queryParam) !== null && _e !== void 0 ? _e : false;
|
|
1136
|
-
this.init = data.init;
|
|
1137
|
-
this.change = data.change;
|
|
1138
|
-
this.reload = data.reload;
|
|
1139
|
-
this.clear = data.clear;
|
|
1140
|
-
this.sortChange = data.sortChange;
|
|
1141
|
-
this.case = (_f = data.case) !== null && _f !== void 0 ? _f : 'camel';
|
|
1142
|
-
this.reloadWhenConfigChanged = data.reloadWhenConfigChanged;
|
|
1143
|
-
this.button = data.button;
|
|
1144
|
-
this.items = data.items;
|
|
1145
|
-
this.actions = data.actions;
|
|
1146
|
-
this.case = (_g = data.case) !== null && _g !== void 0 ? _g : 'camel';
|
|
1147
|
-
if (this.persist) {
|
|
1148
|
-
if (typeof this.persist === 'object') {
|
|
1149
|
-
if (this.persist.name) {
|
|
1150
|
-
this.namespace = this.persist.name;
|
|
1151
|
-
}
|
|
1152
|
-
}
|
|
1153
|
-
}
|
|
1154
|
-
if (!this.button) {
|
|
1155
|
-
this.button = {};
|
|
1156
|
-
}
|
|
1157
|
-
if (this.button.label === undefined) {
|
|
1158
|
-
this.button.label = 'Filters';
|
|
1159
|
-
}
|
|
1160
|
-
if (this.button.icon === undefined) {
|
|
1161
|
-
this.button.icon = 'tune';
|
|
1162
|
-
}
|
|
1163
|
-
if (this.button.style === undefined) {
|
|
1164
|
-
this.button.style = exports.ButtonStyle.Raised;
|
|
1165
|
-
}
|
|
1166
|
-
if (this.button.color === undefined) {
|
|
1167
|
-
this.button.color = 'default';
|
|
1168
|
-
}
|
|
1169
|
-
if (this.clear === undefined) {
|
|
1170
|
-
this.clear = function () { };
|
|
1171
|
-
}
|
|
1172
|
-
};
|
|
1173
|
-
return FsFilterConfig;
|
|
1174
|
-
}());
|
|
1175
|
-
|
|
1176
1062
|
var SelectItem = /** @class */ (function () {
|
|
1177
1063
|
function SelectItem() {
|
|
1178
1064
|
}
|
|
@@ -1596,6 +1482,13 @@
|
|
|
1596
1482
|
return DateTimeRangeItem;
|
|
1597
1483
|
}(BaseDateRangeItem));
|
|
1598
1484
|
|
|
1485
|
+
exports.ItemDateMode = void 0;
|
|
1486
|
+
(function (ItemDateMode) {
|
|
1487
|
+
ItemDateMode["Calendar"] = "calendar";
|
|
1488
|
+
ItemDateMode["ScrollMonthYear"] = "monthyear";
|
|
1489
|
+
ItemDateMode["ScrollMonthDayYear"] = "monthdayyear";
|
|
1490
|
+
})(exports.ItemDateMode || (exports.ItemDateMode = {}));
|
|
1491
|
+
|
|
1599
1492
|
var BaseDateItem = /** @class */ (function (_super) {
|
|
1600
1493
|
__extends(BaseDateItem, _super);
|
|
1601
1494
|
function BaseDateItem() {
|
|
@@ -2111,6 +2004,113 @@
|
|
|
2111
2004
|
}
|
|
2112
2005
|
}
|
|
2113
2006
|
|
|
2007
|
+
exports.ActionMode = void 0;
|
|
2008
|
+
(function (ActionMode) {
|
|
2009
|
+
ActionMode["Button"] = "button";
|
|
2010
|
+
ActionMode["Menu"] = "menu";
|
|
2011
|
+
ActionMode["File"] = "file";
|
|
2012
|
+
})(exports.ActionMode || (exports.ActionMode = {}));
|
|
2013
|
+
|
|
2014
|
+
exports.ActionType = void 0;
|
|
2015
|
+
(function (ActionType) {
|
|
2016
|
+
ActionType["Basic"] = "basic";
|
|
2017
|
+
ActionType["Raised"] = "raised";
|
|
2018
|
+
ActionType["Icon"] = "icon";
|
|
2019
|
+
ActionType["Fab"] = "fab";
|
|
2020
|
+
ActionType["MiniFab"] = "mini-fab";
|
|
2021
|
+
ActionType["Flat"] = "flat";
|
|
2022
|
+
ActionType["Stroked"] = "stroked";
|
|
2023
|
+
})(exports.ActionType || (exports.ActionType = {}));
|
|
2024
|
+
|
|
2025
|
+
exports.ButtonStyle = void 0;
|
|
2026
|
+
(function (ButtonStyle) {
|
|
2027
|
+
ButtonStyle["Basic"] = "basic";
|
|
2028
|
+
ButtonStyle["Raised"] = "raised";
|
|
2029
|
+
ButtonStyle["Icon"] = "icon";
|
|
2030
|
+
ButtonStyle["Fab"] = "fab";
|
|
2031
|
+
ButtonStyle["MiniFab"] = "mini-fab";
|
|
2032
|
+
ButtonStyle["Flat"] = "flat";
|
|
2033
|
+
ButtonStyle["Stroked"] = "stroked";
|
|
2034
|
+
})(exports.ButtonStyle || (exports.ButtonStyle = {}));
|
|
2035
|
+
|
|
2036
|
+
var PickerViewType;
|
|
2037
|
+
(function (PickerViewType) {
|
|
2038
|
+
PickerViewType["Date"] = "date";
|
|
2039
|
+
PickerViewType["DateTime"] = "datetime";
|
|
2040
|
+
PickerViewType["Time"] = "time";
|
|
2041
|
+
PickerViewType["Week"] = "week";
|
|
2042
|
+
PickerViewType["MonthRange"] = "monthrange";
|
|
2043
|
+
})(PickerViewType || (PickerViewType = {}));
|
|
2044
|
+
|
|
2045
|
+
var SORT_BY_FIELD = 'sortName';
|
|
2046
|
+
var SORT_DIRECTION_FIELD = 'sortDirection';
|
|
2047
|
+
var FsFilterConfig = /** @class */ (function () {
|
|
2048
|
+
function FsFilterConfig(data) {
|
|
2049
|
+
if (data === void 0) { data = {}; }
|
|
2050
|
+
this.load = true;
|
|
2051
|
+
this.persist = false;
|
|
2052
|
+
this.inline = false;
|
|
2053
|
+
this.autofocus = false;
|
|
2054
|
+
this.chips = false;
|
|
2055
|
+
this.sortValues = null;
|
|
2056
|
+
this.sort = null;
|
|
2057
|
+
// public sortDirection = null;
|
|
2058
|
+
this.queryParam = false;
|
|
2059
|
+
this.case = 'camel';
|
|
2060
|
+
this._init(data);
|
|
2061
|
+
}
|
|
2062
|
+
FsFilterConfig.prototype._init = function (data) {
|
|
2063
|
+
if (data === void 0) { data = {}; }
|
|
2064
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
2065
|
+
this.load = (_a = data.load) !== null && _a !== void 0 ? _a : true;
|
|
2066
|
+
this.persist = data.persist;
|
|
2067
|
+
this.savedFilters = data.savedFilters;
|
|
2068
|
+
this.inline = (_b = data.inline) !== null && _b !== void 0 ? _b : false;
|
|
2069
|
+
this.autofocus = (_c = data.autofocus) !== null && _c !== void 0 ? _c : false;
|
|
2070
|
+
this.chips = (_d = data.chips) !== null && _d !== void 0 ? _d : false;
|
|
2071
|
+
this.sortValues = data.sorts;
|
|
2072
|
+
this.sort = data.sort;
|
|
2073
|
+
this.queryParam = (_e = data.queryParam) !== null && _e !== void 0 ? _e : false;
|
|
2074
|
+
this.init = data.init;
|
|
2075
|
+
this.change = data.change;
|
|
2076
|
+
this.reload = data.reload;
|
|
2077
|
+
this.clear = data.clear;
|
|
2078
|
+
this.sortChange = data.sortChange;
|
|
2079
|
+
this.case = (_f = data.case) !== null && _f !== void 0 ? _f : 'camel';
|
|
2080
|
+
this.reloadWhenConfigChanged = data.reloadWhenConfigChanged;
|
|
2081
|
+
this.button = data.button;
|
|
2082
|
+
this.items = data.items;
|
|
2083
|
+
this.actions = data.actions;
|
|
2084
|
+
this.case = (_g = data.case) !== null && _g !== void 0 ? _g : 'camel';
|
|
2085
|
+
if (this.persist) {
|
|
2086
|
+
if (typeof this.persist === 'object') {
|
|
2087
|
+
if (this.persist.name) {
|
|
2088
|
+
this.namespace = this.persist.name;
|
|
2089
|
+
}
|
|
2090
|
+
}
|
|
2091
|
+
}
|
|
2092
|
+
if (!this.button) {
|
|
2093
|
+
this.button = {};
|
|
2094
|
+
}
|
|
2095
|
+
if (this.button.label === undefined) {
|
|
2096
|
+
this.button.label = 'Filters';
|
|
2097
|
+
}
|
|
2098
|
+
if (this.button.icon === undefined) {
|
|
2099
|
+
this.button.icon = 'tune';
|
|
2100
|
+
}
|
|
2101
|
+
if (this.button.style === undefined) {
|
|
2102
|
+
this.button.style = exports.ButtonStyle.Raised;
|
|
2103
|
+
}
|
|
2104
|
+
if (this.button.color === undefined) {
|
|
2105
|
+
this.button.color = 'default';
|
|
2106
|
+
}
|
|
2107
|
+
if (this.clear === undefined) {
|
|
2108
|
+
this.clear = function () { };
|
|
2109
|
+
}
|
|
2110
|
+
};
|
|
2111
|
+
return FsFilterConfig;
|
|
2112
|
+
}());
|
|
2113
|
+
|
|
2114
2114
|
var FsFilterItemsStore = /** @class */ (function () {
|
|
2115
2115
|
function FsFilterItemsStore() {
|
|
2116
2116
|
this.sortByItem = null;
|
|
@@ -2308,7 +2308,16 @@
|
|
|
2308
2308
|
}
|
|
2309
2309
|
return params;
|
|
2310
2310
|
};
|
|
2311
|
-
FsFilterItemsStore.prototype.
|
|
2311
|
+
FsFilterItemsStore.prototype.init = function (p) {
|
|
2312
|
+
var _this = this;
|
|
2313
|
+
this._ready$
|
|
2314
|
+
.pipe(operators.take(1), operators.takeUntil(this._destroy$))
|
|
2315
|
+
.subscribe(function () {
|
|
2316
|
+
_this.items
|
|
2317
|
+
.forEach(function (item) {
|
|
2318
|
+
item.init(item);
|
|
2319
|
+
});
|
|
2320
|
+
});
|
|
2312
2321
|
this.items
|
|
2313
2322
|
.forEach(function (item) {
|
|
2314
2323
|
item.initValues(p[item.name]);
|
|
@@ -2361,7 +2370,7 @@
|
|
|
2361
2370
|
this.loadAsyncValues();
|
|
2362
2371
|
}
|
|
2363
2372
|
};
|
|
2364
|
-
FsFilterItemsStore.prototype.
|
|
2373
|
+
FsFilterItemsStore.prototype.updateItemsVisiblity = function () {
|
|
2365
2374
|
this.visibleItems = this.items
|
|
2366
2375
|
.filter(function (item) { return !item.isTypeKeyword && !item.hide; });
|
|
2367
2376
|
};
|
|
@@ -2417,7 +2426,7 @@
|
|
|
2417
2426
|
this.ready$
|
|
2418
2427
|
.pipe(operators.filter(function (state) { return state; }), operators.takeUntil(this._destroy$))
|
|
2419
2428
|
.subscribe(function () {
|
|
2420
|
-
_this.
|
|
2429
|
+
_this.updateItemsVisiblity();
|
|
2421
2430
|
_this._setKeywordItem();
|
|
2422
2431
|
});
|
|
2423
2432
|
};
|
|
@@ -3037,7 +3046,7 @@
|
|
|
3037
3046
|
this._listenItemsChange();
|
|
3038
3047
|
};
|
|
3039
3048
|
ExternalParamsController.prototype._initItemsValues = function () {
|
|
3040
|
-
this._itemsStore.
|
|
3049
|
+
this._itemsStore.init(this.params);
|
|
3041
3050
|
this._saveQueryParams();
|
|
3042
3051
|
this._savePersistedParams();
|
|
3043
3052
|
};
|
|
@@ -4028,7 +4037,7 @@
|
|
|
4028
4037
|
return AutocompleteComponent;
|
|
4029
4038
|
}(BaseItemComponent));
|
|
4030
4039
|
AutocompleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AutocompleteComponent, deps: [{ token: i0__namespace.KeyValueDiffers }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4031
|
-
AutocompleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AutocompleteComponent, selector: "filter-item-autocomplete", usesInheritance: true, ngImport: i0__namespace, template: "<fs-autocomplete\n
|
|
4040
|
+
AutocompleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AutocompleteComponent, selector: "filter-item-autocomplete", usesInheritance: true, ngImport: i0__namespace, template: "<fs-autocomplete\n [fsFilterFocusTrigger]=\"item\"\n [fetch]=\"fetch\"\n [displayWith]=\"displayWith\"\n [(ngModel)]=\"item.model\"\n [placeholder]=\"label\"\n [fetchOnFocus]=\"item.fetchOnFocus\"\n [showClear]=\"item.showClear\"\n name=\"item.name\">\n <ng-template fsAutocompleteTemplate let-data=\"data\">\n {{data.name}}\n </ng-template>\n</fs-autocomplete>\n", components: [{ type: i4__namespace$1.FsAutocompleteComponent, selector: "fs-autocomplete", inputs: ["fetch", "placeholder", "displayWith", "fetchOnFocus", "readonly", "required", "disabled", "hint", "panelWidth", "panelClass", "showClear"], outputs: ["cleared"] }], directives: [{ type: FocusToItemDirective, selector: "[fsFilterFocusTrigger]", inputs: ["fsFilterFocusTrigger", "focusTargetType"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4__namespace$1.FsAutocompleteTemplateDirective, selector: "[fsAutocompleteTemplate]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4032
4041
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AutocompleteComponent, decorators: [{
|
|
4033
4042
|
type: i0.Component,
|
|
4034
4043
|
args: [{
|
|
@@ -4076,7 +4085,7 @@
|
|
|
4076
4085
|
return AutocompletechipsComponent;
|
|
4077
4086
|
}(BaseItemComponent));
|
|
4078
4087
|
AutocompletechipsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AutocompletechipsComponent, deps: [{ token: i0__namespace.KeyValueDiffers }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4079
|
-
AutocompletechipsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AutocompletechipsComponent, selector: "filter-item-autocompletechips", usesInheritance: true, ngImport: i0__namespace, template: "<fs-autocomplete-chips\n [fsFilterFocusTrigger]=\"item\"\n [fetch]=\"fetch\"\n [ngModel]=\"item.model\"\n (selected)=\"addAutocompleteChipItem($event)\"\n (removed)=\"removeAutocompleteChipItem($event)\"\n (clear)=\"clearAutocompleteChipItem()\"\n (click)=\"clicked()\"\n [allowText]=\"false\"\n [fetchOnFocus]=\"item.fetchOnFocus\"\n [placeholder]=\"label\"\n [chipImage]=\"item.chipImage\"\n [chipColor]=\"chipColor\"\n [chipIconColor]=\"chipIcon\"\n [chipBackground]=\"chipBackground\"\n [chipIcon]=\"item.chipIcon\"\n [chipClass]=\"item.chipClass\"\n [allowClear]=\"item.
|
|
4088
|
+
AutocompletechipsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AutocompletechipsComponent, selector: "filter-item-autocompletechips", usesInheritance: true, ngImport: i0__namespace, template: "<fs-autocomplete-chips\n [fsFilterFocusTrigger]=\"item\"\n [fetch]=\"fetch\"\n [ngModel]=\"item.model\"\n (selected)=\"addAutocompleteChipItem($event)\"\n (removed)=\"removeAutocompleteChipItem($event)\"\n (clear)=\"clearAutocompleteChipItem()\"\n (click)=\"clicked()\"\n [allowText]=\"false\"\n [fetchOnFocus]=\"item.fetchOnFocus\"\n [placeholder]=\"label\"\n [chipImage]=\"item.chipImage\"\n [chipColor]=\"chipColor\"\n [chipIconColor]=\"chipIcon\"\n [chipBackground]=\"chipBackground\"\n [chipIcon]=\"item.chipIcon\"\n [chipClass]=\"item.chipClass\"\n [allowClear]=\"item.showClear\"\n [removable]=\"item.showClear\"\n [compareWith]=\"compareItems\"\n [panelWidth]=\"300\"\n name=\"model\">\n <ng-template fsAutocompleteObject let-object=\"object\">\n {{ object.name }}\n </ng-template>\n</fs-autocomplete-chips>\n\n<!--<mat-form-field floatLabel=\"auto\">\n <mat-label>{{item.label}}</mat-label>\n <mat-chip-list #chipList>\n <mat-chip *ngFor=\"let item of item.model\"\n (removed)=\"removeAutocompleteChipItem(item)\">\n {{ item.name }}\n <mat-icon matChipRemove>cancel</mat-icon>\n </mat-chip>\n\n <input #chipsInput\n type=\"text\"\n matInput\n [(ngModel)]=\"item.selectedValue\"\n (ngModelChange)=\"onAutocompleteChipsChange(chipsInput)\"\n [name]=\"item.name\"\n [matChipInputFor]=\"chipList\"\n [matAutocomplete]=\"autocompleteChipsInput\">\n </mat-chip-list>\n\n <mat-autocomplete #autocompleteChipsInput=\"matAutocomplete\"\n (optionSelected)=\"addAutocompleteChipItem( $event)\"\n >\n <mat-option *ngFor=\"let item of item.values$ | async\" [value]=\"item\">\n {{ item.name }}\n </mat-option>\n </mat-autocomplete>\n <mat-placeholder *ngIf=\"inline\">{{ item.label }}</mat-placeholder>\n</mat-form-field>-->\n", components: [{ type: i5__namespace.FsAutocompleteChipsComponent, selector: "fs-autocomplete-chips", inputs: ["fetch", "readonly", "size", "placeholder", "chipImage", "chipBackground", "chipColor", "chipIcon", "chipIconColor", "chipClass", "hint", "allowText", "allowObject", "delay", "validateText", "removable", "allowClear", "color", "background", "orderable", "limit", "initOnClick", "fetchOnFocus", "multiple", "confirm", "panelClass", "compareWith", "disabled", "panelWidth"], outputs: ["selected", "removed", "reordered", "clear"] }], directives: [{ type: FocusToItemDirective, selector: "[fsFilterFocusTrigger]", inputs: ["fsFilterFocusTrigger", "focusTargetType"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5__namespace.FsAutocompleteObjectDirective, selector: "[fsAutocompleteObject],[fsAutocompleteChipsTemplate]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4080
4089
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AutocompletechipsComponent, decorators: [{
|
|
4081
4090
|
type: i0.Component,
|
|
4082
4091
|
args: [{
|
|
@@ -4113,7 +4122,7 @@
|
|
|
4113
4122
|
return DateComponent;
|
|
4114
4123
|
}(BaseItemComponent));
|
|
4115
4124
|
DateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DateComponent, deps: [{ token: i0__namespace.KeyValueDiffers }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4116
|
-
DateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateComponent, selector: "filter-item-date", usesInheritance: true, ngImport: i0__namespace, template: "<mat-form-field *ngIf=\"item.mode===itemDateMode.Calendar; else elseMode\">\n <mat-label>{{item.label}}</mat-label>\n <input matInput\n fsDatePicker\n [fsFilterFocusTrigger]=\"item\"\n [(ngModel)]=\"item.model\"\n [maxYear]=\"item.maxYear\"\n [view]=\"viewType\"\n [clear]=\"item.
|
|
4125
|
+
DateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateComponent, selector: "filter-item-date", usesInheritance: true, ngImport: i0__namespace, template: "<mat-form-field *ngIf=\"item.mode===itemDateMode.Calendar; else elseMode\">\n <mat-label>{{item.label}}</mat-label>\n <input matInput\n fsDatePicker\n [fsFilterFocusTrigger]=\"item\"\n [(ngModel)]=\"item.model\"\n [maxYear]=\"item.maxYear\"\n [view]=\"viewType\"\n [clear]=\"item.showClear\"\n [name]=\"item.name\">\n <mat-placeholder *ngIf=\"inline\">{{ item.label }}</mat-placeholder>\n</mat-form-field>\n\n<ng-template #elseMode>\n <mat-form-field>\n <mat-label>{{item.label}}</mat-label>\n <input matInput\n fsDateScrollPicker\n [fsFilterFocusTrigger]=\"item\"\n [(ngModel)]=\"item.model\"\n [maxYear]=\"item.maxYear\"\n [showMonth]=\"showMonth\"\n [showDay]=\"showDay\"\n [showYear]=\"showYear\"\n [clear]=\"item.showClear\"\n [name]=\"item.name\">\n <mat-placeholder *ngIf=\"inline\">{{ item.label }}</mat-placeholder>\n </mat-form-field>\n</ng-template>\n", components: [{ type: i1__namespace$3.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace$3.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { type: i3__namespace$3.FsDateScrollPickerComponent, selector: "[fsDateScrollPicker]", inputs: ["minYear", "maxYear", "maxDate", "showMonth", "showYear", "showDay"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$3.MatLabel, selector: "mat-label" }, { type: i3__namespace$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i4__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: FocusToItemDirective, selector: "[fsFilterFocusTrigger]", inputs: ["fsFilterFocusTrigger", "focusTargetType"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$3.MatPlaceholder, selector: "mat-placeholder" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4117
4126
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DateComponent, decorators: [{
|
|
4118
4127
|
type: i0.Component,
|
|
4119
4128
|
args: [{
|
|
@@ -4143,7 +4152,7 @@
|
|
|
4143
4152
|
return DateRangeComponent;
|
|
4144
4153
|
}(BaseItemComponent));
|
|
4145
4154
|
DateRangeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DateRangeComponent, deps: [{ token: i0__namespace.KeyValueDiffers }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4146
|
-
DateRangeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateRangeComponent, selector: "filter-item-date-range", usesInheritance: true, ngImport: i0__namespace, template: "<mat-form-field>\n <mat-label>{{item.label[0]}}</mat-label>\n <input\n matInput\n [fsFilterFocusTrigger]=\"item\"\n [focusTargetType]=\"'from'\"\n [fsDateRangeFrom]=\"item.name\"\n [(ngModel)]=\"item.model.from\"\n (ngModelChange)=\"itemChange()\"\n [clear]=\"item.
|
|
4155
|
+
DateRangeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateRangeComponent, selector: "filter-item-date-range", usesInheritance: true, ngImport: i0__namespace, template: "<mat-form-field>\n <mat-label>{{item.label[0]}}</mat-label>\n <input\n matInput\n [fsFilterFocusTrigger]=\"item\"\n [focusTargetType]=\"'from'\"\n [fsDateRangeFrom]=\"item.name\"\n [(ngModel)]=\"item.model.from\"\n (ngModelChange)=\"itemChange()\"\n [clear]=\"item.showClear\"\n [view]=\"viewType\"\n name=\"date_from\">\n</mat-form-field>\n\n<mat-form-field>\n <mat-label>{{item.label[1]}}</mat-label>\n <input\n matInput\n [fsFilterFocusTrigger]=\"item\"\n [focusTargetType]=\"'to'\"\n [fsDateRangeTo]=\"item.name\"\n [(ngModel)]=\"item.model.to\"\n (ngModelChange)=\"itemChange()\"\n [clear]=\"item.showClear\"\n [view]=\"viewType\"\n name=\"date_to\">\n</mat-form-field>\n", components: [{ type: i1__namespace$3.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace$3.DateRangePickerFromComponent, selector: "[fsDateRangeFrom],[fsDateRangeFromPicker]", inputs: ["fsDateRangeFrom", "fsDateRangeFromPicker"] }, { type: i3__namespace$3.DateRangePickerToComponent, selector: "[fsDateRangeTo],[fsDateRangeToPicker]", inputs: ["fsDateRangeTo", "fsDateRangeToPicker"] }], directives: [{ type: i1__namespace$3.MatLabel, selector: "mat-label" }, { type: i3__namespace$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i4__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: FocusToItemDirective, selector: "[fsFilterFocusTrigger]", inputs: ["fsFilterFocusTrigger", "focusTargetType"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4147
4156
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DateRangeComponent, decorators: [{
|
|
4148
4157
|
type: i0.Component,
|
|
4149
4158
|
args: [{
|
|
@@ -4165,7 +4174,7 @@
|
|
|
4165
4174
|
return WeekComponent;
|
|
4166
4175
|
}(BaseItemComponent));
|
|
4167
4176
|
WeekComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: WeekComponent, deps: [{ token: i0__namespace.KeyValueDiffers }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4168
|
-
WeekComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WeekComponent, selector: "filter-item-week", usesInheritance: true, ngImport: i0__namespace, template: "<mat-form-field>\n <mat-label>{{item.label}}</mat-label>\n <input matInput\n fsDateWeekPicker\n [fsFilterFocusTrigger]=\"item\"\n [(ngModel)]=\"item.model\"\n [seedDate]=\"item.seedDate\"\n [clear]=\"item.
|
|
4177
|
+
WeekComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: WeekComponent, selector: "filter-item-week", usesInheritance: true, ngImport: i0__namespace, template: "<mat-form-field>\n <mat-label>{{item.label}}</mat-label>\n <input matInput\n fsDateWeekPicker\n [fsFilterFocusTrigger]=\"item\"\n [(ngModel)]=\"item.model\"\n [seedDate]=\"item.seedDate\"\n [clear]=\"item.showClear\"\n [name]=\"item.name\">\n <mat-placeholder *ngIf=\"inline\">{{ item.label }}</mat-placeholder>\n</mat-form-field>\n", components: [{ type: i1__namespace$3.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace$3.FsDateWeekPickerComponent, selector: "[fsDateWeekPicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "seedDate", "period", "view"], outputs: ["change"] }], directives: [{ type: i1__namespace$3.MatLabel, selector: "mat-label" }, { type: i3__namespace$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i4__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: FocusToItemDirective, selector: "[fsFilterFocusTrigger]", inputs: ["fsFilterFocusTrigger", "focusTargetType"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$3.MatPlaceholder, selector: "mat-placeholder" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4169
4178
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: WeekComponent, decorators: [{
|
|
4170
4179
|
type: i0.Component,
|
|
4171
4180
|
args: [{
|
|
@@ -4408,7 +4417,7 @@
|
|
|
4408
4417
|
return FilterDrawerComponent;
|
|
4409
4418
|
}());
|
|
4410
4419
|
FilterDrawerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FilterDrawerComponent, deps: [{ token: ExternalParamsController }, { token: i0__namespace.ChangeDetectorRef }, { token: FsFilterItemsStore }, { token: FILTER_DRAWER_OVERLAY }, { token: FILTER_DRAWER_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4411
|
-
FilterDrawerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterDrawerComponent, selector: "ng-component", inputs: { inline: "inline" }, host: { listeners: { "window:resize": "updateWindowWidth()" } }, ngImport: i0__namespace, template: "<div class=\"filters\">\n <div class=\"filters-wrap\">\n\n <div class=\"filter-by\">\n <mat-icon>tune</mat-icon>\n <span class=\"text\">Filters</span>\n </div>\n\n <div class=\"overflow-shadow filter-items\">\n <div class=\"overflow-shadow-content\">\n <ng-container *fsSkeleton=\"(externalParams.pending$ | async) !== true\">\n <filter-item *ngFor=\"let filterItem of items$ | async\"\n
|
|
4420
|
+
FilterDrawerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterDrawerComponent, selector: "ng-component", inputs: { inline: "inline" }, host: { listeners: { "window:resize": "updateWindowWidth()" } }, ngImport: i0__namespace, template: "<div class=\"filters\">\n <div class=\"filters-wrap\">\n\n <div class=\"filter-by\">\n <mat-icon>tune</mat-icon>\n <span class=\"text\">Filters</span>\n </div>\n\n <div class=\"overflow-shadow filter-items\">\n <div class=\"overflow-shadow-content\">\n <ng-container *fsSkeleton=\"(externalParams.pending$ | async) !== true\">\n <filter-item \n *ngFor=\"let filterItem of items$ | async\"\n class=\"filter-group\"\n [item]=\"filterItem\">\n </filter-item>\n\n <ng-container *ngIf=\"sortItem && sortItem.values && sortItem.values.length > 0\">\n <filter-item \n class=\"filter-group sort\"\n [item]=\"sortItem\">\n </filter-item>\n <filter-item \n class=\"filter-group sort\"\n [item]=\"sortDirectionItem\">\n </filter-item>\n </ng-container>\n </ng-container>\n </div>\n </div>\n\n <fs-filter-drawer-actions \n class=\"filter-actions\"\n *ngIf=\"(externalParams.pending$ | async) !== true\"\n (clear)=\"clear()\"\n (done)=\"done()\">\n </fs-filter-drawer-actions>\n </div>\n</div>\n<div class=\"backdrop\" *ngIf=\"!windowDesktop\" (click)=\"backdropClick()\"></div>\n", styles: [":host ::ng-deep mat-form-field{width:100%}.filter-by{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:20px 25px}.filter-by mat-icon{margin-right:8px}.filter-by .text{font-weight:400;font-size:19px}.filter-actions{display:block;box-sizing:border-box;padding:13px}.filter-actions button{margin-right:6px}.filter-actions button:last-child{margin-right:0}.filters{position:fixed;display:block;top:0;right:0;z-index:1002;bottom:0}.filters .filters-wrap{background:#fff;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;width:85vw;max-width:350px;display:flex;flex-direction:column;height:100%;padding-top:calc(env(safe-area-inset-top))}.filters .filters-wrap .filter-items{overflow-y:auto}.filters .filters-wrap .filter-items .overflow-shadow-content{padding:0 25px;box-sizing:border-box}.filters .filter-group{margin:10px 0 0}.filters .filter-group:first-child{margin:0}.filters .filter label{white-space:nowrap;color:#0000008a}.filters .filter .interface.interface-range input,.filters .filter .interface.interface-range .mat-input-wrapper{text-align:center}.filters .filter .interface.interface-range{text-align:center}.filters .filter .interface.interface-datetime fs-datetime.has-time .md-input{width:100%}.filters .filter .interface fs-datetime-range input{text-align:center}.filters .filter .filter-label{width:1%;white-space:nowrap;vertical-align:middle;padding-right:15px}.filters md-autocomplete-container md-input-container{margin:0}.filters .isolate{margin-top:-12px}.filters .isolate .interface{line-height:20px;padding-bottom:1.25em}.filters .isolate md-checkbox{margin:0 0 0 2px}.backdrop{position:fixed;top:0;bottom:0;left:0;right:0;z-index:900;outline:none}\n"], components: [{ type: i2__namespace$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: FilterItemComponent, selector: "filter-item", inputs: ["item"] }, { type: FsFilterDrawerActionsComponent, selector: "fs-filter-drawer-actions", outputs: ["clear", "done"] }], directives: [{ type: i6__namespace$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4412
4421
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FilterDrawerComponent, decorators: [{
|
|
4413
4422
|
type: i0.Component,
|
|
4414
4423
|
args: [{
|
|
@@ -4783,7 +4792,7 @@
|
|
|
4783
4792
|
return FsFilterChipComponent;
|
|
4784
4793
|
}());
|
|
4785
4794
|
FsFilterChipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFilterChipComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: FocusControllerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
4786
|
-
FsFilterChipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsFilterChipComponent, selector: "fs-filter-chip", inputs: { item: "item" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!item.hasPendingValues || (chipDelayedRender$ | async)\">\n <ng-container *ngIf=\"rangeItem; else defaultChip\">\n <fs-chip\n *ngIf=\"item.model?.min || item.model?.from\"\n [value]=\"item\"\n [selectable]=\"false\"\n [removable]=\"item.
|
|
4795
|
+
FsFilterChipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsFilterChipComponent, selector: "fs-filter-chip", inputs: { item: "item" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!item.hasPendingValues || (chipDelayedRender$ | async)\">\n <ng-container *ngIf=\"rangeItem; else defaultChip\">\n <fs-chip\n *ngIf=\"item.model?.min || item.model?.from\"\n [value]=\"item\"\n [selectable]=\"false\"\n [removable]=\"item.showClear\"\n size=\"small\"\n (click)=\"focusOnItem('from')\"\n (removed)=\"removeItem($event, 'from')\">\n <ng-template\n [ngTemplateOutlet]=\"chipContent\"\n [ngTemplateOutletContext]=\"{ item: item, type: 'from' }\"\n ></ng-template>\n </fs-chip>\n\n <fs-chip\n *ngIf=\"item.model?.max || item.model?.to\"\n [value]=\"item\"\n [selectable]=\"false\"\n [removable]=\"item.showClear\"\n size=\"small\"\n (click)=\"focusOnItem('to')\"\n (removed)=\"removeItem($event, 'to')\">\n <ng-template\n [ngTemplateOutlet]=\"chipContent\"\n [ngTemplateOutletContext]=\"{ item: item, type: 'to' }\"\n ></ng-template>\n </fs-chip>\n\n </ng-container>\n\n <ng-template #defaultChip>\n <fs-chip\n *ngIf=\"itemVisible\"\n [value]=\"item\"\n [selectable]=\"false\"\n [removable]=\"item.showClear\"\n size=\"small\"\n (click)=\"focusOnItem()\"\n (removed)=\"removeItem($event)\">\n <ng-template\n [ngTemplateOutlet]=\"chipContent\"\n [ngTemplateOutletContext]=\"{ item: item }\"\n ></ng-template>\n </fs-chip>\n </ng-template>\n\n <ng-template #chipContent let-item=\"item\" let-type=\"type\">\n <ng-container *ngIf=\"!item.hasPendingValues && !item.loading; else lodaingValues\">\n <fs-filter-chip-content [item]=\"item\" [type]=\"type\"></fs-filter-chip-content>\n </ng-container>\n\n <ng-template #lodaingValues>\n Loading...\n </ng-template>\n </ng-template>\n</ng-container>\n\n", styles: ["fs-chip{cursor:pointer;color:#6f6f6f}\n"], components: [{ type: i2__namespace$1.FsChipComponent, selector: "fs-chip", inputs: ["size", "value", "backgroundColor", "borderColor", "color", "outlined", "removable", "selectable", "selected", "image"], outputs: ["selectedToggled", "removed"] }, { type: FsFilterChipContentComponent, selector: "fs-filter-chip-content", inputs: ["item", "type"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i3__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
4787
4796
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsFilterChipComponent, decorators: [{
|
|
4788
4797
|
type: i0.Component,
|
|
4789
4798
|
args: [{
|
|
@@ -5125,7 +5134,7 @@
|
|
|
5125
5134
|
var item = this.getItem(name);
|
|
5126
5135
|
if (item) {
|
|
5127
5136
|
item.hide = false;
|
|
5128
|
-
this._filterItems.
|
|
5137
|
+
this._filterItems.updateItemsVisiblity();
|
|
5129
5138
|
}
|
|
5130
5139
|
};
|
|
5131
5140
|
FilterComponent.prototype.hideItem = function (name) {
|
|
@@ -5134,7 +5143,7 @@
|
|
|
5134
5143
|
return;
|
|
5135
5144
|
}
|
|
5136
5145
|
item.hide = true;
|
|
5137
|
-
this._filterItems.
|
|
5146
|
+
this._filterItems.updateItemsVisiblity();
|
|
5138
5147
|
};
|
|
5139
5148
|
FilterComponent.prototype.clearItem = function (name) {
|
|
5140
5149
|
var item = this.getItem(name);
|
|
@@ -5151,7 +5160,7 @@
|
|
|
5151
5160
|
}
|
|
5152
5161
|
item.label = (_a = params.label) !== null && _a !== void 0 ? _a : item.label;
|
|
5153
5162
|
item.chipLabel = (_b = params.chipLabel) !== null && _b !== void 0 ? _b : item.chipLabel;
|
|
5154
|
-
this._filterItems.
|
|
5163
|
+
this._filterItems.updateItemsVisiblity();
|
|
5155
5164
|
};
|
|
5156
5165
|
FilterComponent.prototype.getItemValueChange$ = function (name) {
|
|
5157
5166
|
var item = this.items.find(function (i) { return i.name === name; });
|