@trudb/tru-common-lib 0.1.937 → 0.1.941
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.
|
@@ -6006,7 +6006,6 @@ class TruDataGridHeaderFilter {
|
|
|
6006
6006
|
filterParams;
|
|
6007
6007
|
gui;
|
|
6008
6008
|
filterText = '';
|
|
6009
|
-
eFilterText;
|
|
6010
6009
|
typesOfSort = [
|
|
6011
6010
|
{
|
|
6012
6011
|
value: 'asc',
|
|
@@ -6030,6 +6029,8 @@ class TruDataGridHeaderFilter {
|
|
|
6030
6029
|
icon: 'no-sort-icon'
|
|
6031
6030
|
}
|
|
6032
6031
|
];
|
|
6032
|
+
filterSelectControl = new FormControl('', []);
|
|
6033
|
+
filterInputControl = new FormControl('', []);
|
|
6033
6034
|
constructor() { }
|
|
6034
6035
|
agInit(params) {
|
|
6035
6036
|
}
|
|
@@ -6051,13 +6052,11 @@ class TruDataGridHeaderFilter {
|
|
|
6051
6052
|
return { value: this.filterText };
|
|
6052
6053
|
}
|
|
6053
6054
|
setModel(model) {
|
|
6054
|
-
this.eFilterText.value = model == null ? '' : model.value;
|
|
6055
6055
|
}
|
|
6056
6056
|
getGui() {
|
|
6057
6057
|
return this.gui;
|
|
6058
6058
|
}
|
|
6059
6059
|
afterGuiAttached() {
|
|
6060
|
-
this.eFilterText.focus();
|
|
6061
6060
|
}
|
|
6062
6061
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridHeaderFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6063
6062
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: TruDataGridHeaderFilter, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
|
|
@@ -6065,14 +6064,21 @@ class TruDataGridHeaderFilter {
|
|
|
6065
6064
|
<mat-selection-list [multiple]="false">
|
|
6066
6065
|
@for (typeOfSort of typesOfSort; track typeOfSort.value) {
|
|
6067
6066
|
<mat-list-option>
|
|
6068
|
-
<mat-icon
|
|
6067
|
+
<mat-icon [svgIcon]="typeOfSort.icon"></mat-icon>
|
|
6069
6068
|
<span matListItem>{{typeOfSort.label}}</span>
|
|
6070
6069
|
</mat-list-option>
|
|
6071
6070
|
}
|
|
6072
|
-
<mat-divider></mat-divider>
|
|
6073
6071
|
</mat-selection-list>
|
|
6074
6072
|
<mat-divider></mat-divider>
|
|
6075
|
-
|
|
6073
|
+
<label>Text Filters:</label>
|
|
6074
|
+
<mat-form-field class="invalid-target">
|
|
6075
|
+
<mat-select #filterSelect [formControl]="filterSelectControl"><mat-option>Filter</mat-option></mat-select>
|
|
6076
|
+
<input #filterInput
|
|
6077
|
+
matInput
|
|
6078
|
+
[formControl]="filterInputControl"
|
|
6079
|
+
type="text" />
|
|
6080
|
+
</mat-form-field>
|
|
6081
|
+
</div>`, isInline: true, styles: [".tru-data-grid-header-filter-container{min-width:250px!important}.tru-data-grid-header-filter-container mdc-list-item{padding-left:5px!important;padding-right:5px!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}\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: "component", type: MatOption$1, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
6076
6082
|
}
|
|
6077
6083
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridHeaderFilter, decorators: [{
|
|
6078
6084
|
type: Component,
|
|
@@ -6086,20 +6092,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
6086
6092
|
MatListItem,
|
|
6087
6093
|
MatSelectionList,
|
|
6088
6094
|
MatListOption,
|
|
6089
|
-
MatDivider
|
|
6095
|
+
MatDivider,
|
|
6096
|
+
MatFormField$1,
|
|
6097
|
+
MatOption$1,
|
|
6098
|
+
ReactiveFormsModule
|
|
6090
6099
|
], template: `
|
|
6091
6100
|
<div class="tru-data-grid-header-filter-container">
|
|
6092
6101
|
<mat-selection-list [multiple]="false">
|
|
6093
6102
|
@for (typeOfSort of typesOfSort; track typeOfSort.value) {
|
|
6094
6103
|
<mat-list-option>
|
|
6095
|
-
<mat-icon
|
|
6104
|
+
<mat-icon [svgIcon]="typeOfSort.icon"></mat-icon>
|
|
6096
6105
|
<span matListItem>{{typeOfSort.label}}</span>
|
|
6097
6106
|
</mat-list-option>
|
|
6098
6107
|
}
|
|
6099
|
-
<mat-divider></mat-divider>
|
|
6100
6108
|
</mat-selection-list>
|
|
6101
6109
|
<mat-divider></mat-divider>
|
|
6102
|
-
|
|
6110
|
+
<label>Text Filters:</label>
|
|
6111
|
+
<mat-form-field class="invalid-target">
|
|
6112
|
+
<mat-select #filterSelect [formControl]="filterSelectControl"><mat-option>Filter</mat-option></mat-select>
|
|
6113
|
+
<input #filterInput
|
|
6114
|
+
matInput
|
|
6115
|
+
[formControl]="filterInputControl"
|
|
6116
|
+
type="text" />
|
|
6117
|
+
</mat-form-field>
|
|
6118
|
+
</div>`, styles: [".tru-data-grid-header-filter-container{min-width:250px!important}.tru-data-grid-header-filter-container mdc-list-item{padding-left:5px!important;padding-right:5px!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}\n"] }]
|
|
6103
6119
|
}], ctorParameters: () => [] });
|
|
6104
6120
|
|
|
6105
6121
|
class TruDataGridRefHeader {
|