cps-ui-kit 0.109.0 → 0.111.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/esm2020/lib/components/cps-table/directives/cps-table-column-filter.directive.mjs +10 -4
- package/esm2020/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.mjs +10 -4
- package/fesm2015/cps-ui-kit.mjs +20 -6
- package/fesm2015/cps-ui-kit.mjs.map +1 -1
- package/fesm2020/cps-ui-kit.mjs +18 -6
- package/fesm2020/cps-ui-kit.mjs.map +1 -1
- package/lib/components/cps-table/directives/cps-table-column-filter.directive.d.ts +5 -3
- package/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.d.ts +5 -3
- package/package.json +1 -1
package/fesm2020/cps-ui-kit.mjs
CHANGED
|
@@ -5151,6 +5151,9 @@ class CpsTableColumnFilterDirective {
|
|
|
5151
5151
|
this.filterCompRef = this.viewContainerRef.createComponent(TableColumnFilterComponent);
|
|
5152
5152
|
}
|
|
5153
5153
|
ngOnInit() {
|
|
5154
|
+
this.elementRef.nativeElement.firstChild.after(this.filterCompRef.location.nativeElement);
|
|
5155
|
+
}
|
|
5156
|
+
ngOnChanges() {
|
|
5154
5157
|
this.filterCompRef.setInput('field', this.field);
|
|
5155
5158
|
this.filterCompRef.setInput('type', this.filterType);
|
|
5156
5159
|
this.filterCompRef.setInput('persistent', this.filterPersistent);
|
|
@@ -5164,7 +5167,6 @@ class CpsTableColumnFilterDirective {
|
|
|
5164
5167
|
this.filterCompRef.setInput('hideOnClear', this.filterHideOnClear);
|
|
5165
5168
|
this.filterCompRef.setInput('categoryOptions', this.filterCategoryOptions);
|
|
5166
5169
|
this.filterCompRef.setInput('placeholder', this.filterPlaceholder || this._getDefaultPlaceholder());
|
|
5167
|
-
this.elementRef.nativeElement.firstChild.after(this.filterCompRef.location.nativeElement);
|
|
5168
5170
|
}
|
|
5169
5171
|
_getDefaultPlaceholder() {
|
|
5170
5172
|
switch (this.filterType) {
|
|
@@ -5180,18 +5182,22 @@ class CpsTableColumnFilterDirective {
|
|
|
5180
5182
|
return '';
|
|
5181
5183
|
}
|
|
5182
5184
|
}
|
|
5185
|
+
clearFilter() {
|
|
5186
|
+
this.filterCompRef?.instance?.clearFilter();
|
|
5187
|
+
}
|
|
5183
5188
|
ngOnDestroy() {
|
|
5184
5189
|
this.filterCompRef.destroy();
|
|
5185
5190
|
this.viewContainerRef.clear();
|
|
5186
5191
|
}
|
|
5187
5192
|
}
|
|
5188
5193
|
CpsTableColumnFilterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsTableColumnFilterDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5189
|
-
CpsTableColumnFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CpsTableColumnFilterDirective, isStandalone: true, selector: "[cpsTColFilter]", inputs: { field: ["cpsTColFilter", "field"], filterType: "filterType", filterPersistent: "filterPersistent", filterShowClearButton: "filterShowClearButton", filterShowApplyButton: "filterShowApplyButton", filterShowCloseButton: "filterShowCloseButton", filterShowMatchModes: "filterShowMatchModes", filterMatchModes: "filterMatchModes", filterShowOperator: "filterShowOperator", filterMaxConstraints: "filterMaxConstraints", filterHideOnClear: "filterHideOnClear", filterCategoryOptions: "filterCategoryOptions", filterPlaceholder: "filterPlaceholder" }, ngImport: i0 });
|
|
5194
|
+
CpsTableColumnFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CpsTableColumnFilterDirective, isStandalone: true, selector: "[cpsTColFilter]", inputs: { field: ["cpsTColFilter", "field"], filterType: "filterType", filterPersistent: "filterPersistent", filterShowClearButton: "filterShowClearButton", filterShowApplyButton: "filterShowApplyButton", filterShowCloseButton: "filterShowCloseButton", filterShowMatchModes: "filterShowMatchModes", filterMatchModes: "filterMatchModes", filterShowOperator: "filterShowOperator", filterMaxConstraints: "filterMaxConstraints", filterHideOnClear: "filterHideOnClear", filterCategoryOptions: "filterCategoryOptions", filterPlaceholder: "filterPlaceholder" }, exportAs: ["cpsTColFilter"], usesOnChanges: true, ngImport: i0 });
|
|
5190
5195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsTableColumnFilterDirective, decorators: [{
|
|
5191
5196
|
type: Directive,
|
|
5192
5197
|
args: [{
|
|
5193
5198
|
standalone: true,
|
|
5194
|
-
selector: '[cpsTColFilter]'
|
|
5199
|
+
selector: '[cpsTColFilter]',
|
|
5200
|
+
exportAs: 'cpsTColFilter'
|
|
5195
5201
|
}]
|
|
5196
5202
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { field: [{
|
|
5197
5203
|
type: Input,
|
|
@@ -6143,6 +6149,9 @@ class CpsTreeTableColumnFilterDirective {
|
|
|
6143
6149
|
this.filterCompRef = this.viewContainerRef.createComponent(TableColumnFilterComponent);
|
|
6144
6150
|
}
|
|
6145
6151
|
ngOnInit() {
|
|
6152
|
+
this.elementRef.nativeElement.firstChild.after(this.filterCompRef.location.nativeElement);
|
|
6153
|
+
}
|
|
6154
|
+
ngOnChanges() {
|
|
6146
6155
|
this.filterCompRef.setInput('field', this.field);
|
|
6147
6156
|
this.filterCompRef.setInput('type', this.filterType);
|
|
6148
6157
|
this.filterCompRef.setInput('persistent', this.filterPersistent);
|
|
@@ -6156,7 +6165,6 @@ class CpsTreeTableColumnFilterDirective {
|
|
|
6156
6165
|
this.filterCompRef.setInput('hideOnClear', this.filterHideOnClear);
|
|
6157
6166
|
this.filterCompRef.setInput('categoryOptions', this.filterCategoryOptions);
|
|
6158
6167
|
this.filterCompRef.setInput('placeholder', this.filterPlaceholder || this._getDefaultPlaceholder());
|
|
6159
|
-
this.elementRef.nativeElement.firstChild.after(this.filterCompRef.location.nativeElement);
|
|
6160
6168
|
}
|
|
6161
6169
|
_getDefaultPlaceholder() {
|
|
6162
6170
|
switch (this.filterType) {
|
|
@@ -6172,18 +6180,22 @@ class CpsTreeTableColumnFilterDirective {
|
|
|
6172
6180
|
return '';
|
|
6173
6181
|
}
|
|
6174
6182
|
}
|
|
6183
|
+
clearFilter() {
|
|
6184
|
+
this.filterCompRef?.instance?.clearFilter();
|
|
6185
|
+
}
|
|
6175
6186
|
ngOnDestroy() {
|
|
6176
6187
|
this.filterCompRef.destroy();
|
|
6177
6188
|
this.viewContainerRef.clear();
|
|
6178
6189
|
}
|
|
6179
6190
|
}
|
|
6180
6191
|
CpsTreeTableColumnFilterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsTreeTableColumnFilterDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6181
|
-
CpsTreeTableColumnFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CpsTreeTableColumnFilterDirective, isStandalone: true, selector: "[cpsTTColFilter]", inputs: { field: ["cpsTTColFilter", "field"], filterType: "filterType", filterPersistent: "filterPersistent", filterShowClearButton: "filterShowClearButton", filterShowApplyButton: "filterShowApplyButton", filterShowCloseButton: "filterShowCloseButton", filterShowMatchModes: "filterShowMatchModes", filterMatchModes: "filterMatchModes", filterShowOperator: "filterShowOperator", filterHideOnClear: "filterHideOnClear", filterCategoryOptions: "filterCategoryOptions", filterPlaceholder: "filterPlaceholder" }, ngImport: i0 });
|
|
6192
|
+
CpsTreeTableColumnFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CpsTreeTableColumnFilterDirective, isStandalone: true, selector: "[cpsTTColFilter]", inputs: { field: ["cpsTTColFilter", "field"], filterType: "filterType", filterPersistent: "filterPersistent", filterShowClearButton: "filterShowClearButton", filterShowApplyButton: "filterShowApplyButton", filterShowCloseButton: "filterShowCloseButton", filterShowMatchModes: "filterShowMatchModes", filterMatchModes: "filterMatchModes", filterShowOperator: "filterShowOperator", filterHideOnClear: "filterHideOnClear", filterCategoryOptions: "filterCategoryOptions", filterPlaceholder: "filterPlaceholder" }, exportAs: ["cpsTTColFilter"], usesOnChanges: true, ngImport: i0 });
|
|
6182
6193
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsTreeTableColumnFilterDirective, decorators: [{
|
|
6183
6194
|
type: Directive,
|
|
6184
6195
|
args: [{
|
|
6185
6196
|
standalone: true,
|
|
6186
|
-
selector: '[cpsTTColFilter]'
|
|
6197
|
+
selector: '[cpsTTColFilter]',
|
|
6198
|
+
exportAs: 'cpsTTColFilter'
|
|
6187
6199
|
}]
|
|
6188
6200
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { field: [{
|
|
6189
6201
|
type: Input,
|