@trudb/tru-common-lib 0.1.954 → 0.1.955
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.
|
@@ -6044,9 +6044,11 @@ class TruDataGridHeaderFilter {
|
|
|
6044
6044
|
icon: 'no-sort-icon'
|
|
6045
6045
|
}
|
|
6046
6046
|
];
|
|
6047
|
+
values = [];
|
|
6047
6048
|
filterInputControl = new FormControl('', []);
|
|
6048
6049
|
constructor() { }
|
|
6049
6050
|
agInit(params) {
|
|
6051
|
+
this.filterParams = params;
|
|
6050
6052
|
}
|
|
6051
6053
|
isFilterActive() {
|
|
6052
6054
|
return this.filterText != null && this.filterText !== '';
|
|
@@ -6066,16 +6068,22 @@ class TruDataGridHeaderFilter {
|
|
|
6066
6068
|
return { value: this.filterText };
|
|
6067
6069
|
}
|
|
6068
6070
|
setModel(model) {
|
|
6071
|
+
this.filterText = model == null ? null : model.value;
|
|
6069
6072
|
}
|
|
6070
6073
|
getGui() {
|
|
6071
6074
|
return this.gui;
|
|
6072
6075
|
}
|
|
6073
6076
|
afterGuiAttached() {
|
|
6074
6077
|
}
|
|
6078
|
+
onFilterInputChanged() {
|
|
6079
|
+
this.filterParams.filterChangedCallback();
|
|
6080
|
+
}
|
|
6081
|
+
onSortSelection = (event) => {
|
|
6082
|
+
};
|
|
6075
6083
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridHeaderFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6076
6084
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: TruDataGridHeaderFilter, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
|
|
6077
6085
|
<div class="tru-data-grid-header-filter-container">
|
|
6078
|
-
<mat-selection-list [multiple]="false">
|
|
6086
|
+
<mat-selection-list #sort [multiple]="false" (selectionChange)="onSortSelection($event)">
|
|
6079
6087
|
@for (typeOfSort of typesOfSort; track typeOfSort.value) {
|
|
6080
6088
|
<mat-list-option>
|
|
6081
6089
|
<mat-icon [svgIcon]="typeOfSort.icon"></mat-icon>
|
|
@@ -6093,6 +6101,8 @@ class TruDataGridHeaderFilter {
|
|
|
6093
6101
|
<input #filterInput
|
|
6094
6102
|
matInput
|
|
6095
6103
|
[formControl]="filterInputControl"
|
|
6104
|
+
[(ngModel)]="filterText"
|
|
6105
|
+
(ngModelChange)="onFilterInputChanged()"
|
|
6096
6106
|
type="text" />
|
|
6097
6107
|
</mat-form-field>
|
|
6098
6108
|
</div>`, isInline: true, styles: [".tru-data-grid-header-filter-container{min-width:200px!important}.tru-data-grid-header-filter-container mdc-list{padding-bottom:10px!important}::ng-deep .tru-data-grid-header-filter-container mat-list-option{padding-left:10px!important}::ng-deep .tru-data-grid-header-filter-container mat-icon{height:18px!important;width:18px!important;padding-right:5px;padding-top:4px}::ng-deep .tru-data-grid-header-filter-container .mdc-list-item__primary-text span{font-size:12px!important;vertical-align:text-bottom}::ng-deep .tru-data-grid-header-filter-container .mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end{display:none!important}::ng-deep .tru-data-grid-header-filter-container mat-divider{padding-top:5px;padding-bottom:5px;margin-left:10px;margin-right:10px}::ng-deep .tru-data-grid-header-filter-container mat-label{margin-left:10px;font-weight:700}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field{display:block!important;margin:0 10px 10px!important}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-infix{padding:0!important;min-height:unset!important}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-flex.invalid .mdc-notched-outline__leading{border-color:#bd362f}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-flex.invalid .mdc-notched-outline__notch{border-color:#bd362f}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-flex.invalid .mdc-notched-outline__trailing{border-color:#bd362f}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-bottom-align:before{content:unset!important}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-icon-prefix>.mat-icon{padding:0 0 5px!important}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-icon-suffix>.mat-icon{padding:0 0 5px!important}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-infix{padding:0 0 5px!important;min-height:unset!important}::ng-deep .tru-data-grid-header-filter-search-icon svg{fill:#343434}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: MatFormField$1, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
@@ -6117,7 +6127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
6117
6127
|
ReactiveFormsModule
|
|
6118
6128
|
], template: `
|
|
6119
6129
|
<div class="tru-data-grid-header-filter-container">
|
|
6120
|
-
<mat-selection-list [multiple]="false">
|
|
6130
|
+
<mat-selection-list #sort [multiple]="false" (selectionChange)="onSortSelection($event)">
|
|
6121
6131
|
@for (typeOfSort of typesOfSort; track typeOfSort.value) {
|
|
6122
6132
|
<mat-list-option>
|
|
6123
6133
|
<mat-icon [svgIcon]="typeOfSort.icon"></mat-icon>
|
|
@@ -6135,6 +6145,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
6135
6145
|
<input #filterInput
|
|
6136
6146
|
matInput
|
|
6137
6147
|
[formControl]="filterInputControl"
|
|
6148
|
+
[(ngModel)]="filterText"
|
|
6149
|
+
(ngModelChange)="onFilterInputChanged()"
|
|
6138
6150
|
type="text" />
|
|
6139
6151
|
</mat-form-field>
|
|
6140
6152
|
</div>`, styles: [".tru-data-grid-header-filter-container{min-width:200px!important}.tru-data-grid-header-filter-container mdc-list{padding-bottom:10px!important}::ng-deep .tru-data-grid-header-filter-container mat-list-option{padding-left:10px!important}::ng-deep .tru-data-grid-header-filter-container mat-icon{height:18px!important;width:18px!important;padding-right:5px;padding-top:4px}::ng-deep .tru-data-grid-header-filter-container .mdc-list-item__primary-text span{font-size:12px!important;vertical-align:text-bottom}::ng-deep .tru-data-grid-header-filter-container .mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end{display:none!important}::ng-deep .tru-data-grid-header-filter-container mat-divider{padding-top:5px;padding-bottom:5px;margin-left:10px;margin-right:10px}::ng-deep .tru-data-grid-header-filter-container mat-label{margin-left:10px;font-weight:700}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field{display:block!important;margin:0 10px 10px!important}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-infix{padding:0!important;min-height:unset!important}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-flex.invalid .mdc-notched-outline__leading{border-color:#bd362f}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-flex.invalid .mdc-notched-outline__notch{border-color:#bd362f}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-flex.invalid .mdc-notched-outline__trailing{border-color:#bd362f}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-bottom-align:before{content:unset!important}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-icon-prefix>.mat-icon{padding:0 0 5px!important}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-icon-suffix>.mat-icon{padding:0 0 5px!important}::ng-deep .tru-data-grid-header-filter-container .mat-mdc-form-field-infix{padding:0 0 5px!important;min-height:unset!important}::ng-deep .tru-data-grid-header-filter-search-icon svg{fill:#343434}\n"] }]
|