@porscheinformatik/clr-addons 12.7.0 → 12.8.0
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/datagrid/enum-filter/enum-filter.component.d.ts +3 -1
- package/esm2020/datagrid/enum-filter/enum-filter.component.mjs +14 -4
- package/fesm2015/clr-addons.mjs +12 -2
- package/fesm2015/clr-addons.mjs.map +1 -1
- package/fesm2020/clr-addons.mjs +12 -2
- package/fesm2020/clr-addons.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -6,6 +6,8 @@ export declare class ClrEnumFilterComponent<T extends {
|
|
|
6
6
|
[key: string]: any;
|
|
7
7
|
}> implements ClrDatagridFilterInterface<T>, OnDestroy {
|
|
8
8
|
property: string;
|
|
9
|
+
set clrFilterValues(values: string[]);
|
|
10
|
+
clrFilterValuesChange: EventEmitter<string[]>;
|
|
9
11
|
possibleValues: string[];
|
|
10
12
|
customPossibleValues: boolean;
|
|
11
13
|
filteredValues: string[];
|
|
@@ -18,5 +20,5 @@ export declare class ClrEnumFilterComponent<T extends {
|
|
|
18
20
|
accepts(item: T): boolean;
|
|
19
21
|
ngOnDestroy(): void;
|
|
20
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<ClrEnumFilterComponent<any>, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ClrEnumFilterComponent<any>, "clr-enum-filter", never, { "property": "clrProperty"; "clrPossibleValues": "clrPossibleValues"; }, {}, never, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ClrEnumFilterComponent<any>, "clr-enum-filter", never, { "property": "clrProperty"; "clrFilterValues": "clrFilterValues"; "clrPossibleValues": "clrPossibleValues"; }, { "clrFilterValuesChange": "clrFilterValuesChange"; }, never, never>;
|
|
22
24
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import { ClrDatagrid, ClrDatagridFilter } from '@clr/angular';
|
|
3
3
|
import { Subject, takeUntil } from 'rxjs';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -8,6 +8,7 @@ import * as i3 from "@angular/forms";
|
|
|
8
8
|
export class ClrEnumFilterComponent {
|
|
9
9
|
constructor(filterContainer, datagrid) {
|
|
10
10
|
this.property = '';
|
|
11
|
+
this.clrFilterValuesChange = new EventEmitter();
|
|
11
12
|
this.possibleValues = [];
|
|
12
13
|
this.customPossibleValues = false;
|
|
13
14
|
this.filteredValues = [];
|
|
@@ -22,6 +23,9 @@ export class ClrEnumFilterComponent {
|
|
|
22
23
|
}
|
|
23
24
|
});
|
|
24
25
|
}
|
|
26
|
+
set clrFilterValues(values) {
|
|
27
|
+
this.filteredValues = values;
|
|
28
|
+
}
|
|
25
29
|
set clrPossibleValues(values) {
|
|
26
30
|
this.possibleValues = values;
|
|
27
31
|
this.customPossibleValues = true;
|
|
@@ -33,6 +37,7 @@ export class ClrEnumFilterComponent {
|
|
|
33
37
|
else {
|
|
34
38
|
this.filteredValues = this.filteredValues.filter(filteredState => filteredState !== selectedValue);
|
|
35
39
|
}
|
|
40
|
+
this.clrFilterValuesChange.emit(this.filteredValues);
|
|
36
41
|
this.changes.emit(true);
|
|
37
42
|
}
|
|
38
43
|
isActive() {
|
|
@@ -47,14 +52,19 @@ export class ClrEnumFilterComponent {
|
|
|
47
52
|
}
|
|
48
53
|
}
|
|
49
54
|
ClrEnumFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrEnumFilterComponent, deps: [{ token: i1.ClrDatagridFilter }, { token: i1.ClrDatagrid }], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
-
ClrEnumFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ClrEnumFilterComponent, selector: "clr-enum-filter", inputs: { property: ["clrProperty", "property"], clrPossibleValues: "clrPossibleValues" }, ngImport: i0, template: "<clr-checkbox-container class=\"filter-selection\">\n <clr-checkbox-wrapper *ngFor=\"let possibleValue of possibleValues\">\n <input\n type=\"checkbox\"\n clrCheckbox\n value=\"{{ possibleValue }}\"\n name=\"possibleValue\"\n ngModel\n (ngModelChange)=\"onChange(possibleValue, $event)\"\n />\n <label>{{ possibleValue }}</label>\n </clr-checkbox-wrapper>\n</clr-checkbox-container>\n", styles: [".filter-selection{margin-top:0}\n"], components: [{ type: i1.ClrCheckboxContainer, selector: "clr-checkbox-container,clr-toggle-container", inputs: ["clrInline"] }, { type: i1.ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1.ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.ClrLabel, selector: "label", inputs: ["for"] }] });
|
|
55
|
+
ClrEnumFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ClrEnumFilterComponent, selector: "clr-enum-filter", inputs: { property: ["clrProperty", "property"], clrFilterValues: "clrFilterValues", clrPossibleValues: "clrPossibleValues" }, outputs: { clrFilterValuesChange: "clrFilterValuesChange" }, ngImport: i0, template: "<clr-checkbox-container class=\"filter-selection\">\n <clr-checkbox-wrapper *ngFor=\"let possibleValue of possibleValues\">\n <input\n type=\"checkbox\"\n clrCheckbox\n value=\"{{ possibleValue }}\"\n name=\"possibleValue\"\n [ngModel]=\"filteredValues.includes(possibleValue)\"\n (ngModelChange)=\"onChange(possibleValue, $event)\"\n />\n <label>{{ possibleValue }}</label>\n </clr-checkbox-wrapper>\n</clr-checkbox-container>\n", styles: [".filter-selection{margin-top:0}\n"], components: [{ type: i1.ClrCheckboxContainer, selector: "clr-checkbox-container,clr-toggle-container", inputs: ["clrInline"] }, { type: i1.ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1.ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.ClrLabel, selector: "label", inputs: ["for"] }] });
|
|
51
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrEnumFilterComponent, decorators: [{
|
|
52
57
|
type: Component,
|
|
53
|
-
args: [{ selector: 'clr-enum-filter', template: "<clr-checkbox-container class=\"filter-selection\">\n <clr-checkbox-wrapper *ngFor=\"let possibleValue of possibleValues\">\n <input\n type=\"checkbox\"\n clrCheckbox\n value=\"{{ possibleValue }}\"\n name=\"possibleValue\"\n ngModel\n (ngModelChange)=\"onChange(possibleValue, $event)\"\n />\n <label>{{ possibleValue }}</label>\n </clr-checkbox-wrapper>\n</clr-checkbox-container>\n", styles: [".filter-selection{margin-top:0}\n"] }]
|
|
58
|
+
args: [{ selector: 'clr-enum-filter', template: "<clr-checkbox-container class=\"filter-selection\">\n <clr-checkbox-wrapper *ngFor=\"let possibleValue of possibleValues\">\n <input\n type=\"checkbox\"\n clrCheckbox\n value=\"{{ possibleValue }}\"\n name=\"possibleValue\"\n [ngModel]=\"filteredValues.includes(possibleValue)\"\n (ngModelChange)=\"onChange(possibleValue, $event)\"\n />\n <label>{{ possibleValue }}</label>\n </clr-checkbox-wrapper>\n</clr-checkbox-container>\n", styles: [".filter-selection{margin-top:0}\n"] }]
|
|
54
59
|
}], ctorParameters: function () { return [{ type: i1.ClrDatagridFilter }, { type: i1.ClrDatagrid }]; }, propDecorators: { property: [{
|
|
55
60
|
type: Input,
|
|
56
61
|
args: ['clrProperty']
|
|
62
|
+
}], clrFilterValues: [{
|
|
63
|
+
type: Input,
|
|
64
|
+
args: ['clrFilterValues']
|
|
65
|
+
}], clrFilterValuesChange: [{
|
|
66
|
+
type: Output
|
|
57
67
|
}], clrPossibleValues: [{
|
|
58
68
|
type: Input
|
|
59
69
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bS1maWx0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2Nsci1hZGRvbnMvZGF0YWdyaWQvZW51bS1maWx0ZXIvZW51bS1maWx0ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2Nsci1hZGRvbnMvZGF0YWdyaWQvZW51bS1maWx0ZXIvZW51bS1maWx0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRixPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUE4QixNQUFNLGNBQWMsQ0FBQztBQUMxRixPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFPMUMsTUFBTSxPQUFPLHNCQUFzQjtJQXVCakMsWUFBWSxlQUFrQyxFQUFFLFFBQXFCO1FBcEIvQyxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBTTFCLDBCQUFxQixHQUFHLElBQUksWUFBWSxFQUFZLENBQUM7UUFFL0QsbUJBQWMsR0FBYSxFQUFFLENBQUM7UUFDOUIseUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBQzdCLG1CQUFjLEdBQWEsRUFBRSxDQUFDO1FBQzlCLFlBQU8sR0FBRyxJQUFJLFlBQVksQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUUzQyxlQUFVLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQVEvQixlQUFlLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hDLFFBQVEsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzNFLElBQUksQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEVBQUU7Z0JBQzlCLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSztxQkFDeEIsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztxQkFDaEMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSyxDQUFDLENBQUM7YUFDbEU7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUE1QkQsSUFDSSxlQUFlLENBQUMsTUFBZ0I7UUFDbEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUM7SUFDL0IsQ0FBQztJQVdELElBQWEsaUJBQWlCLENBQUMsTUFBZ0I7UUFDN0MsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUM7UUFDN0IsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQztJQUNuQyxDQUFDO0lBYUQsUUFBUSxDQUFDLGFBQXFCLEVBQUUsYUFBc0I7UUFDcEQsSUFBSSxhQUFhLEVBQUU7WUFDakIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDekM7YUFBTTtZQUNMLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEtBQUssYUFBYSxDQUFDLENBQUM7U0FDcEc7UUFFRCxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNyRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxPQUFPLENBQUMsSUFBTztRQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzdCLENBQUM7O29IQXhEVSxzQkFBc0I7d0dBQXRCLHNCQUFzQixtUENUbkMsd2RBYUE7NEZESmEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGlCQUFpQjtrSUFPTCxRQUFRO3NCQUE3QixLQUFLO3VCQUFDLGFBQWE7Z0JBRWhCLGVBQWU7c0JBRGxCLEtBQUs7dUJBQUMsaUJBQWlCO2dCQUtkLHFCQUFxQjtzQkFBOUIsTUFBTTtnQkFTTSxpQkFBaUI7c0JBQTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uRGVzdHJveSwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDbHJEYXRhZ3JpZCwgQ2xyRGF0YWdyaWRGaWx0ZXIsIENsckRhdGFncmlkRmlsdGVySW50ZXJmYWNlIH0gZnJvbSAnQGNsci9hbmd1bGFyJztcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjbHItZW51bS1maWx0ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZW51bS1maWx0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9lbnVtLWZpbHRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDbHJFbnVtRmlsdGVyQ29tcG9uZW50PFQgZXh0ZW5kcyB7IFtrZXk6IHN0cmluZ106IGFueSB9PlxuICBpbXBsZW1lbnRzIENsckRhdGFncmlkRmlsdGVySW50ZXJmYWNlPFQ+LCBPbkRlc3Ryb3lcbntcbiAgQElucHV0KCdjbHJQcm9wZXJ0eScpIHByb3BlcnR5ID0gJyc7XG4gIEBJbnB1dCgnY2xyRmlsdGVyVmFsdWVzJylcbiAgc2V0IGNsckZpbHRlclZhbHVlcyh2YWx1ZXM6IHN0cmluZ1tdKSB7XG4gICAgdGhpcy5maWx0ZXJlZFZhbHVlcyA9IHZhbHVlcztcbiAgfVxuXG4gIEBPdXRwdXQoKSBjbHJGaWx0ZXJWYWx1ZXNDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZ1tdPigpO1xuXG4gIHBvc3NpYmxlVmFsdWVzOiBzdHJpbmdbXSA9IFtdO1xuICBjdXN0b21Qb3NzaWJsZVZhbHVlcyA9IGZhbHNlO1xuICBmaWx0ZXJlZFZhbHVlczogc3RyaW5nW10gPSBbXTtcbiAgY2hhbmdlcyA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGRlc3Ryb3llZCQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIEBJbnB1dCgpIHNldCBjbHJQb3NzaWJsZVZhbHVlcyh2YWx1ZXM6IHN0cmluZ1tdKSB7XG4gICAgdGhpcy5wb3NzaWJsZVZhbHVlcyA9IHZhbHVlcztcbiAgICB0aGlzLmN1c3RvbVBvc3NpYmxlVmFsdWVzID0gdHJ1ZTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKGZpbHRlckNvbnRhaW5lcjogQ2xyRGF0YWdyaWRGaWx0ZXIsIGRhdGFncmlkOiBDbHJEYXRhZ3JpZCkge1xuICAgIGZpbHRlckNvbnRhaW5lci5zZXRGaWx0ZXIodGhpcyk7XG4gICAgZGF0YWdyaWQuaXRlbXMuYWxsQ2hhbmdlcy5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3llZCQpKS5zdWJzY3JpYmUoaXRlbXMgPT4ge1xuICAgICAgaWYgKCF0aGlzLmN1c3RvbVBvc3NpYmxlVmFsdWVzKSB7XG4gICAgICAgIHRoaXMucG9zc2libGVWYWx1ZXMgPSBpdGVtc1xuICAgICAgICAgIC5tYXAoaXRlbSA9PiBpdGVtW3RoaXMucHJvcGVydHldKVxuICAgICAgICAgIC5maWx0ZXIoKHZhbHVlLCBpbmRleCwgc2VsZikgPT4gc2VsZi5pbmRleE9mKHZhbHVlKSA9PT0gaW5kZXgpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgb25DaGFuZ2Uoc2VsZWN0ZWRWYWx1ZTogc3RyaW5nLCBjaGVja2JveFN0YXRlOiBib29sZWFuKSB7XG4gICAgaWYgKGNoZWNrYm94U3RhdGUpIHtcbiAgICAgIHRoaXMuZmlsdGVyZWRWYWx1ZXMucHVzaChzZWxlY3RlZFZhbHVlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5maWx0ZXJlZFZhbHVlcyA9IHRoaXMuZmlsdGVyZWRWYWx1ZXMuZmlsdGVyKGZpbHRlcmVkU3RhdGUgPT4gZmlsdGVyZWRTdGF0ZSAhPT0gc2VsZWN0ZWRWYWx1ZSk7XG4gICAgfVxuXG4gICAgdGhpcy5jbHJGaWx0ZXJWYWx1ZXNDaGFuZ2UuZW1pdCh0aGlzLmZpbHRlcmVkVmFsdWVzKTtcbiAgICB0aGlzLmNoYW5nZXMuZW1pdCh0cnVlKTtcbiAgfVxuXG4gIGlzQWN0aXZlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmZpbHRlcmVkVmFsdWVzLmxlbmd0aCA+IDA7XG4gIH1cblxuICBhY2NlcHRzKGl0ZW06IFQpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5maWx0ZXJlZFZhbHVlcy5pbmNsdWRlcyhpdGVtW3RoaXMucHJvcGVydHldKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuZGVzdHJveWVkJC5uZXh0KCk7XG4gICAgdGhpcy5kZXN0cm95ZWQkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiIsIjxjbHItY2hlY2tib3gtY29udGFpbmVyIGNsYXNzPVwiZmlsdGVyLXNlbGVjdGlvblwiPlxuICA8Y2xyLWNoZWNrYm94LXdyYXBwZXIgKm5nRm9yPVwibGV0IHBvc3NpYmxlVmFsdWUgb2YgcG9zc2libGVWYWx1ZXNcIj5cbiAgICA8aW5wdXRcbiAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICBjbHJDaGVja2JveFxuICAgICAgdmFsdWU9XCJ7eyBwb3NzaWJsZVZhbHVlIH19XCJcbiAgICAgIG5hbWU9XCJwb3NzaWJsZVZhbHVlXCJcbiAgICAgIFtuZ01vZGVsXT1cImZpbHRlcmVkVmFsdWVzLmluY2x1ZGVzKHBvc3NpYmxlVmFsdWUpXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uQ2hhbmdlKHBvc3NpYmxlVmFsdWUsICRldmVudClcIlxuICAgIC8+XG4gICAgPGxhYmVsPnt7IHBvc3NpYmxlVmFsdWUgfX08L2xhYmVsPlxuICA8L2Nsci1jaGVja2JveC13cmFwcGVyPlxuPC9jbHItY2hlY2tib3gtY29udGFpbmVyPlxuIl19
|
package/fesm2015/clr-addons.mjs
CHANGED
|
@@ -4736,6 +4736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
4736
4736
|
class ClrEnumFilterComponent {
|
|
4737
4737
|
constructor(filterContainer, datagrid) {
|
|
4738
4738
|
this.property = '';
|
|
4739
|
+
this.clrFilterValuesChange = new EventEmitter();
|
|
4739
4740
|
this.possibleValues = [];
|
|
4740
4741
|
this.customPossibleValues = false;
|
|
4741
4742
|
this.filteredValues = [];
|
|
@@ -4750,6 +4751,9 @@ class ClrEnumFilterComponent {
|
|
|
4750
4751
|
}
|
|
4751
4752
|
});
|
|
4752
4753
|
}
|
|
4754
|
+
set clrFilterValues(values) {
|
|
4755
|
+
this.filteredValues = values;
|
|
4756
|
+
}
|
|
4753
4757
|
set clrPossibleValues(values) {
|
|
4754
4758
|
this.possibleValues = values;
|
|
4755
4759
|
this.customPossibleValues = true;
|
|
@@ -4761,6 +4765,7 @@ class ClrEnumFilterComponent {
|
|
|
4761
4765
|
else {
|
|
4762
4766
|
this.filteredValues = this.filteredValues.filter(filteredState => filteredState !== selectedValue);
|
|
4763
4767
|
}
|
|
4768
|
+
this.clrFilterValuesChange.emit(this.filteredValues);
|
|
4764
4769
|
this.changes.emit(true);
|
|
4765
4770
|
}
|
|
4766
4771
|
isActive() {
|
|
@@ -4775,13 +4780,18 @@ class ClrEnumFilterComponent {
|
|
|
4775
4780
|
}
|
|
4776
4781
|
}
|
|
4777
4782
|
ClrEnumFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrEnumFilterComponent, deps: [{ token: i1.ClrDatagridFilter }, { token: i1.ClrDatagrid }], target: i0.ɵɵFactoryTarget.Component });
|
|
4778
|
-
ClrEnumFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ClrEnumFilterComponent, selector: "clr-enum-filter", inputs: { property: ["clrProperty", "property"], clrPossibleValues: "clrPossibleValues" }, ngImport: i0, template: "<clr-checkbox-container class=\"filter-selection\">\n <clr-checkbox-wrapper *ngFor=\"let possibleValue of possibleValues\">\n <input\n type=\"checkbox\"\n clrCheckbox\n value=\"{{ possibleValue }}\"\n name=\"possibleValue\"\n ngModel\n (ngModelChange)=\"onChange(possibleValue, $event)\"\n />\n <label>{{ possibleValue }}</label>\n </clr-checkbox-wrapper>\n</clr-checkbox-container>\n", styles: [".filter-selection{margin-top:0}\n"], components: [{ type: i1.ClrCheckboxContainer, selector: "clr-checkbox-container,clr-toggle-container", inputs: ["clrInline"] }, { type: i1.ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1.ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.ClrLabel, selector: "label", inputs: ["for"] }] });
|
|
4783
|
+
ClrEnumFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ClrEnumFilterComponent, selector: "clr-enum-filter", inputs: { property: ["clrProperty", "property"], clrFilterValues: "clrFilterValues", clrPossibleValues: "clrPossibleValues" }, outputs: { clrFilterValuesChange: "clrFilterValuesChange" }, ngImport: i0, template: "<clr-checkbox-container class=\"filter-selection\">\n <clr-checkbox-wrapper *ngFor=\"let possibleValue of possibleValues\">\n <input\n type=\"checkbox\"\n clrCheckbox\n value=\"{{ possibleValue }}\"\n name=\"possibleValue\"\n [ngModel]=\"filteredValues.includes(possibleValue)\"\n (ngModelChange)=\"onChange(possibleValue, $event)\"\n />\n <label>{{ possibleValue }}</label>\n </clr-checkbox-wrapper>\n</clr-checkbox-container>\n", styles: [".filter-selection{margin-top:0}\n"], components: [{ type: i1.ClrCheckboxContainer, selector: "clr-checkbox-container,clr-toggle-container", inputs: ["clrInline"] }, { type: i1.ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1.ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.ClrLabel, selector: "label", inputs: ["for"] }] });
|
|
4779
4784
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrEnumFilterComponent, decorators: [{
|
|
4780
4785
|
type: Component,
|
|
4781
|
-
args: [{ selector: 'clr-enum-filter', template: "<clr-checkbox-container class=\"filter-selection\">\n <clr-checkbox-wrapper *ngFor=\"let possibleValue of possibleValues\">\n <input\n type=\"checkbox\"\n clrCheckbox\n value=\"{{ possibleValue }}\"\n name=\"possibleValue\"\n ngModel\n (ngModelChange)=\"onChange(possibleValue, $event)\"\n />\n <label>{{ possibleValue }}</label>\n </clr-checkbox-wrapper>\n</clr-checkbox-container>\n", styles: [".filter-selection{margin-top:0}\n"] }]
|
|
4786
|
+
args: [{ selector: 'clr-enum-filter', template: "<clr-checkbox-container class=\"filter-selection\">\n <clr-checkbox-wrapper *ngFor=\"let possibleValue of possibleValues\">\n <input\n type=\"checkbox\"\n clrCheckbox\n value=\"{{ possibleValue }}\"\n name=\"possibleValue\"\n [ngModel]=\"filteredValues.includes(possibleValue)\"\n (ngModelChange)=\"onChange(possibleValue, $event)\"\n />\n <label>{{ possibleValue }}</label>\n </clr-checkbox-wrapper>\n</clr-checkbox-container>\n", styles: [".filter-selection{margin-top:0}\n"] }]
|
|
4782
4787
|
}], ctorParameters: function () { return [{ type: i1.ClrDatagridFilter }, { type: i1.ClrDatagrid }]; }, propDecorators: { property: [{
|
|
4783
4788
|
type: Input,
|
|
4784
4789
|
args: ['clrProperty']
|
|
4790
|
+
}], clrFilterValues: [{
|
|
4791
|
+
type: Input,
|
|
4792
|
+
args: ['clrFilterValues']
|
|
4793
|
+
}], clrFilterValuesChange: [{
|
|
4794
|
+
type: Output
|
|
4785
4795
|
}], clrPossibleValues: [{
|
|
4786
4796
|
type: Input
|
|
4787
4797
|
}] } });
|