@porscheinformatik/clr-addons 12.7.0 → 12.8.0

package/fesm2020/clr-addons.mjs

@@ -4726,6 +4726,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 class ClrEnumFilterComponent {
     constructor(filterContainer, datagrid) {
         this.property = '';
+        this.clrFilterValuesChange = new EventEmitter();
         this.possibleValues = [];
         this.customPossibleValues = false;
         this.filteredValues = [];
@@ -4740,6 +4741,9 @@ class ClrEnumFilterComponent {
             }
         });
     }
+    set clrFilterValues(values) {
+        this.filteredValues = values;
+    }
     set clrPossibleValues(values) {
         this.possibleValues = values;
         this.customPossibleValues = true;
@@ -4751,6 +4755,7 @@ class ClrEnumFilterComponent {
         else {
             this.filteredValues = this.filteredValues.filter(filteredState => filteredState !== selectedValue);
         }
+        this.clrFilterValuesChange.emit(this.filteredValues);
         this.changes.emit(true);
     }
     isActive() {
@@ -4765,13 +4770,18 @@ class ClrEnumFilterComponent {
     }
 }
 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 });
-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"] }] });
+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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrEnumFilterComponent, decorators: [{
             type: Component,
-            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"] }]
+            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"] }]
         }], ctorParameters: function () { return [{ type: i1.ClrDatagridFilter }, { type: i1.ClrDatagrid }]; }, propDecorators: { property: [{
                 type: Input,
                 args: ['clrProperty']
+            }], clrFilterValues: [{
+                type: Input,
+                args: ['clrFilterValues']
+            }], clrFilterValuesChange: [{
+                type: Output
             }], clrPossibleValues: [{
                 type: Input
             }] } });