@firestitch/filter 12.10.0 → 12.10.2
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/components/filter/filter.component.d.ts +3 -0
- package/app/components/filters-item/base-item/base-item.component.d.ts +4 -2
- package/app/components/filters-item/date/date.component.d.ts +2 -1
- package/app/components/filters-item/date-range/date-range.component.d.ts +2 -1
- package/app/components/filters-item/filter-item.component.d.ts +24 -0
- package/app/components/filters-item/select/select.component.d.ts +8 -1
- package/app/enums/picker-view-type.enum.d.ts +7 -0
- package/app/models/items/select/simple-select-item.d.ts +1 -0
- package/bundles/firestitch-filter.umd.js +167 -11
- package/bundles/firestitch-filter.umd.js.map +1 -1
- package/esm2015/app/components/filter/filter.component.js +14 -1
- 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/base-item/base-item.component.js +12 -2
- package/esm2015/app/components/filters-item/date/date.component.js +5 -4
- package/esm2015/app/components/filters-item/date-range/date-range.component.js +5 -4
- package/esm2015/app/components/filters-item/filter-item.component.js +38 -2
- package/esm2015/app/components/filters-item/select/select.component.js +13 -2
- package/esm2015/app/enums/picker-view-type.enum.js +9 -0
- package/esm2015/app/models/items/select/simple-select-item.js +6 -1
- package/fesm2015/firestitch-filter.js +95 -11
- package/fesm2015/firestitch-filter.js.map +1 -1
- package/package.json +1 -1
|
@@ -21,6 +21,42 @@ export class FilterItemComponent {
|
|
|
21
21
|
this._destroy$ = new Subject();
|
|
22
22
|
this.itemType = ItemType;
|
|
23
23
|
}
|
|
24
|
+
get textItem() {
|
|
25
|
+
return this.item;
|
|
26
|
+
}
|
|
27
|
+
get chipsItem() {
|
|
28
|
+
return this.item;
|
|
29
|
+
}
|
|
30
|
+
get baseSelectItem() {
|
|
31
|
+
return this.item;
|
|
32
|
+
}
|
|
33
|
+
get rangeItem() {
|
|
34
|
+
return this.item;
|
|
35
|
+
}
|
|
36
|
+
get autocompleteItem() {
|
|
37
|
+
return this.item;
|
|
38
|
+
}
|
|
39
|
+
get autocompleteChipsItem() {
|
|
40
|
+
return this.item;
|
|
41
|
+
}
|
|
42
|
+
get dateItem() {
|
|
43
|
+
return this.item;
|
|
44
|
+
}
|
|
45
|
+
get dateRangeItem() {
|
|
46
|
+
return this.item;
|
|
47
|
+
}
|
|
48
|
+
get dateTimeItem() {
|
|
49
|
+
return this.item;
|
|
50
|
+
}
|
|
51
|
+
get dateTimeRangeItem() {
|
|
52
|
+
return this.item;
|
|
53
|
+
}
|
|
54
|
+
get weekItem() {
|
|
55
|
+
return this.item;
|
|
56
|
+
}
|
|
57
|
+
get checkboxItem() {
|
|
58
|
+
return this.item;
|
|
59
|
+
}
|
|
24
60
|
ngOnInit() {
|
|
25
61
|
this.item.value$
|
|
26
62
|
.pipe(takeUntil(this._destroy$))
|
|
@@ -34,7 +70,7 @@ export class FilterItemComponent {
|
|
|
34
70
|
}
|
|
35
71
|
}
|
|
36
72
|
FilterItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
FilterItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterItemComponent, selector: "filter-item", inputs: { item: "item" }, ngImport: i0, template: "<div class=\"filter filter-{{ item.type }}\">\n\n <ng-container [ngSwitch]=\"item.type\">\n <filter-item-text class=\"interface\"\n *ngSwitchCase=\"itemType.Text\"\n [item]=\"
|
|
73
|
+
FilterItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterItemComponent, selector: "filter-item", inputs: { item: "item" }, ngImport: i0, template: "<div class=\"filter filter-{{ item.type }}\">\n\n <ng-container [ngSwitch]=\"item.type\">\n <filter-item-text class=\"interface\"\n *ngSwitchCase=\"itemType.Text\"\n [item]=\"textItem\">\n </filter-item-text>\n\n <filter-item-select class=\"interface\"\n *ngSwitchCase=\"itemType.Select\"\n [item]=\"baseSelectItem\">\n </filter-item-select>\n\n <filter-item-chips class=\"interface\"\n *ngSwitchCase=\"itemType.Chips\"\n [item]=\"chipsItem\">\n </filter-item-chips>\n\n <filter-item-range class=\"interface interface-range\"\n *ngSwitchCase=\"itemType.Range\"\n [item]=\"rangeItem\">\n </filter-item-range>\n\n <filter-item-autocomplete class=\"interface\"\n *ngSwitchCase=\"itemType.AutoComplete\"\n [item]=\"autocompleteItem\">\n </filter-item-autocomplete>\n\n <filter-item-autocompletechips class=\"interface\"\n *ngSwitchCase=\"itemType.AutoCompleteChips\"\n [item]=\"autocompleteChipsItem\">\n </filter-item-autocompletechips>\n\n <filter-item-date class=\"interface interface-date\"\n *ngSwitchCase=\"itemType.Date\"\n [item]=\"dateItem\">\n </filter-item-date>\n\n <filter-item-date class=\"interface interface-date\"\n *ngSwitchCase=\"itemType.DateTime\"\n [item]=\"dateTimeItem\">\n </filter-item-date>\n\n <filter-item-date-range class=\"interface interface-date\"\n *ngSwitchCase=\"itemType.DateRange\"\n [item]=\"dateRangeItem\">\n </filter-item-date-range>\n\n <filter-item-date-range class=\"interface interface-date\"\n *ngSwitchCase=\"itemType.DateTimeRange\"\n [item]=\"dateTimeRangeItem\">\n </filter-item-date-range>\n\n <filter-item-week class=\"interface\"\n *ngSwitchCase=\"itemType.Week\"\n [item]=\"weekItem\">\n </filter-item-week>\n\n <filter-item-checkbox class=\"interface interface-checkbox\"\n *ngSwitchCase=\"itemType.Checkbox\"\n [item]=\"checkboxItem\">\n </filter-item-checkbox>\n </ng-container>\n\n</div>\n", components: [{ type: i1.TextComponent, selector: "filter-item-text" }, { type: i2.SelectComponent, selector: "filter-item-select" }, { type: i3.ChipsComponent, selector: "filter-item-chips" }, { type: i4.RangeComponent, selector: "filter-item-range" }, { type: i5.AutocompleteComponent, selector: "filter-item-autocomplete" }, { type: i6.AutocompletechipsComponent, selector: "filter-item-autocompletechips" }, { type: i7.DateComponent, selector: "filter-item-date" }, { type: i8.DateRangeComponent, selector: "filter-item-date-range" }, { type: i9.WeekComponent, selector: "filter-item-week" }, { type: i10.CheckboxComponent, selector: "filter-item-checkbox" }], directives: [{ type: i11.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i11.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
74
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterItemComponent, decorators: [{
|
|
39
75
|
type: Component,
|
|
40
76
|
args: [{
|
|
@@ -45,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
45
81
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { item: [{
|
|
46
82
|
type: Input
|
|
47
83
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL2ZpbHRlcnMtaXRlbS9maWx0ZXItaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvZmlsdGVycy1pdGVtL2ZpbHRlci1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7Ozs7Ozs7OztBQW9CeEQsTUFBTSxPQUFPLG1CQUFtQjtJQXNEOUIsWUFBb0IsTUFBeUI7UUFBekIsV0FBTSxHQUFOLE1BQU0sQ0FBbUI7UUFGckMsY0FBUyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFtQmpDLGFBQVEsR0FBRyxRQUFRLENBQUM7SUFqQnFCLENBQUM7SUFsRGpELElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxJQUFnQixDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFXLFNBQVM7UUFDbEIsT0FBTyxJQUFJLENBQUMsSUFBaUIsQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBVyxjQUFjO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLElBQXNCLENBQUM7SUFDckMsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxJQUFpQixDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUFXLGdCQUFnQjtRQUN6QixPQUFPLElBQUksQ0FBQyxJQUF3QixDQUFDO0lBQ3ZDLENBQUM7SUFFRCxJQUFXLHFCQUFxQjtRQUM5QixPQUFPLElBQUksQ0FBQyxJQUE2QixDQUFDO0lBQzVDLENBQUM7SUFFRCxJQUFXLFFBQVE7UUFDakIsT0FBTyxJQUFJLENBQUMsSUFBZ0IsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBVyxhQUFhO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLElBQXFCLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQVcsWUFBWTtRQUNyQixPQUFPLElBQUksQ0FBQyxJQUFvQixDQUFDO0lBQ25DLENBQUM7SUFFRCxJQUFXLGlCQUFpQjtRQUMxQixPQUFPLElBQUksQ0FBQyxJQUF5QixDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUFXLFFBQVE7UUFDakIsT0FBTyxJQUFJLENBQUMsSUFBZ0IsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLElBQW9CLENBQUM7SUFDbkMsQ0FBQztJQU1NLFFBQVE7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU07YUFDYixJQUFJLENBQ0gsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FDMUI7YUFDQSxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM1QixDQUFDOztpSEFyRVUsbUJBQW1CO3FHQUFuQixtQkFBbUIsNkVDakNoQywwOEVBaUVBOzRGRGhDYSxtQkFBbUI7a0JBTC9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFdBQVcsRUFBRSw4QkFBOEI7b0JBQzNDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDt3R0FHaUIsSUFBSTtzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IEl0ZW1UeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvaXRlbS10eXBlLmVudW0nO1xuaW1wb3J0IHsgQmFzZUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvaXRlbXMvYmFzZS1pdGVtJztcbmltcG9ydCB7IENoaXBzSXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9pdGVtcy9jaGlwcy1pdGVtJztcbmltcG9ydCB7IFJhbmdlSXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9pdGVtcy9yYW5nZS1pdGVtJztcbmltcG9ydCB7IFRleHRJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2l0ZW1zL3RleHQtaXRlbSc7XG5pbXBvcnQgeyBBdXRvY29tcGxldGVJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2l0ZW1zL2F1dG9jb21wbGV0ZS1pdGVtJztcbmltcG9ydCB7IEF1dG9jb21wbGV0ZUNoaXBzSXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9pdGVtcy9hdXRvY29tcGxldGUtY2hpcHMtaXRlbSc7XG5pbXBvcnQgeyBEYXRlSXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9pdGVtcy9kYXRlLWl0ZW0nO1xuaW1wb3J0IHsgRGF0ZVRpbWVJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2l0ZW1zL2RhdGUtdGltZS1pdGVtJztcbmltcG9ydCB7IERhdGVSYW5nZUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvaXRlbXMvZGF0ZS1yYW5nZS1pdGVtJztcbmltcG9ydCB7IERhdGVUaW1lUmFuZ2VJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2l0ZW1zL2RhdGUtdGltZS1yYW5nZS1pdGVtJztcbmltcG9ydCB7IFdlZWtJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2l0ZW1zL3dlZWstaXRlbSc7XG5pbXBvcnQgeyBDaGVja2JveEl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvaXRlbXMvY2hlY2tib3gtaXRlbSc7XG5pbXBvcnQgeyBCYXNlU2VsZWN0SXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9pdGVtcy9zZWxlY3QvYmFzZS1zZWxlY3QtaXRlbSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmlsdGVyLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVySXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBASW5wdXQoKSBwdWJsaWMgaXRlbTogQmFzZUl0ZW08YW55PjtcblxuICBwdWJsaWMgZ2V0IHRleHRJdGVtKCk6IFRleHRJdGVtIHtcbiAgICByZXR1cm4gdGhpcy5pdGVtIGFzIFRleHRJdGVtO1xuICB9XG5cbiAgcHVibGljIGdldCBjaGlwc0l0ZW0oKTogQ2hpcHNJdGVtIHtcbiAgICByZXR1cm4gdGhpcy5pdGVtIGFzIENoaXBzSXRlbTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgYmFzZVNlbGVjdEl0ZW0oKTogQmFzZVNlbGVjdEl0ZW0ge1xuICAgIHJldHVybiB0aGlzLml0ZW0gYXMgQmFzZVNlbGVjdEl0ZW07XG4gIH1cblxuICBwdWJsaWMgZ2V0IHJhbmdlSXRlbSgpOiBSYW5nZUl0ZW0ge1xuICAgIHJldHVybiB0aGlzLml0ZW0gYXMgUmFuZ2VJdGVtO1xuICB9XG5cbiAgcHVibGljIGdldCBhdXRvY29tcGxldGVJdGVtKCk6IEF1dG9jb21wbGV0ZUl0ZW0ge1xuICAgIHJldHVybiB0aGlzLml0ZW0gYXMgQXV0b2NvbXBsZXRlSXRlbTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgYXV0b2NvbXBsZXRlQ2hpcHNJdGVtKCk6IEF1dG9jb21wbGV0ZUNoaXBzSXRlbSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbSBhcyBBdXRvY29tcGxldGVDaGlwc0l0ZW07XG4gIH1cblxuICBwdWJsaWMgZ2V0IGRhdGVJdGVtKCk6IERhdGVJdGVtIHtcbiAgICByZXR1cm4gdGhpcy5pdGVtIGFzIERhdGVJdGVtO1xuICB9XG5cbiAgcHVibGljIGdldCBkYXRlUmFuZ2VJdGVtKCk6IERhdGVSYW5nZUl0ZW0ge1xuICAgIHJldHVybiB0aGlzLml0ZW0gYXMgRGF0ZVJhbmdlSXRlbTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgZGF0ZVRpbWVJdGVtKCk6IERhdGVUaW1lSXRlbSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbSBhcyBEYXRlVGltZUl0ZW07XG4gIH1cblxuICBwdWJsaWMgZ2V0IGRhdGVUaW1lUmFuZ2VJdGVtKCk6IERhdGVUaW1lUmFuZ2VJdGVtIHtcbiAgICByZXR1cm4gdGhpcy5pdGVtIGFzIERhdGVUaW1lUmFuZ2VJdGVtO1xuICB9XG5cbiAgcHVibGljIGdldCB3ZWVrSXRlbSgpOiBXZWVrSXRlbSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbSBhcyBXZWVrSXRlbTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgY2hlY2tib3hJdGVtKCk6IENoZWNrYm94SXRlbSB7XG4gICAgcmV0dXJuIHRoaXMuaXRlbSBhcyBDaGVja2JveEl0ZW07XG4gIH1cblxuICBwcml2YXRlIF9kZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLml0ZW0udmFsdWUkXG4gICAgICAucGlwZShcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLl9jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX2Rlc3Ryb3kkLm5leHQoKTtcbiAgICB0aGlzLl9kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHVibGljIGl0ZW1UeXBlID0gSXRlbVR5cGU7XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmlsdGVyIGZpbHRlci17eyBpdGVtLnR5cGUgfX1cIj5cblxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJpdGVtLnR5cGVcIj5cbiAgICA8ZmlsdGVyLWl0ZW0tdGV4dCBjbGFzcz1cImludGVyZmFjZVwiXG4gICAgICAgICAgICAgICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIml0ZW1UeXBlLlRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgIFtpdGVtXT1cInRleHRJdGVtXCI+XG4gICAgPC9maWx0ZXItaXRlbS10ZXh0PlxuXG4gICAgPGZpbHRlci1pdGVtLXNlbGVjdCBjbGFzcz1cImludGVyZmFjZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiaXRlbVR5cGUuU2VsZWN0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpdGVtXT1cImJhc2VTZWxlY3RJdGVtXCI+XG4gICAgPC9maWx0ZXItaXRlbS1zZWxlY3Q+XG5cbiAgICA8ZmlsdGVyLWl0ZW0tY2hpcHMgY2xhc3M9XCJpbnRlcmZhY2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiaXRlbVR5cGUuQ2hpcHNcIlxuICAgICAgICAgICAgICAgICAgICAgICBbaXRlbV09XCJjaGlwc0l0ZW1cIj5cbiAgICA8L2ZpbHRlci1pdGVtLWNoaXBzPlxuXG4gICAgPGZpbHRlci1pdGVtLXJhbmdlIGNsYXNzPVwiaW50ZXJmYWNlIGludGVyZmFjZS1yYW5nZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCJpdGVtVHlwZS5SYW5nZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtpdGVtXT1cInJhbmdlSXRlbVwiPlxuICAgIDwvZmlsdGVyLWl0ZW0tcmFuZ2U+XG5cbiAgICA8ZmlsdGVyLWl0ZW0tYXV0b2NvbXBsZXRlIGNsYXNzPVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCJpdGVtVHlwZS5BdXRvQ29tcGxldGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2l0ZW1dPVwiYXV0b2NvbXBsZXRlSXRlbVwiPlxuICAgIDwvZmlsdGVyLWl0ZW0tYXV0b2NvbXBsZXRlPlxuXG4gICAgPGZpbHRlci1pdGVtLWF1dG9jb21wbGV0ZWNoaXBzIGNsYXNzPVwiaW50ZXJmYWNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIml0ZW1UeXBlLkF1dG9Db21wbGV0ZUNoaXBzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2l0ZW1dPVwiYXV0b2NvbXBsZXRlQ2hpcHNJdGVtXCI+XG4gICAgPC9maWx0ZXItaXRlbS1hdXRvY29tcGxldGVjaGlwcz5cblxuICAgIDxmaWx0ZXItaXRlbS1kYXRlIGNsYXNzPVwiaW50ZXJmYWNlIGludGVyZmFjZS1kYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiaXRlbVR5cGUuRGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2l0ZW1dPVwiZGF0ZUl0ZW1cIj5cbiAgICA8L2ZpbHRlci1pdGVtLWRhdGU+XG5cbiAgICA8ZmlsdGVyLWl0ZW0tZGF0ZSBjbGFzcz1cImludGVyZmFjZSBpbnRlcmZhY2UtZGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIml0ZW1UeXBlLkRhdGVUaW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICBbaXRlbV09XCJkYXRlVGltZUl0ZW1cIj5cbiAgICA8L2ZpbHRlci1pdGVtLWRhdGU+XG5cbiAgICA8ZmlsdGVyLWl0ZW0tZGF0ZS1yYW5nZSBjbGFzcz1cImludGVyZmFjZSBpbnRlcmZhY2UtZGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIml0ZW1UeXBlLkRhdGVSYW5nZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2l0ZW1dPVwiZGF0ZVJhbmdlSXRlbVwiPlxuICAgIDwvZmlsdGVyLWl0ZW0tZGF0ZS1yYW5nZT5cblxuICAgIDxmaWx0ZXItaXRlbS1kYXRlLXJhbmdlIGNsYXNzPVwiaW50ZXJmYWNlIGludGVyZmFjZS1kYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiaXRlbVR5cGUuRGF0ZVRpbWVSYW5nZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2l0ZW1dPVwiZGF0ZVRpbWVSYW5nZUl0ZW1cIj5cbiAgICA8L2ZpbHRlci1pdGVtLWRhdGUtcmFuZ2U+XG5cbiAgICA8ZmlsdGVyLWl0ZW0td2VlayBjbGFzcz1cImludGVyZmFjZVwiXG4gICAgICAgICAgICAgICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIml0ZW1UeXBlLldlZWtcIlxuICAgICAgICAgICAgICAgICAgICAgIFtpdGVtXT1cIndlZWtJdGVtXCI+XG4gICAgPC9maWx0ZXItaXRlbS13ZWVrPlxuXG4gICAgPGZpbHRlci1pdGVtLWNoZWNrYm94IGNsYXNzPVwiaW50ZXJmYWNlIGludGVyZmFjZS1jaGVja2JveFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCJpdGVtVHlwZS5DaGVja2JveFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpdGVtXT1cImNoZWNrYm94SXRlbVwiPlxuICAgIDwvZmlsdGVyLWl0ZW0tY2hlY2tib3g+XG4gIDwvbmctY29udGFpbmVyPlxuXG48L2Rpdj5cbiJdfQ==
|
|
@@ -16,6 +16,17 @@ export class SelectComponent extends BaseItemComponent {
|
|
|
16
16
|
// If _all has been selected than we must disable all other items
|
|
17
17
|
this.allItemsOptionSelected = false;
|
|
18
18
|
}
|
|
19
|
+
get multipleSelectItem() {
|
|
20
|
+
return this.item;
|
|
21
|
+
}
|
|
22
|
+
get simpleSelectItem() {
|
|
23
|
+
return this.item;
|
|
24
|
+
}
|
|
25
|
+
ngOnChanges(changes) {
|
|
26
|
+
if (changes.item) {
|
|
27
|
+
this.values$ = this.item.values$;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
19
30
|
ngDoCheck() {
|
|
20
31
|
if (this._kvDiffer) {
|
|
21
32
|
const changes = this._kvDiffer.diff(this.item);
|
|
@@ -29,7 +40,7 @@ export class SelectComponent extends BaseItemComponent {
|
|
|
29
40
|
}
|
|
30
41
|
}
|
|
31
42
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectComponent, deps: [{ token: i0.KeyValueDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
-
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SelectComponent, selector: "filter-item-select", viewQueries: [{ propertyName: "selectedItem", first: true, predicate: ["selectItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"(item.loading$ | async) else itemSelect\">\n <mat-form-field>\n <mat-label>{{item.label}}</mat-label>\n <mat-select disabled></mat-select>\n </mat-form-field>\n</ng-container>\n\n<ng-template #itemSelect>\n <ng-container *ngIf=\"(
|
|
43
|
+
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SelectComponent, selector: "filter-item-select", viewQueries: [{ propertyName: "selectedItem", first: true, predicate: ["selectItem"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"(item.loading$ | async) else itemSelect\">\n <mat-form-field>\n <mat-label>{{item.label}}</mat-label>\n <mat-select disabled></mat-select>\n </mat-form-field>\n</ng-container>\n\n<ng-template #itemSelect>\n <ng-container *ngIf=\"(values$ | async)?.length\">\n <ng-container *ngIf=\"item.multiple && !item.children\">\n <filter-item-select-multiple\n [item]=\"multipleSelectItem\"\n #selectItem>\n </filter-item-select-multiple>\n </ng-container>\n\n <ng-container *ngIf=\"!item.multiple && !item.children\">\n <filter-item-select-simple\n [item]=\"simpleSelectItem\"\n #selectItem>\n </filter-item-select-simple>\n </ng-container>\n\n <ng-container *ngIf=\"item.children\">\n <filter-item-select-groups\n [item]=\"item\"\n #selectItem>\n </filter-item-select-groups>\n </ng-container>\n </ng-container>\n</ng-template>\n", components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.SelectMultipleComponent, selector: "filter-item-select-multiple", inputs: ["item"] }, { type: i4.SelectSimpleComponent, selector: "filter-item-select-simple", inputs: ["item"] }, { type: i5.SelectGroupsComponent, selector: "filter-item-select-groups", inputs: ["item"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatLabel, selector: "mat-label" }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
33
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectComponent, decorators: [{
|
|
34
45
|
type: Component,
|
|
35
46
|
args: [{
|
|
@@ -41,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
41
52
|
type: ViewChild,
|
|
42
53
|
args: ['selectItem']
|
|
43
54
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9maWx0ZXJzLWl0ZW0vc2VsZWN0L3NlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvZmlsdGVycy1pdGVtL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsZUFBZSxFQUNmLFNBQVMsRUFDVCxTQUFTLEdBR1YsTUFBTSxlQUFlLENBQUM7QUFJdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7Ozs7O0FBWXJFLE1BQU0sT0FBTyxlQUFnQixTQUFRLGlCQUFpQztJQWtCcEUsWUFDWSxVQUEyQixFQUMzQixHQUFzQjtRQUVoQyxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBSGIsZUFBVSxHQUFWLFVBQVUsQ0FBaUI7UUFDM0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFoQmxDLDZEQUE2RDtRQUM3RCxpRUFBaUU7UUFDMUQsMkJBQXNCLEdBQUcsS0FBSyxDQUFDO0lBaUJ0QyxDQUFDO0lBZkQsSUFBVyxrQkFBa0I7UUFDM0IsT0FBTyxJQUFJLENBQUMsSUFBMEIsQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFBVyxnQkFBZ0I7UUFDekIsT0FBTyxJQUFJLENBQUMsSUFBd0IsQ0FBQztJQUN2QyxDQUFDO0lBV00sV0FBVyxDQUFDLE9BQXNCO1FBQ3ZDLElBQUksT0FBTyxDQUFDLElBQUksRUFBRTtZQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBZ0MsQ0FBQztTQUMzRDtJQUNILENBQUM7SUFFTSxTQUFTO1FBQ2QsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUUvQyxJQUFJLE9BQU8sRUFBRTtnQkFDWCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO2dCQUV4QixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7b0JBQ3JCLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDO2lCQUNyQzthQUNGO1NBQ0Y7SUFDSCxDQUFDOzs2R0EzQ1UsZUFBZTtpR0FBZixlQUFlLGtOQ3hCNUIsZzdCQStCQTs0RkRQYSxlQUFlO2tCQUwzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSx5QkFBeUI7b0JBQ3RDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDtzSUFJUSxZQUFZO3NCQURsQixTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIEtleVZhbHVlRGlmZmVycyxcbiAgQ29tcG9uZW50LFxuICBWaWV3Q2hpbGQsXG4gIERvQ2hlY2ssXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEJhc2VJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1pdGVtL2Jhc2UtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2VsZWN0U2ltcGxlQ29tcG9uZW50IH0gZnJvbSAnLi9zaW1wbGUvc2ltcGxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTZWxlY3RNdWx0aXBsZUNvbXBvbmVudCB9IGZyb20gJy4vbXVsdGlwbGUvbXVsdGlwbGUuY29tcG9uZW50JztcbmltcG9ydCB7IEJhc2VTZWxlY3RJdGVtIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL2l0ZW1zL3NlbGVjdC9iYXNlLXNlbGVjdC1pdGVtJztcbmltcG9ydCB7IE11bHRpcGxlU2VsZWN0SXRlbSB9IGZyb20gJy4uLy4uLy4uL21vZGVscy9pdGVtcy9zZWxlY3QvbXVsdGlwbGUtc2VsZWN0LWl0ZW0nO1xuaW1wb3J0IHsgU2ltcGxlU2VsZWN0SXRlbSB9IGZyb20gJy4uLy4uLy4uL21vZGVscy9pdGVtcy9zZWxlY3Qvc2ltcGxlLXNlbGVjdC1pdGVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmlsdGVyLWl0ZW0tc2VsZWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RDb21wb25lbnQgZXh0ZW5kcyBCYXNlSXRlbUNvbXBvbmVudDxCYXNlU2VsZWN0SXRlbT4gaW1wbGVtZW50cyBEb0NoZWNrIHtcblxuICBAVmlld0NoaWxkKCdzZWxlY3RJdGVtJylcbiAgcHVibGljIHNlbGVjdGVkSXRlbTogU2VsZWN0U2ltcGxlQ29tcG9uZW50IHwgU2VsZWN0TXVsdGlwbGVDb21wb25lbnQ7XG4gIC8vIEZvciBjYXNlIHdoZW4gd2UgaGF2ZSBtdWx0aXBsZSBzZWxlY3Rpb24gd2l0aCBfX2FsbCBvcHRpb25cbiAgLy8gSWYgX2FsbCBoYXMgYmVlbiBzZWxlY3RlZCB0aGFuIHdlIG11c3QgZGlzYWJsZSBhbGwgb3RoZXIgaXRlbXNcbiAgcHVibGljIGFsbEl0ZW1zT3B0aW9uU2VsZWN0ZWQgPSBmYWxzZTtcblxuICBwdWJsaWMgZ2V0IG11bHRpcGxlU2VsZWN0SXRlbSgpOiBNdWx0aXBsZVNlbGVjdEl0ZW0ge1xuICAgIHJldHVybiB0aGlzLml0ZW0gYXMgTXVsdGlwbGVTZWxlY3RJdGVtO1xuICB9XG5cbiAgcHVibGljIGdldCBzaW1wbGVTZWxlY3RJdGVtKCk6IFNpbXBsZVNlbGVjdEl0ZW0ge1xuICAgIHJldHVybiB0aGlzLml0ZW0gYXMgU2ltcGxlU2VsZWN0SXRlbTtcbiAgfVxuXG4gIHB1YmxpYyB2YWx1ZXMkOiBPYnNlcnZhYmxlPHVua25vd25bXT47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJvdGVjdGVkIF9rdkRpZmZlcnM6IEtleVZhbHVlRGlmZmVycyxcbiAgICBwcm90ZWN0ZWQgX2NkOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHtcbiAgICBzdXBlcihfa3ZEaWZmZXJzLCBfY2QpO1xuICB9XG4gIFxuICBwdWJsaWMgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzLml0ZW0pIHtcbiAgICAgIHRoaXMudmFsdWVzJCA9IHRoaXMuaXRlbS52YWx1ZXMkIGFzIE9ic2VydmFibGU8dW5rbm93bltdPjtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgbmdEb0NoZWNrKCkge1xuICAgIGlmICh0aGlzLl9rdkRpZmZlcikge1xuICAgICAgY29uc3QgY2hhbmdlcyA9IHRoaXMuX2t2RGlmZmVyLmRpZmYodGhpcy5pdGVtKTtcblxuICAgICAgaWYgKGNoYW5nZXMpIHtcbiAgICAgICAgdGhpcy5fY2QubWFya0ZvckNoZWNrKCk7XG5cbiAgICAgICAgaWYgKHRoaXMuc2VsZWN0ZWRJdGVtKSB7XG4gICAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW0uY2QubWFya0ZvckNoZWNrKCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCIoaXRlbS5sb2FkaW5nJCB8IGFzeW5jKSBlbHNlIGl0ZW1TZWxlY3RcIj5cbiAgPG1hdC1mb3JtLWZpZWxkPlxuICAgIDxtYXQtbGFiZWw+e3tpdGVtLmxhYmVsfX08L21hdC1sYWJlbD5cbiAgICA8bWF0LXNlbGVjdCBkaXNhYmxlZD48L21hdC1zZWxlY3Q+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNpdGVtU2VsZWN0PlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiKHZhbHVlcyQgfCBhc3luYyk/Lmxlbmd0aFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLm11bHRpcGxlICYmICFpdGVtLmNoaWxkcmVuXCI+XG4gICAgICA8ZmlsdGVyLWl0ZW0tc2VsZWN0LW11bHRpcGxlXG4gICAgICAgIFtpdGVtXT1cIm11bHRpcGxlU2VsZWN0SXRlbVwiXG4gICAgICAgICNzZWxlY3RJdGVtPlxuICAgICAgPC9maWx0ZXItaXRlbS1zZWxlY3QtbXVsdGlwbGU+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWl0ZW0ubXVsdGlwbGUgJiYgIWl0ZW0uY2hpbGRyZW5cIj5cbiAgICAgIDxmaWx0ZXItaXRlbS1zZWxlY3Qtc2ltcGxlXG4gICAgICAgIFtpdGVtXT1cInNpbXBsZVNlbGVjdEl0ZW1cIlxuICAgICAgICAjc2VsZWN0SXRlbT5cbiAgICAgIDwvZmlsdGVyLWl0ZW0tc2VsZWN0LXNpbXBsZT5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLmNoaWxkcmVuXCI+XG4gICAgICA8ZmlsdGVyLWl0ZW0tc2VsZWN0LWdyb3Vwc1xuICAgICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgICAgI3NlbGVjdEl0ZW0+XG4gICAgICA8L2ZpbHRlci1pdGVtLXNlbGVjdC1ncm91cHM+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export var PickerViewType;
|
|
2
|
+
(function (PickerViewType) {
|
|
3
|
+
PickerViewType["Date"] = "date";
|
|
4
|
+
PickerViewType["DateTime"] = "datetime";
|
|
5
|
+
PickerViewType["Time"] = "time";
|
|
6
|
+
PickerViewType["Week"] = "week";
|
|
7
|
+
PickerViewType["MonthRange"] = "monthrange";
|
|
8
|
+
})(PickerViewType || (PickerViewType = {}));
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlja2VyLXZpZXctdHlwZS5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2FwcC9lbnVtcy9waWNrZXItdmlldy10eXBlLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksY0FNWDtBQU5ELFdBQVksY0FBYztJQUN4QiwrQkFBYSxDQUFBO0lBQ2IsdUNBQXFCLENBQUE7SUFDckIsK0JBQWEsQ0FBQTtJQUNiLCtCQUFhLENBQUE7SUFDYiwyQ0FBeUIsQ0FBQTtBQUMzQixDQUFDLEVBTlcsY0FBYyxLQUFkLGNBQWMsUUFNekIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBQaWNrZXJWaWV3VHlwZSB7XG4gIERhdGUgPSBcImRhdGVcIixcbiAgRGF0ZVRpbWUgPSBcImRhdGV0aW1lXCIsXG4gIFRpbWUgPSBcInRpbWVcIixcbiAgV2VlayA9IFwid2Vla1wiLFxuICBNb250aFJhbmdlID0gXCJtb250aHJhbmdlXCJcbn1cbiJdfQ==
|
|
@@ -35,6 +35,11 @@ export class SimpleSelectItem extends BaseSelectItem {
|
|
|
35
35
|
this._model = '__all';
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
+
get isolateOptionNotSelected() {
|
|
39
|
+
const modelValue = this.model;
|
|
40
|
+
const isolate = this.isolate;
|
|
41
|
+
return isolate && !isolate.enabled && (modelValue === null || modelValue === void 0 ? void 0 : modelValue.length) === 0;
|
|
42
|
+
}
|
|
38
43
|
_setModel(value) {
|
|
39
44
|
if (value) {
|
|
40
45
|
if (!isNaN(value)) {
|
|
@@ -60,4 +65,4 @@ export class SimpleSelectItem extends BaseSelectItem {
|
|
|
60
65
|
this.model = defaultValue !== null && defaultValue !== void 0 ? defaultValue : value;
|
|
61
66
|
}
|
|
62
67
|
}
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLXNlbGVjdC1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9tb2RlbHMvaXRlbXMvc2VsZWN0L3NpbXBsZS1zZWxlY3QtaXRlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxjQUFjO0lBRWxELFlBQ0UsVUFBbUMsRUFDbkMsZ0JBQXFCO1FBRXJCLEtBQUssQ0FBQyxVQUFVLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUV2QixJQUFJLEtBQUssSUFBSSxPQUFPLElBQUksS0FBSyxLQUFLLFNBQVMsRUFBRTtZQUMzQyxLQUFLLEdBQUcsU0FBUyxDQUFDO1NBQ25CO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRU0sZUFBZSxDQUFDLElBQUksR0FBRyxJQUFJO1FBQ2hDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixNQUFNLFNBQVMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUVwRSxPQUFPLFNBQVMsSUFBSSxTQUFTLENBQUMsSUFBSSxDQUFBO1NBQ25DO2FBQU07WUFDTCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFFdEUsSUFBSSxTQUFTLEVBQUU7Z0JBQ2IsT0FBTyxTQUFTLENBQUMsSUFBSSxDQUFBO2FBQ3RCO2lCQUFNLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtnQkFDdkIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQTthQUMxQjtTQUNGO0lBQ0gsQ0FBQztJQUVELElBQVcsYUFBYTtRQUN0QixPQUFPLElBQUksQ0FBQyxLQUFLLEtBQUssT0FBTyxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssU0FBUyxDQUFDO0lBQzVELENBQUM7SUFFUyxLQUFLO1FBQ2IsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBRWQsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsWUFBWSxLQUFLLFNBQVMsRUFBRTtZQUMvRCxJQUFJLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQztTQUN2QjtJQUNILENBQUM7SUFFRCxJQUFjLHdCQUF3QjtRQUNwQyxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQzlCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFFN0IsT0FBTyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxJQUFJLENBQUEsVUFBVSxhQUFWLFVBQVUsdUJBQVYsVUFBVSxDQUFFLE1BQU0sTUFBSyxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVTLFNBQVMsQ0FBQyxLQUFLO1FBQ3ZCLElBQUksS0FBSyxFQUFFO1lBQ1QsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDakIsS0FBSyxHQUFHLENBQUMsS0FBSyxDQUFDO2FBQ2hCO1NBQ0Y7UUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFUyxjQUFjO1FBQ3RCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ3BDLE9BQU8sS0FBSyxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ25DLENBQUMsQ0FBQyxDQUFDO1FBRUgsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7UUFFMUMsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLEtBQUssRUFBRTtZQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQTtTQUNuQjtJQUNILENBQUM7SUFFUyxXQUFXLENBQUMsZUFBd0IsU0FBUztRQUNyRCxLQUFLLENBQUMsV0FBVyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBRWhDLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxHQUFHLENBQUMsS0FBSyxLQUFLLE9BQU8sQ0FBQztZQUMxRixDQUFDLENBQUMsT0FBTztZQUNULENBQUMsQ0FBQyxTQUFTLENBQUM7UUFFZCxJQUFJLENBQUMsS0FBSyxHQUFHLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLEtBQUssQ0FBQztJQUNyQyxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJRmlsdGVyQ29uZmlnU2VsZWN0SXRlbSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvaXRlbXMvc2VsZWN0LmludGVyZmFjZSc7XG5pbXBvcnQgeyBmaW5kVmFsdWUgfSBmcm9tICcuLi8uLi8uLi9oZWxwZXJzL2ZpbmQtdmFsdWUnO1xuaW1wb3J0IHsgQmFzZVNlbGVjdEl0ZW0gfSBmcm9tICcuL2Jhc2Utc2VsZWN0LWl0ZW0nO1xuXG5cbmV4cG9ydCBjbGFzcyBTaW1wbGVTZWxlY3RJdGVtIGV4dGVuZHMgQmFzZVNlbGVjdEl0ZW0ge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGl0ZW1Db25maWc6IElGaWx0ZXJDb25maWdTZWxlY3RJdGVtLFxuICAgIF9wZXJzaXN0ZWRWYWx1ZXM6IGFueVxuICApIHtcbiAgICBzdXBlcihpdGVtQ29uZmlnLCBfcGVyc2lzdGVkVmFsdWVzKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgdmFsdWUoKSB7XG4gICAgbGV0IHZhbHVlID0gdGhpcy5tb2RlbDtcblxuICAgIGlmICh2YWx1ZSA9PSAnX19hbGwnIHx8IHZhbHVlID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHZhbHVlID0gdW5kZWZpbmVkO1xuICAgIH1cblxuICAgIHJldHVybiB2YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRDaGlwc0NvbnRlbnQodHlwZSA9IG51bGwpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmNoaWxkcmVuKSB7XG4gICAgICBjb25zdCBpdGVtVmFsdWUgPSBmaW5kVmFsdWUodGhpcy52YWx1ZXMsIHRoaXMubW9kZWwsIHRoaXMuY2hpbGRyZW4pO1xuXG4gICAgICByZXR1cm4gaXRlbVZhbHVlICYmIGl0ZW1WYWx1ZS5uYW1lXG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnN0IGl0ZW1WYWx1ZSA9IHRoaXMudmFsdWVzLmZpbmQoKHZhbCkgPT4gdmFsLnZhbHVlID09PSB0aGlzLm1vZGVsKTtcblxuICAgICAgaWYgKGl0ZW1WYWx1ZSkge1xuICAgICAgICByZXR1cm4gaXRlbVZhbHVlLm5hbWVcbiAgICAgIH0gZWxzZSBpZiAodGhpcy5pc29sYXRlKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmlzb2xhdGUubGFiZWxcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0IGlzQ2hpcFZpc2libGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWwgIT09ICdfX2FsbCcgJiYgdGhpcy5tb2RlbCAhPT0gdW5kZWZpbmVkO1xuICB9XG5cbiAgcHJvdGVjdGVkIF9pbml0KCkge1xuICAgIHN1cGVyLl9pbml0KCk7XG5cbiAgICBpZiAodGhpcy5tb2RlbCA9PT0gdW5kZWZpbmVkICYmIHRoaXMuZGVmYXVsdFZhbHVlID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMuX21vZGVsID0gJ19fYWxsJztcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IGlzb2xhdGVPcHRpb25Ob3RTZWxlY3RlZCgpIHtcbiAgICBjb25zdCBtb2RlbFZhbHVlID0gdGhpcy5tb2RlbDtcbiAgICBjb25zdCBpc29sYXRlID0gdGhpcy5pc29sYXRlO1xuXG4gICAgcmV0dXJuIGlzb2xhdGUgJiYgIWlzb2xhdGUuZW5hYmxlZCAmJiBtb2RlbFZhbHVlPy5sZW5ndGggPT09IDA7XG4gIH1cblxuICBwcm90ZWN0ZWQgX3NldE1vZGVsKHZhbHVlKTogdm9pZCB7XG4gICAgaWYgKHZhbHVlKSB7XG4gICAgICBpZiAoIWlzTmFOKHZhbHVlKSkge1xuICAgICAgICB2YWx1ZSA9ICt2YWx1ZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBzdXBlci5fc2V0TW9kZWwodmFsdWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIF92YWxpZGF0ZU1vZGVsKCkge1xuICAgIGNvbnN0IGl0ZW0gPSB0aGlzLnZhbHVlcy5maW5kKHZhbHVlID0+IHtcbiAgICAgIHJldHVybiB2YWx1ZS52YWx1ZSA9PSB0aGlzLm1vZGVsO1xuICAgIH0pO1xuXG4gICAgY29uc3QgdmFsdWUgPSBpdGVtID8gaXRlbS52YWx1ZSA6ICdfX2FsbCc7XG5cbiAgICBpZiAodGhpcy5fbW9kZWwgIT09IHZhbHVlKSB7XG4gICAgICB0aGlzLm1vZGVsID0gdmFsdWVcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgX2NsZWFyVmFsdWUoZGVmYXVsdFZhbHVlOiB1bmtub3duID0gdW5kZWZpbmVkKSB7XG4gICAgc3VwZXIuX2NsZWFyVmFsdWUoZGVmYXVsdFZhbHVlKTtcblxuICAgIGNvbnN0IHZhbHVlID0gQXJyYXkuaXNBcnJheSh0aGlzLnZhbHVlcykgJiYgdGhpcy52YWx1ZXMuc29tZSgodmFsKSA9PiB2YWwudmFsdWUgPT09ICdfX2FsbCcpXG4gICAgICA/ICdfX2FsbCdcbiAgICAgIDogdW5kZWZpbmVkO1xuXG4gICAgdGhpcy5tb2RlbCA9IGRlZmF1bHRWYWx1ZSA/PyB2YWx1ZTtcbiAgfVxufVxuIl19
|
|
@@ -388,6 +388,11 @@ class SimpleSelectItem extends BaseSelectItem {
|
|
|
388
388
|
this._model = '__all';
|
|
389
389
|
}
|
|
390
390
|
}
|
|
391
|
+
get isolateOptionNotSelected() {
|
|
392
|
+
const modelValue = this.model;
|
|
393
|
+
const isolate = this.isolate;
|
|
394
|
+
return isolate && !isolate.enabled && (modelValue === null || modelValue === void 0 ? void 0 : modelValue.length) === 0;
|
|
395
|
+
}
|
|
391
396
|
_setModel(value) {
|
|
392
397
|
if (value) {
|
|
393
398
|
if (!isNaN(value)) {
|
|
@@ -2293,6 +2298,16 @@ class BaseItemComponent {
|
|
|
2293
2298
|
}
|
|
2294
2299
|
}
|
|
2295
2300
|
}
|
|
2301
|
+
ngOnChanges(changes) {
|
|
2302
|
+
if (changes.item) {
|
|
2303
|
+
if (Array.isArray(this.item.label)) {
|
|
2304
|
+
this.label = this.item.label[0];
|
|
2305
|
+
}
|
|
2306
|
+
else {
|
|
2307
|
+
this.label = this.item.label;
|
|
2308
|
+
}
|
|
2309
|
+
}
|
|
2310
|
+
}
|
|
2296
2311
|
ngOnDestroy() {
|
|
2297
2312
|
this._destroy$.next();
|
|
2298
2313
|
this._destroy$.complete();
|
|
@@ -2309,7 +2324,7 @@ class BaseItemComponent {
|
|
|
2309
2324
|
}
|
|
2310
2325
|
}
|
|
2311
2326
|
BaseItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseItemComponent, deps: [{ token: i0.KeyValueDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2312
|
-
BaseItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BaseItemComponent, selector: "base-item", inputs: { item: "item", inline: "inline" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2327
|
+
BaseItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BaseItemComponent, selector: "base-item", inputs: { item: "item", inline: "inline" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2313
2328
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseItemComponent, decorators: [{
|
|
2314
2329
|
type: Component,
|
|
2315
2330
|
args: [{
|
|
@@ -2644,6 +2659,17 @@ class SelectComponent extends BaseItemComponent {
|
|
|
2644
2659
|
// If _all has been selected than we must disable all other items
|
|
2645
2660
|
this.allItemsOptionSelected = false;
|
|
2646
2661
|
}
|
|
2662
|
+
get multipleSelectItem() {
|
|
2663
|
+
return this.item;
|
|
2664
|
+
}
|
|
2665
|
+
get simpleSelectItem() {
|
|
2666
|
+
return this.item;
|
|
2667
|
+
}
|
|
2668
|
+
ngOnChanges(changes) {
|
|
2669
|
+
if (changes.item) {
|
|
2670
|
+
this.values$ = this.item.values$;
|
|
2671
|
+
}
|
|
2672
|
+
}
|
|
2647
2673
|
ngDoCheck() {
|
|
2648
2674
|
if (this._kvDiffer) {
|
|
2649
2675
|
const changes = this._kvDiffer.diff(this.item);
|
|
@@ -2657,7 +2683,7 @@ class SelectComponent extends BaseItemComponent {
|
|
|
2657
2683
|
}
|
|
2658
2684
|
}
|
|
2659
2685
|
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectComponent, deps: [{ token: i0.KeyValueDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2660
|
-
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SelectComponent, selector: "filter-item-select", viewQueries: [{ propertyName: "selectedItem", first: true, predicate: ["selectItem"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"(item.loading$ | async) else itemSelect\">\n <mat-form-field>\n <mat-label>{{item.label}}</mat-label>\n <mat-select disabled></mat-select>\n </mat-form-field>\n</ng-container>\n\n<ng-template #itemSelect>\n <ng-container *ngIf=\"(
|
|
2686
|
+
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SelectComponent, selector: "filter-item-select", viewQueries: [{ propertyName: "selectedItem", first: true, predicate: ["selectItem"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"(item.loading$ | async) else itemSelect\">\n <mat-form-field>\n <mat-label>{{item.label}}</mat-label>\n <mat-select disabled></mat-select>\n </mat-form-field>\n</ng-container>\n\n<ng-template #itemSelect>\n <ng-container *ngIf=\"(values$ | async)?.length\">\n <ng-container *ngIf=\"item.multiple && !item.children\">\n <filter-item-select-multiple\n [item]=\"multipleSelectItem\"\n #selectItem>\n </filter-item-select-multiple>\n </ng-container>\n\n <ng-container *ngIf=\"!item.multiple && !item.children\">\n <filter-item-select-simple\n [item]=\"simpleSelectItem\"\n #selectItem>\n </filter-item-select-simple>\n </ng-container>\n\n <ng-container *ngIf=\"item.children\">\n <filter-item-select-groups\n [item]=\"item\"\n #selectItem>\n </filter-item-select-groups>\n </ng-container>\n </ng-container>\n</ng-template>\n", components: [{ type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: SelectMultipleComponent, selector: "filter-item-select-multiple", inputs: ["item"] }, { type: SelectSimpleComponent, selector: "filter-item-select-simple", inputs: ["item"] }, { type: SelectGroupsComponent, selector: "filter-item-select-groups", inputs: ["item"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$3.MatLabel, selector: "mat-label" }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2661
2687
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectComponent, decorators: [{
|
|
2662
2688
|
type: Component,
|
|
2663
2689
|
args: [{
|
|
@@ -2747,7 +2773,7 @@ class AutocompleteComponent extends BaseItemComponent {
|
|
|
2747
2773
|
}
|
|
2748
2774
|
}
|
|
2749
2775
|
AutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i0.KeyValueDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2750
|
-
AutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AutocompleteComponent, selector: "filter-item-autocomplete", usesInheritance: true, ngImport: i0, template: "<fs-autocomplete\n [fsFilterFocusTrigger]=\"item\"\n [fetch]=\"fetch\"\n [displayWith]=\"displayWith\"\n [(ngModel)]=\"item.model\"\n [placeholder]=\"
|
|
2776
|
+
AutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AutocompleteComponent, selector: "filter-item-autocomplete", usesInheritance: true, ngImport: i0, 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.clearAllowed\"\n name=\"item.name\">\n <ng-template fsAutocompleteTemplate let-data=\"data\">\n {{data.name}}\n </ng-template>\n</fs-autocomplete>\n", components: [{ type: i4$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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4$1.FsAutocompleteTemplateDirective, selector: "[fsAutocompleteTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2751
2777
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AutocompleteComponent, decorators: [{
|
|
2752
2778
|
type: Component,
|
|
2753
2779
|
args: [{
|
|
@@ -2792,7 +2818,7 @@ class AutocompletechipsComponent extends BaseItemComponent {
|
|
|
2792
2818
|
}
|
|
2793
2819
|
}
|
|
2794
2820
|
AutocompletechipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AutocompletechipsComponent, deps: [{ token: i0.KeyValueDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2795
|
-
AutocompletechipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AutocompletechipsComponent, selector: "filter-item-autocompletechips", usesInheritance: true, ngImport: i0, 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]=\"
|
|
2821
|
+
AutocompletechipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AutocompletechipsComponent, selector: "filter-item-autocompletechips", usesInheritance: true, ngImport: i0, 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.clearAllowed\"\n [removable]=\"item.clearAllowed\"\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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.FsAutocompleteObjectDirective, selector: "[fsAutocompleteObject],[fsAutocompleteChipsTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2796
2822
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AutocompletechipsComponent, decorators: [{
|
|
2797
2823
|
type: Component,
|
|
2798
2824
|
args: [{
|
|
@@ -2802,12 +2828,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
2802
2828
|
}]
|
|
2803
2829
|
}], ctorParameters: function () { return [{ type: i0.KeyValueDiffers }, { type: i0.ChangeDetectorRef }]; } });
|
|
2804
2830
|
|
|
2831
|
+
var PickerViewType;
|
|
2832
|
+
(function (PickerViewType) {
|
|
2833
|
+
PickerViewType["Date"] = "date";
|
|
2834
|
+
PickerViewType["DateTime"] = "datetime";
|
|
2835
|
+
PickerViewType["Time"] = "time";
|
|
2836
|
+
PickerViewType["Week"] = "week";
|
|
2837
|
+
PickerViewType["MonthRange"] = "monthrange";
|
|
2838
|
+
})(PickerViewType || (PickerViewType = {}));
|
|
2839
|
+
|
|
2805
2840
|
class DateComponent extends BaseItemComponent {
|
|
2806
2841
|
constructor(_kvDiffers, _cd) {
|
|
2807
2842
|
super(_kvDiffers, _cd);
|
|
2808
2843
|
this._kvDiffers = _kvDiffers;
|
|
2809
2844
|
this._cd = _cd;
|
|
2810
|
-
this.viewType =
|
|
2845
|
+
this.viewType = PickerViewType.Date;
|
|
2811
2846
|
this.itemDateMode = ItemDateMode;
|
|
2812
2847
|
this.showYear = true;
|
|
2813
2848
|
this.showMonth = true;
|
|
@@ -2815,10 +2850,10 @@ class DateComponent extends BaseItemComponent {
|
|
|
2815
2850
|
}
|
|
2816
2851
|
ngOnInit() {
|
|
2817
2852
|
if (this.item.type === ItemType.DateTime) {
|
|
2818
|
-
this.viewType =
|
|
2853
|
+
this.viewType = PickerViewType.DateTime;
|
|
2819
2854
|
}
|
|
2820
2855
|
else {
|
|
2821
|
-
this.viewType =
|
|
2856
|
+
this.viewType = PickerViewType.Date;
|
|
2822
2857
|
}
|
|
2823
2858
|
if (this.item.mode === ItemDateMode.ScrollMonthYear) {
|
|
2824
2859
|
this.showDay = false;
|
|
@@ -2841,14 +2876,14 @@ class DateRangeComponent extends BaseItemComponent {
|
|
|
2841
2876
|
super(_kvDiffers, _cd);
|
|
2842
2877
|
this._kvDiffers = _kvDiffers;
|
|
2843
2878
|
this._cd = _cd;
|
|
2844
|
-
this.viewType =
|
|
2879
|
+
this.viewType = PickerViewType.Date;
|
|
2845
2880
|
}
|
|
2846
2881
|
ngOnInit() {
|
|
2847
2882
|
if (this.item.type === ItemType.DateTimeRange) {
|
|
2848
|
-
this.viewType =
|
|
2883
|
+
this.viewType = PickerViewType.DateTime;
|
|
2849
2884
|
}
|
|
2850
2885
|
else {
|
|
2851
|
-
this.viewType =
|
|
2886
|
+
this.viewType = PickerViewType.Date;
|
|
2852
2887
|
}
|
|
2853
2888
|
}
|
|
2854
2889
|
}
|
|
@@ -2907,6 +2942,42 @@ class FilterItemComponent {
|
|
|
2907
2942
|
this._destroy$ = new Subject();
|
|
2908
2943
|
this.itemType = ItemType;
|
|
2909
2944
|
}
|
|
2945
|
+
get textItem() {
|
|
2946
|
+
return this.item;
|
|
2947
|
+
}
|
|
2948
|
+
get chipsItem() {
|
|
2949
|
+
return this.item;
|
|
2950
|
+
}
|
|
2951
|
+
get baseSelectItem() {
|
|
2952
|
+
return this.item;
|
|
2953
|
+
}
|
|
2954
|
+
get rangeItem() {
|
|
2955
|
+
return this.item;
|
|
2956
|
+
}
|
|
2957
|
+
get autocompleteItem() {
|
|
2958
|
+
return this.item;
|
|
2959
|
+
}
|
|
2960
|
+
get autocompleteChipsItem() {
|
|
2961
|
+
return this.item;
|
|
2962
|
+
}
|
|
2963
|
+
get dateItem() {
|
|
2964
|
+
return this.item;
|
|
2965
|
+
}
|
|
2966
|
+
get dateRangeItem() {
|
|
2967
|
+
return this.item;
|
|
2968
|
+
}
|
|
2969
|
+
get dateTimeItem() {
|
|
2970
|
+
return this.item;
|
|
2971
|
+
}
|
|
2972
|
+
get dateTimeRangeItem() {
|
|
2973
|
+
return this.item;
|
|
2974
|
+
}
|
|
2975
|
+
get weekItem() {
|
|
2976
|
+
return this.item;
|
|
2977
|
+
}
|
|
2978
|
+
get checkboxItem() {
|
|
2979
|
+
return this.item;
|
|
2980
|
+
}
|
|
2910
2981
|
ngOnInit() {
|
|
2911
2982
|
this.item.value$
|
|
2912
2983
|
.pipe(takeUntil(this._destroy$))
|
|
@@ -2920,7 +2991,7 @@ class FilterItemComponent {
|
|
|
2920
2991
|
}
|
|
2921
2992
|
}
|
|
2922
2993
|
FilterItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2923
|
-
FilterItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterItemComponent, selector: "filter-item", inputs: { item: "item" }, ngImport: i0, template: "<div class=\"filter filter-{{ item.type }}\">\n\n <ng-container [ngSwitch]=\"item.type\">\n <filter-item-text class=\"interface\"\n *ngSwitchCase=\"itemType.Text\"\n [item]=\"
|
|
2994
|
+
FilterItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FilterItemComponent, selector: "filter-item", inputs: { item: "item" }, ngImport: i0, template: "<div class=\"filter filter-{{ item.type }}\">\n\n <ng-container [ngSwitch]=\"item.type\">\n <filter-item-text class=\"interface\"\n *ngSwitchCase=\"itemType.Text\"\n [item]=\"textItem\">\n </filter-item-text>\n\n <filter-item-select class=\"interface\"\n *ngSwitchCase=\"itemType.Select\"\n [item]=\"baseSelectItem\">\n </filter-item-select>\n\n <filter-item-chips class=\"interface\"\n *ngSwitchCase=\"itemType.Chips\"\n [item]=\"chipsItem\">\n </filter-item-chips>\n\n <filter-item-range class=\"interface interface-range\"\n *ngSwitchCase=\"itemType.Range\"\n [item]=\"rangeItem\">\n </filter-item-range>\n\n <filter-item-autocomplete class=\"interface\"\n *ngSwitchCase=\"itemType.AutoComplete\"\n [item]=\"autocompleteItem\">\n </filter-item-autocomplete>\n\n <filter-item-autocompletechips class=\"interface\"\n *ngSwitchCase=\"itemType.AutoCompleteChips\"\n [item]=\"autocompleteChipsItem\">\n </filter-item-autocompletechips>\n\n <filter-item-date class=\"interface interface-date\"\n *ngSwitchCase=\"itemType.Date\"\n [item]=\"dateItem\">\n </filter-item-date>\n\n <filter-item-date class=\"interface interface-date\"\n *ngSwitchCase=\"itemType.DateTime\"\n [item]=\"dateTimeItem\">\n </filter-item-date>\n\n <filter-item-date-range class=\"interface interface-date\"\n *ngSwitchCase=\"itemType.DateRange\"\n [item]=\"dateRangeItem\">\n </filter-item-date-range>\n\n <filter-item-date-range class=\"interface interface-date\"\n *ngSwitchCase=\"itemType.DateTimeRange\"\n [item]=\"dateTimeRangeItem\">\n </filter-item-date-range>\n\n <filter-item-week class=\"interface\"\n *ngSwitchCase=\"itemType.Week\"\n [item]=\"weekItem\">\n </filter-item-week>\n\n <filter-item-checkbox class=\"interface interface-checkbox\"\n *ngSwitchCase=\"itemType.Checkbox\"\n [item]=\"checkboxItem\">\n </filter-item-checkbox>\n </ng-container>\n\n</div>\n", components: [{ type: TextComponent, selector: "filter-item-text" }, { type: SelectComponent, selector: "filter-item-select" }, { type: ChipsComponent, selector: "filter-item-chips" }, { type: RangeComponent, selector: "filter-item-range" }, { type: AutocompleteComponent, selector: "filter-item-autocomplete" }, { type: AutocompletechipsComponent, selector: "filter-item-autocompletechips" }, { type: DateComponent, selector: "filter-item-date" }, { type: DateRangeComponent, selector: "filter-item-date-range" }, { type: WeekComponent, selector: "filter-item-week" }, { type: CheckboxComponent, selector: "filter-item-checkbox" }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2924
2995
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FilterItemComponent, decorators: [{
|
|
2925
2996
|
type: Component,
|
|
2926
2997
|
args: [{
|
|
@@ -3887,6 +3958,19 @@ class FilterComponent {
|
|
|
3887
3958
|
}
|
|
3888
3959
|
}
|
|
3889
3960
|
}
|
|
3961
|
+
get itemValues() {
|
|
3962
|
+
return this.items
|
|
3963
|
+
.map((item) => item.model);
|
|
3964
|
+
}
|
|
3965
|
+
get nonEmptyItemValues() {
|
|
3966
|
+
return this.items
|
|
3967
|
+
.filter((item) => item.model !== undefined)
|
|
3968
|
+
.map((item) => item.model);
|
|
3969
|
+
}
|
|
3970
|
+
get hasItemValues() {
|
|
3971
|
+
return this.itemValues
|
|
3972
|
+
.some((item) => item.model !== undefined);
|
|
3973
|
+
}
|
|
3890
3974
|
getItemValue(name) {
|
|
3891
3975
|
const item = this.items
|
|
3892
3976
|
.find((item) => item.name === name);
|