cps-ui-kit 0.107.0 → 0.109.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 +16 -8
- package/esm2020/lib/components/cps-table/table-column-filter/table-column-filter-constraint/table-column-filter-constraint.component.mjs +5 -5
- package/esm2020/lib/components/cps-table/table-column-filter/table-column-filter.component.mjs +12 -8
- package/esm2020/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.mjs +14 -6
- package/fesm2015/cps-ui-kit.mjs +43 -23
- package/fesm2015/cps-ui-kit.mjs.map +1 -1
- package/fesm2020/cps-ui-kit.mjs +43 -23
- 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-table/table-column-filter/table-column-filter-constraint/table-column-filter-constraint.component.d.ts +4 -4
- package/lib/components/cps-table/table-column-filter/table-column-filter.component.d.ts +5 -5
- package/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.d.ts +4 -2
- package/package.json +1 -1
package/fesm2015/cps-ui-kit.mjs
CHANGED
|
@@ -4824,10 +4824,10 @@ class TableColumnFilterConstraintComponent {
|
|
|
4824
4824
|
this.categories = [];
|
|
4825
4825
|
this._tableInstance = dt || tt;
|
|
4826
4826
|
}
|
|
4827
|
-
|
|
4828
|
-
this.
|
|
4827
|
+
ngOnChanges() {
|
|
4828
|
+
this._updateCategories();
|
|
4829
4829
|
}
|
|
4830
|
-
|
|
4830
|
+
_updateCategories() {
|
|
4831
4831
|
var _a, _b;
|
|
4832
4832
|
if (this.type !== 'category')
|
|
4833
4833
|
return;
|
|
@@ -4871,7 +4871,7 @@ class TableColumnFilterConstraintComponent {
|
|
|
4871
4871
|
}
|
|
4872
4872
|
}
|
|
4873
4873
|
TableColumnFilterConstraintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableColumnFilterConstraintComponent, deps: [{ token: i1$2.Table, optional: true }, { token: i1$3.TreeTable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
4874
|
-
TableColumnFilterConstraintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableColumnFilterConstraintComponent, isStandalone: true, selector: "table-column-filter-constraint", inputs: { type: "type", field: "field", filterConstraint: "filterConstraint", categoryOptions: "categoryOptions", placeholder: "placeholder", hasApplyButton: "hasApplyButton" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <cps-input\n *ngSwitchCase=\"'text'\"\n [placeholder]=\"placeholder\"\n [hideDetails]=\"true\"\n (keydown.enter)=\"onEnterKeyDown($event)\"\n [value]=\"filterConstraint?.value\"\n (valueChanged)=\"onValueChange($event)\"\n type=\"text\"></cps-input>\n\n <cps-input\n *ngSwitchCase=\"'number'\"\n [hideDetails]=\"true\"\n [placeholder]=\"placeholder\"\n (keydown.enter)=\"onEnterKeyDown($event)\"\n [value]=\"filterConstraint?.value\"\n (valueChanged)=\"onValueChange($event)\"\n type=\"number\"></cps-input>\n\n <div class=\"cps-table-col-filter-constraint-boolean\">\n <cps-button-toggle\n *ngSwitchCase=\"'boolean'\"\n [options]=\"booleanOptions\"\n [value]=\"filterConstraint?.value\"\n (valueChanged)=\"onValueChange($event)\"\n [mandatory]=\"false\">\n </cps-button-toggle>\n </div>\n\n <cps-datepicker\n *ngSwitchCase=\"'date'\"\n [openOnInputFocus]=\"true\"\n [hideDetails]=\"true\"\n [placeholder]=\"placeholder\"\n [value]=\"filterConstraint?.value\"\n (keydown.enter)=\"onEnterKeyDown($event)\"\n (valueChanged)=\"onValueChange($event)\">\n </cps-datepicker>\n\n <cps-autocomplete\n class=\"cps-table-col-filter-category-autocomplete\"\n *ngSwitchCase=\"'category'\"\n [placeholder]=\"placeholder\"\n [options]=\"categories\"\n [hideDetails]=\"true\"\n [clearable]=\"true\"\n [value]=\"filterConstraint?.value\"\n (valueChanged)=\"onValueChange($event)\"\n [returnObject]=\"false\"\n [multiple]=\"true\"></cps-autocomplete>\n</ng-container>\n", styles: [":host .cps-table-col-filter-constraint-boolean{display:flex;justify-content:center}:host .cps-table-col-filter-category-autocomplete{min-width:200px;max-width:400px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CpsInputComponent, selector: "cps-input", inputs: ["label", "hint", "placeholder", "disabled", "readonly", "width", "type", "loading", "clearable", "prefixIcon", "prefixIconClickable", "prefixIconSize", "prefixText", "hideDetails", "persistentClear", "error", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "valueToDisplay", "value"], outputs: ["valueChanged", "focused", "prefixIconClicked", "blurred", "cleared", "enterClicked"] }, { kind: "component", type: CpsDatepickerComponent, selector: "cps-datepicker", inputs: ["label", "disabled", "width", "placeholder", "hint", "clearable", "hideDetails", "persistentClear", "showTodayButton", "openOnInputFocus", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "minDate", "maxDate", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsButtonToggleComponent, selector: "cps-button-toggle", inputs: ["label", "options", "multiple", "disabled", "mandatory", "equalWidths", "optionTooltipPosition", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsAutocompleteComponent, selector: "cps-autocomplete", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "chips", "closableChips", "clearable", "openOnClear", "options", "optionLabel", "optionValue", "optionInfo", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "emptyMessage", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "value"], outputs: ["valueChanged"] }] });
|
|
4874
|
+
TableColumnFilterConstraintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableColumnFilterConstraintComponent, isStandalone: true, selector: "table-column-filter-constraint", inputs: { type: "type", field: "field", filterConstraint: "filterConstraint", categoryOptions: "categoryOptions", placeholder: "placeholder", hasApplyButton: "hasApplyButton" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <cps-input\n *ngSwitchCase=\"'text'\"\n [placeholder]=\"placeholder\"\n [hideDetails]=\"true\"\n (keydown.enter)=\"onEnterKeyDown($event)\"\n [value]=\"filterConstraint?.value\"\n (valueChanged)=\"onValueChange($event)\"\n type=\"text\"></cps-input>\n\n <cps-input\n *ngSwitchCase=\"'number'\"\n [hideDetails]=\"true\"\n [placeholder]=\"placeholder\"\n (keydown.enter)=\"onEnterKeyDown($event)\"\n [value]=\"filterConstraint?.value\"\n (valueChanged)=\"onValueChange($event)\"\n type=\"number\"></cps-input>\n\n <div class=\"cps-table-col-filter-constraint-boolean\">\n <cps-button-toggle\n *ngSwitchCase=\"'boolean'\"\n [options]=\"booleanOptions\"\n [value]=\"filterConstraint?.value\"\n (valueChanged)=\"onValueChange($event)\"\n [mandatory]=\"false\">\n </cps-button-toggle>\n </div>\n\n <cps-datepicker\n *ngSwitchCase=\"'date'\"\n [openOnInputFocus]=\"true\"\n [hideDetails]=\"true\"\n [placeholder]=\"placeholder\"\n [value]=\"filterConstraint?.value\"\n (keydown.enter)=\"onEnterKeyDown($event)\"\n (valueChanged)=\"onValueChange($event)\">\n </cps-datepicker>\n\n <cps-autocomplete\n class=\"cps-table-col-filter-category-autocomplete\"\n *ngSwitchCase=\"'category'\"\n [placeholder]=\"placeholder\"\n [options]=\"categories\"\n [hideDetails]=\"true\"\n [clearable]=\"true\"\n [value]=\"filterConstraint?.value\"\n (valueChanged)=\"onValueChange($event)\"\n [returnObject]=\"false\"\n [multiple]=\"true\"></cps-autocomplete>\n</ng-container>\n", styles: [":host .cps-table-col-filter-constraint-boolean{display:flex;justify-content:center}:host .cps-table-col-filter-category-autocomplete{min-width:200px;max-width:400px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CpsInputComponent, selector: "cps-input", inputs: ["label", "hint", "placeholder", "disabled", "readonly", "width", "type", "loading", "clearable", "prefixIcon", "prefixIconClickable", "prefixIconSize", "prefixText", "hideDetails", "persistentClear", "error", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "valueToDisplay", "value"], outputs: ["valueChanged", "focused", "prefixIconClicked", "blurred", "cleared", "enterClicked"] }, { kind: "component", type: CpsDatepickerComponent, selector: "cps-datepicker", inputs: ["label", "disabled", "width", "placeholder", "hint", "clearable", "hideDetails", "persistentClear", "showTodayButton", "openOnInputFocus", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "minDate", "maxDate", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsButtonToggleComponent, selector: "cps-button-toggle", inputs: ["label", "options", "multiple", "disabled", "mandatory", "equalWidths", "optionTooltipPosition", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsAutocompleteComponent, selector: "cps-autocomplete", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "chips", "closableChips", "clearable", "openOnClear", "options", "optionLabel", "optionValue", "optionInfo", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "emptyMessage", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "value"], outputs: ["valueChanged"] }] });
|
|
4875
4875
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableColumnFilterConstraintComponent, decorators: [{
|
|
4876
4876
|
type: Component,
|
|
4877
4877
|
args: [{ selector: 'table-column-filter-constraint', standalone: true, imports: [
|
|
@@ -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.
|
|
4940
|
+
this.showMatchModes = true;
|
|
4940
4941
|
this.matchModes = [];
|
|
4941
|
-
this.
|
|
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",
|
|
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
|
-
}],
|
|
5207
|
+
}], showMatchModes: [{
|
|
5206
5208
|
type: Input
|
|
5207
5209
|
}], matchModes: [{
|
|
5208
5210
|
type: Input
|
|
5209
|
-
}],
|
|
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.
|
|
5238
|
+
this.filterShowMatchModes = true;
|
|
5234
5239
|
this.filterMatchModes = [];
|
|
5235
|
-
this.
|
|
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('
|
|
5254
|
+
this.filterCompRef.setInput('showMatchModes', this.filterShowMatchModes);
|
|
5248
5255
|
this.filterCompRef.setInput('matchModes', this.filterMatchModes);
|
|
5249
|
-
this.filterCompRef.setInput('
|
|
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",
|
|
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
|
-
}],
|
|
5303
|
+
}], filterShowMatchModes: [{
|
|
5294
5304
|
type: Input
|
|
5295
5305
|
}], filterMatchModes: [{
|
|
5296
5306
|
type: Input
|
|
5297
|
-
}],
|
|
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.
|
|
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('
|
|
6251
|
+
this.filterCompRef.setInput('showMatchModes', this.filterShowMatchModes);
|
|
6237
6252
|
this.filterCompRef.setInput('matchModes', this.filterMatchModes);
|
|
6238
|
-
this.filterCompRef.setInput('
|
|
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",
|
|
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
|
-
}],
|
|
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: [{
|