@trudb/tru-common-lib 0.1.938 → 0.1.942
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: `
|
|
@@ -6069,10 +6068,17 @@ class TruDataGridHeaderFilter {
|
|
|
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: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption$1, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: "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,7 +6092,12 @@ 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
|
+
MatSelect,
|
|
6098
|
+
MatOption$1,
|
|
6099
|
+
MatInputModule,
|
|
6100
|
+
ReactiveFormsModule
|
|
6090
6101
|
], template: `
|
|
6091
6102
|
<div class="tru-data-grid-header-filter-container">
|
|
6092
6103
|
<mat-selection-list [multiple]="false">
|
|
@@ -6096,10 +6107,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
|
|
|
6096
6107
|
<span matListItem>{{typeOfSort.label}}</span>
|
|
6097
6108
|
</mat-list-option>
|
|
6098
6109
|
}
|
|
6099
|
-
<mat-divider></mat-divider>
|
|
6100
6110
|
</mat-selection-list>
|
|
6101
6111
|
<mat-divider></mat-divider>
|
|
6102
|
-
|
|
6112
|
+
<label>Text Filters:</label>
|
|
6113
|
+
<mat-form-field class="invalid-target">
|
|
6114
|
+
<mat-select #filterSelect [formControl]="filterSelectControl"><mat-option>Filter</mat-option></mat-select>
|
|
6115
|
+
<input #filterInput
|
|
6116
|
+
matInput
|
|
6117
|
+
[formControl]="filterInputControl"
|
|
6118
|
+
type="text" />
|
|
6119
|
+
</mat-form-field>
|
|
6120
|
+
</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
6121
|
}], ctorParameters: () => [] });
|
|
6104
6122
|
|
|
6105
6123
|
class TruDataGridRefHeader {
|