cps-ui-kit 0.107.0 → 0.108.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.
@@ -4933,18 +4933,18 @@ class TableColumnFilterComponent {
4933
4933
  this.dt = dt;
4934
4934
  this.tt = tt;
4935
4935
  this.type = 'text';
4936
+ this.persistent = false;
4936
4937
  this.showClearButton = true;
4937
4938
  this.showApplyButton = true;
4938
4939
  this.showCloseButton = false;
4939
- this.persistent = false;
4940
+ this.showMatchModes = true;
4940
4941
  this.matchModes = [];
4941
- this.hideOnClear = false;
4942
+ this.showOperator = true;
4942
4943
  this.maxConstraints = 2;
4944
+ this.hideOnClear = false;
4943
4945
  this.categoryOptions = [];
4944
4946
  this.placeholder = '';
4945
4947
  this.operator = FilterOperator.AND;
4946
- this.showMatchModes = true;
4947
- this.showOperator = true;
4948
4948
  this.operatorOptions = [
4949
4949
  { label: 'Match All', value: FilterOperator.AND, info: 'AND' },
4950
4950
  { label: 'Match Any', value: FilterOperator.OR, info: 'OR' }
@@ -5174,7 +5174,7 @@ class TableColumnFilterComponent {
5174
5174
  }
5175
5175
  }
5176
5176
  TableColumnFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableColumnFilterComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.Table, optional: true }, { token: i1$3.TreeTable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
5177
- TableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableColumnFilterComponent, isStandalone: true, selector: "table-column-filter", inputs: { field: "field", type: "type", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", persistent: "persistent", matchModes: "matchModes", hideOnClear: "hideOnClear", maxConstraints: "maxConstraints", categoryOptions: "categoryOptions", placeholder: "placeholder" }, host: { listeners: { "click": "onClick($event)" } }, viewQueries: [{ propertyName: "columnFilterMenu", first: true, predicate: ["columnFilterMenu"], descendants: true }], ngImport: i0, template: "<div class=\"cps-table-col-filter\">\n <cps-menu\n #columnFilterMenu\n [withArrow]=\"false\"\n [persistent]=\"persistent\"\n (menuShown)=\"onMenuShown()\"\n (menuHidden)=\"onMenuHidden()\"\n (beforeMenuHidden)=\"onBeforeMenuHidden()\">\n <div class=\"cps-table-col-filter-menu-content\">\n <div\n class=\"cps-table-col-filter-menu-content-header\"\n *ngIf=\"showCloseButton\">\n <cps-icon icon=\"close-x\" (click)=\"onCloseClick()\"></cps-icon>\n </div>\n <div\n class=\"cps-table-col-filter-menu-content-operator\"\n *ngIf=\"isShowOperator\">\n <cps-select\n [hideDetails]=\"true\"\n [disabled]=\"!fieldConstraints || fieldConstraints.length < 2\"\n [returnObject]=\"false\"\n [options]=\"operatorOptions\"\n [ngModel]=\"operator\"\n (valueChanged)=\"onOperatorChange($event)\"></cps-select>\n </div>\n <div class=\"cps-table-col-filter-menu-content-constraints\">\n <div\n *ngFor=\"let fieldConstraint of fieldConstraints; let i = index\"\n class=\"cps-table-col-filter-menu-content-constraint\">\n <cps-select\n *ngIf=\"showMatchModes && currentMatchModes\"\n class=\"cps-table-col-filter-match-mode-select\"\n [hideDetails]=\"true\"\n [returnObject]=\"false\"\n [options]=\"currentMatchModes\"\n [ngModel]=\"fieldConstraint.matchMode\"\n (valueChanged)=\"\n onMenuMatchModeChange($event, fieldConstraint)\n \"></cps-select>\n <table-column-filter-constraint\n [type]=\"type\"\n [field]=\"field\"\n [categoryOptions]=\"categoryOptions\"\n [filterConstraint]=\"fieldConstraint\"\n [hasApplyButton]=\"showApplyButton\"\n [placeholder]=\"placeholder\">\n </table-column-filter-constraint>\n <div\n class=\"cps-table-col-filter-remove-rule-btn\"\n *ngIf=\"showRemoveIcon\">\n <cps-button\n type=\"borderless\"\n width=\"100%\"\n size=\"small\"\n color=\"prepared\"\n icon=\"delete\"\n (clicked)=\"removeConstraint(fieldConstraint)\"\n label=\"Remove condition\">\n </cps-button>\n </div>\n </div>\n </div>\n <div\n class=\"cps-table-col-filter-add-rule-btn\"\n *ngIf=\"isShowAddConstraint\">\n <cps-button\n label=\"Add condition\"\n type=\"borderless\"\n width=\"100%\"\n size=\"small\"\n color=\"surprise\"\n icon=\"add\"\n (clicked)=\"addConstraint()\">\n </cps-button>\n </div>\n <div class=\"cps-table-col-filter-buttonbar\">\n <cps-button\n *ngIf=\"showClearButton\"\n (clicked)=\"clearFilter()\"\n type=\"borderless\"\n color=\"prepared\"\n size=\"small\"\n label=\"Clear\"></cps-button>\n <cps-button\n *ngIf=\"showApplyButton\"\n (clicked)=\"applyFilter()\"\n color=\"prepared\"\n size=\"small\"\n label=\"Apply\"></cps-button>\n </div>\n </div>\n </cps-menu>\n <cps-icon\n icon=\"filter-funnel\"\n size=\"13\"\n (click)=\"columnFilterMenu.toggle($event)\"\n class=\"cps-table-col-filter-menu-button\"\n [ngClass]=\"{\n 'cps-table-col-filter-menu-button-active': hasFilter()\n }\"\n >>\n </cps-icon>\n</div>\n", styles: [":host .cps-table-col-filter{display:inline-flex}:host .cps-table-col-filter .cps-table-col-filter-menu-button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;overflow:hidden;position:relative;padding-left:12px;padding-right:4px}:host .cps-table-col-filter .cps-table-col-filter-menu-button:not(.cps-table-col-filter-menu-button-active):hover{color:var(--cps-color-text-dark)}:host .cps-table-col-filter .cps-table-col-filter-menu-button-active{color:var(--cps-color-calm)}.cps-table-col-filter-menu-content{padding-bottom:12px;min-width:200px;max-height:500px;overflow:auto}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-header{height:32px;padding:8px;border-bottom:1px solid var(--cps-color-line-mid);background:var(--cps-color-bg-light)}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-header cps-icon{float:right;cursor:pointer}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-header cps-icon:hover{color:var(--cps-color-calm)}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-operator{padding:12px;border-bottom:1px solid var(--cps-color-line-mid);background:var(--cps-color-bg-light)}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-constraints .cps-table-col-filter-menu-content-constraint{border-bottom:1px solid var(--cps-color-line-mid);padding:12px}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-constraints .cps-table-col-filter-menu-content-constraint .cps-table-col-filter-match-mode-select{margin-bottom:8px}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-constraints .cps-table-col-filter-menu-content-constraint:last-child{border-bottom:none}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-constraints .cps-table-col-filter-remove-rule-btn{padding-top:8px}.cps-table-col-filter-menu-content .cps-table-col-filter-add-rule-btn{padding:8px 12px}.cps-table-col-filter-menu-content .cps-table-col-filter-buttonbar{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CpsButtonComponent, selector: "cps-button", inputs: ["color", "contentColor", "type", "label", "icon", "iconPosition", "size", "width", "height", "disabled", "loading"], outputs: ["clicked"] }, { kind: "component", type: CpsMenuComponent, selector: "cps-menu", inputs: ["header", "items", "withArrow", "compressed", "focusOnShow", "persistent", "containerClass", "showTransitionOptions", "hideTransitionOptions"], outputs: ["menuShown", "menuHidden", "beforeMenuHidden", "contentClicked"] }, { kind: "component", type: CpsIconComponent, selector: "cps-icon", inputs: ["icon", "size", "color"] }, { kind: "component", type: CpsSelectComponent, selector: "cps-select", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "chips", "closableChips", "clearable", "openOnClear", "options", "optionLabel", "optionValue", "optionInfo", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "optionsClass", "appearance", "value"], outputs: ["valueChanged"] }, { kind: "component", type: TableColumnFilterConstraintComponent, selector: "table-column-filter-constraint", inputs: ["type", "field", "filterConstraint", "categoryOptions", "placeholder", "hasApplyButton"] }] });
5177
+ TableColumnFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableColumnFilterComponent, isStandalone: true, selector: "table-column-filter", inputs: { field: "field", type: "type", persistent: "persistent", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", showMatchModes: "showMatchModes", matchModes: "matchModes", showOperator: "showOperator", maxConstraints: "maxConstraints", hideOnClear: "hideOnClear", categoryOptions: "categoryOptions", placeholder: "placeholder" }, host: { listeners: { "click": "onClick($event)" } }, viewQueries: [{ propertyName: "columnFilterMenu", first: true, predicate: ["columnFilterMenu"], descendants: true }], ngImport: i0, template: "<div class=\"cps-table-col-filter\">\n <cps-menu\n #columnFilterMenu\n [withArrow]=\"false\"\n [persistent]=\"persistent\"\n (menuShown)=\"onMenuShown()\"\n (menuHidden)=\"onMenuHidden()\"\n (beforeMenuHidden)=\"onBeforeMenuHidden()\">\n <div class=\"cps-table-col-filter-menu-content\">\n <div\n class=\"cps-table-col-filter-menu-content-header\"\n *ngIf=\"showCloseButton\">\n <cps-icon icon=\"close-x\" (click)=\"onCloseClick()\"></cps-icon>\n </div>\n <div\n class=\"cps-table-col-filter-menu-content-operator\"\n *ngIf=\"isShowOperator\">\n <cps-select\n [hideDetails]=\"true\"\n [disabled]=\"!fieldConstraints || fieldConstraints.length < 2\"\n [returnObject]=\"false\"\n [options]=\"operatorOptions\"\n [ngModel]=\"operator\"\n (valueChanged)=\"onOperatorChange($event)\"></cps-select>\n </div>\n <div class=\"cps-table-col-filter-menu-content-constraints\">\n <div\n *ngFor=\"let fieldConstraint of fieldConstraints; let i = index\"\n class=\"cps-table-col-filter-menu-content-constraint\">\n <cps-select\n *ngIf=\"showMatchModes && currentMatchModes\"\n class=\"cps-table-col-filter-match-mode-select\"\n [hideDetails]=\"true\"\n [returnObject]=\"false\"\n [options]=\"currentMatchModes\"\n [ngModel]=\"fieldConstraint.matchMode\"\n (valueChanged)=\"\n onMenuMatchModeChange($event, fieldConstraint)\n \"></cps-select>\n <table-column-filter-constraint\n [type]=\"type\"\n [field]=\"field\"\n [categoryOptions]=\"categoryOptions\"\n [filterConstraint]=\"fieldConstraint\"\n [hasApplyButton]=\"showApplyButton\"\n [placeholder]=\"placeholder\">\n </table-column-filter-constraint>\n <div\n class=\"cps-table-col-filter-remove-rule-btn\"\n *ngIf=\"showRemoveIcon\">\n <cps-button\n type=\"borderless\"\n width=\"100%\"\n size=\"small\"\n color=\"prepared\"\n icon=\"delete\"\n (clicked)=\"removeConstraint(fieldConstraint)\"\n label=\"Remove condition\">\n </cps-button>\n </div>\n </div>\n </div>\n <div\n class=\"cps-table-col-filter-add-rule-btn\"\n *ngIf=\"isShowAddConstraint\">\n <cps-button\n label=\"Add condition\"\n type=\"borderless\"\n width=\"100%\"\n size=\"small\"\n color=\"surprise\"\n icon=\"add\"\n (clicked)=\"addConstraint()\">\n </cps-button>\n </div>\n <div class=\"cps-table-col-filter-buttonbar\">\n <cps-button\n *ngIf=\"showClearButton\"\n (clicked)=\"clearFilter()\"\n type=\"borderless\"\n color=\"prepared\"\n size=\"small\"\n label=\"Clear\"></cps-button>\n <cps-button\n *ngIf=\"showApplyButton\"\n (clicked)=\"applyFilter()\"\n color=\"prepared\"\n size=\"small\"\n label=\"Apply\"></cps-button>\n </div>\n </div>\n </cps-menu>\n <cps-icon\n icon=\"filter-funnel\"\n size=\"13\"\n (click)=\"columnFilterMenu.toggle($event)\"\n class=\"cps-table-col-filter-menu-button\"\n [ngClass]=\"{\n 'cps-table-col-filter-menu-button-active': hasFilter()\n }\"\n >>\n </cps-icon>\n</div>\n", styles: [":host .cps-table-col-filter{display:inline-flex}:host .cps-table-col-filter .cps-table-col-filter-menu-button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;overflow:hidden;position:relative;padding-left:12px;padding-right:4px}:host .cps-table-col-filter .cps-table-col-filter-menu-button:not(.cps-table-col-filter-menu-button-active):hover{color:var(--cps-color-text-dark)}:host .cps-table-col-filter .cps-table-col-filter-menu-button-active{color:var(--cps-color-calm)}.cps-table-col-filter-menu-content{padding-bottom:12px;min-width:200px;max-height:500px;overflow:auto}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-header{height:32px;padding:8px;border-bottom:1px solid var(--cps-color-line-mid);background:var(--cps-color-bg-light)}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-header cps-icon{float:right;cursor:pointer}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-header cps-icon:hover{color:var(--cps-color-calm)}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-operator{padding:12px;border-bottom:1px solid var(--cps-color-line-mid);background:var(--cps-color-bg-light)}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-constraints .cps-table-col-filter-menu-content-constraint{border-bottom:1px solid var(--cps-color-line-mid);padding:12px}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-constraints .cps-table-col-filter-menu-content-constraint .cps-table-col-filter-match-mode-select{margin-bottom:8px}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-constraints .cps-table-col-filter-menu-content-constraint:last-child{border-bottom:none}.cps-table-col-filter-menu-content .cps-table-col-filter-menu-content-constraints .cps-table-col-filter-remove-rule-btn{padding-top:8px}.cps-table-col-filter-menu-content .cps-table-col-filter-add-rule-btn{padding:8px 12px}.cps-table-col-filter-menu-content .cps-table-col-filter-buttonbar{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CpsButtonComponent, selector: "cps-button", inputs: ["color", "contentColor", "type", "label", "icon", "iconPosition", "size", "width", "height", "disabled", "loading"], outputs: ["clicked"] }, { kind: "component", type: CpsMenuComponent, selector: "cps-menu", inputs: ["header", "items", "withArrow", "compressed", "focusOnShow", "persistent", "containerClass", "showTransitionOptions", "hideTransitionOptions"], outputs: ["menuShown", "menuHidden", "beforeMenuHidden", "contentClicked"] }, { kind: "component", type: CpsIconComponent, selector: "cps-icon", inputs: ["icon", "size", "color"] }, { kind: "component", type: CpsSelectComponent, selector: "cps-select", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "chips", "closableChips", "clearable", "openOnClear", "options", "optionLabel", "optionValue", "optionInfo", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "optionsClass", "appearance", "value"], outputs: ["valueChanged"] }, { kind: "component", type: TableColumnFilterConstraintComponent, selector: "table-column-filter-constraint", inputs: ["type", "field", "filterConstraint", "categoryOptions", "placeholder", "hasApplyButton"] }] });
5178
5178
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableColumnFilterComponent, decorators: [{
5179
5179
  type: Component,
5180
5180
  args: [{ selector: 'table-column-filter', standalone: true, imports: [
@@ -5196,20 +5196,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
5196
5196
  type: Input
5197
5197
  }], type: [{
5198
5198
  type: Input
5199
+ }], persistent: [{
5200
+ type: Input
5199
5201
  }], showClearButton: [{
5200
5202
  type: Input
5201
5203
  }], showApplyButton: [{
5202
5204
  type: Input
5203
5205
  }], showCloseButton: [{
5204
5206
  type: Input
5205
- }], persistent: [{
5207
+ }], showMatchModes: [{
5206
5208
  type: Input
5207
5209
  }], matchModes: [{
5208
5210
  type: Input
5209
- }], hideOnClear: [{
5211
+ }], showOperator: [{
5210
5212
  type: Input
5211
5213
  }], maxConstraints: [{
5212
5214
  type: Input
5215
+ }], hideOnClear: [{
5216
+ type: Input
5213
5217
  }], categoryOptions: [{
5214
5218
  type: Input
5215
5219
  }], placeholder: [{
@@ -5227,13 +5231,15 @@ class CpsTableColumnFilterDirective {
5227
5231
  this.elementRef = elementRef;
5228
5232
  this.viewContainerRef = viewContainerRef;
5229
5233
  this.filterType = 'text';
5234
+ this.filterPersistent = false;
5230
5235
  this.filterShowClearButton = true;
5231
5236
  this.filterShowApplyButton = true;
5232
5237
  this.filterShowCloseButton = false;
5233
- this.filterPersistent = false;
5238
+ this.filterShowMatchModes = true;
5234
5239
  this.filterMatchModes = [];
5235
- this.filterHideOnClear = false;
5240
+ this.filterShowOperator = true;
5236
5241
  this.filterMaxConstraints = 2;
5242
+ this.filterHideOnClear = false;
5237
5243
  this.filterCategoryOptions = [];
5238
5244
  this.filterPlaceholder = '';
5239
5245
  this.filterCompRef = this.viewContainerRef.createComponent(TableColumnFilterComponent);
@@ -5241,13 +5247,15 @@ class CpsTableColumnFilterDirective {
5241
5247
  ngOnInit() {
5242
5248
  this.filterCompRef.setInput('field', this.field);
5243
5249
  this.filterCompRef.setInput('type', this.filterType);
5250
+ this.filterCompRef.setInput('persistent', this.filterPersistent);
5244
5251
  this.filterCompRef.setInput('showClearButton', this.filterShowClearButton);
5245
5252
  this.filterCompRef.setInput('showApplyButton', this.filterShowApplyButton);
5246
5253
  this.filterCompRef.setInput('showCloseButton', this.filterShowCloseButton);
5247
- this.filterCompRef.setInput('persistent', this.filterPersistent);
5254
+ this.filterCompRef.setInput('showMatchModes', this.filterShowMatchModes);
5248
5255
  this.filterCompRef.setInput('matchModes', this.filterMatchModes);
5249
- this.filterCompRef.setInput('hideOnClear', this.filterHideOnClear);
5256
+ this.filterCompRef.setInput('showOperator', this.filterShowOperator);
5250
5257
  this.filterCompRef.setInput('maxConstraints', this.filterMaxConstraints);
5258
+ this.filterCompRef.setInput('hideOnClear', this.filterHideOnClear);
5251
5259
  this.filterCompRef.setInput('categoryOptions', this.filterCategoryOptions);
5252
5260
  this.filterCompRef.setInput('placeholder', this.filterPlaceholder || this._getDefaultPlaceholder());
5253
5261
  this.elementRef.nativeElement.firstChild.after(this.filterCompRef.location.nativeElement);
@@ -5272,7 +5280,7 @@ class CpsTableColumnFilterDirective {
5272
5280
  }
5273
5281
  }
5274
5282
  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 });
5275
- CpsTableColumnFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CpsTableColumnFilterDirective, isStandalone: true, selector: "[cpsTColFilter]", inputs: { field: ["cpsTColFilter", "field"], filterType: "filterType", filterShowClearButton: "filterShowClearButton", filterShowApplyButton: "filterShowApplyButton", filterShowCloseButton: "filterShowCloseButton", filterPersistent: "filterPersistent", filterMatchModes: "filterMatchModes", filterHideOnClear: "filterHideOnClear", filterMaxConstraints: "filterMaxConstraints", filterCategoryOptions: "filterCategoryOptions", filterPlaceholder: "filterPlaceholder" }, ngImport: i0 });
5283
+ 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 });
5276
5284
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsTableColumnFilterDirective, decorators: [{
5277
5285
  type: Directive,
5278
5286
  args: [{
@@ -5284,20 +5292,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
5284
5292
  args: ['cpsTColFilter']
5285
5293
  }], filterType: [{
5286
5294
  type: Input
5295
+ }], filterPersistent: [{
5296
+ type: Input
5287
5297
  }], filterShowClearButton: [{
5288
5298
  type: Input
5289
5299
  }], filterShowApplyButton: [{
5290
5300
  type: Input
5291
5301
  }], filterShowCloseButton: [{
5292
5302
  type: Input
5293
- }], filterPersistent: [{
5303
+ }], filterShowMatchModes: [{
5294
5304
  type: Input
5295
5305
  }], filterMatchModes: [{
5296
5306
  type: Input
5297
- }], filterHideOnClear: [{
5307
+ }], filterShowOperator: [{
5298
5308
  type: Input
5299
5309
  }], filterMaxConstraints: [{
5300
5310
  type: Input
5311
+ }], filterHideOnClear: [{
5312
+ type: Input
5301
5313
  }], filterCategoryOptions: [{
5302
5314
  type: Input
5303
5315
  }], filterPlaceholder: [{
@@ -6217,11 +6229,13 @@ class CpsTreeTableColumnFilterDirective {
6217
6229
  this.elementRef = elementRef;
6218
6230
  this.viewContainerRef = viewContainerRef;
6219
6231
  this.filterType = 'text';
6232
+ this.filterPersistent = false;
6220
6233
  this.filterShowClearButton = true;
6221
6234
  this.filterShowApplyButton = true;
6222
6235
  this.filterShowCloseButton = false;
6223
- this.filterPersistent = false;
6236
+ this.filterShowMatchModes = true;
6224
6237
  this.filterMatchModes = [];
6238
+ this.filterShowOperator = true;
6225
6239
  this.filterHideOnClear = false;
6226
6240
  this.filterCategoryOptions = [];
6227
6241
  this.filterPlaceholder = '';
@@ -6230,13 +6244,15 @@ class CpsTreeTableColumnFilterDirective {
6230
6244
  ngOnInit() {
6231
6245
  this.filterCompRef.setInput('field', this.field);
6232
6246
  this.filterCompRef.setInput('type', this.filterType);
6247
+ this.filterCompRef.setInput('persistent', this.filterPersistent);
6233
6248
  this.filterCompRef.setInput('showClearButton', this.filterShowClearButton);
6234
6249
  this.filterCompRef.setInput('showApplyButton', this.filterShowApplyButton);
6235
6250
  this.filterCompRef.setInput('showCloseButton', this.filterShowCloseButton);
6236
- this.filterCompRef.setInput('persistent', this.filterPersistent);
6251
+ this.filterCompRef.setInput('showMatchModes', this.filterShowMatchModes);
6237
6252
  this.filterCompRef.setInput('matchModes', this.filterMatchModes);
6238
- this.filterCompRef.setInput('hideOnClear', this.filterHideOnClear);
6253
+ this.filterCompRef.setInput('showOperator', this.filterShowOperator);
6239
6254
  this.filterCompRef.setInput('maxConstraints', 1);
6255
+ this.filterCompRef.setInput('hideOnClear', this.filterHideOnClear);
6240
6256
  this.filterCompRef.setInput('categoryOptions', this.filterCategoryOptions);
6241
6257
  this.filterCompRef.setInput('placeholder', this.filterPlaceholder || this._getDefaultPlaceholder());
6242
6258
  this.elementRef.nativeElement.firstChild.after(this.filterCompRef.location.nativeElement);
@@ -6261,7 +6277,7 @@ class CpsTreeTableColumnFilterDirective {
6261
6277
  }
6262
6278
  }
6263
6279
  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 });
6264
- CpsTreeTableColumnFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: CpsTreeTableColumnFilterDirective, isStandalone: true, selector: "[cpsTTColFilter]", inputs: { field: ["cpsTTColFilter", "field"], filterType: "filterType", filterShowClearButton: "filterShowClearButton", filterShowApplyButton: "filterShowApplyButton", filterShowCloseButton: "filterShowCloseButton", filterPersistent: "filterPersistent", filterMatchModes: "filterMatchModes", filterHideOnClear: "filterHideOnClear", filterCategoryOptions: "filterCategoryOptions", filterPlaceholder: "filterPlaceholder" }, ngImport: i0 });
6280
+ 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 });
6265
6281
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CpsTreeTableColumnFilterDirective, decorators: [{
6266
6282
  type: Directive,
6267
6283
  args: [{
@@ -6273,16 +6289,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
6273
6289
  args: ['cpsTTColFilter']
6274
6290
  }], filterType: [{
6275
6291
  type: Input
6292
+ }], filterPersistent: [{
6293
+ type: Input
6276
6294
  }], filterShowClearButton: [{
6277
6295
  type: Input
6278
6296
  }], filterShowApplyButton: [{
6279
6297
  type: Input
6280
6298
  }], filterShowCloseButton: [{
6281
6299
  type: Input
6282
- }], filterPersistent: [{
6300
+ }], filterShowMatchModes: [{
6283
6301
  type: Input
6284
6302
  }], filterMatchModes: [{
6285
6303
  type: Input
6304
+ }], filterShowOperator: [{
6305
+ type: Input
6286
6306
  }], filterHideOnClear: [{
6287
6307
  type: Input
6288
6308
  }], filterCategoryOptions: [{