@trudb/tru-common-lib 0.1.938 → 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: `
@@ -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
- </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}::ng-deep .tru-data-grid-header-filter-container .mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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"] }] });
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,7 +6092,10 @@ 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">
@@ -6096,10 +6105,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
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
- </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}::ng-deep .tru-data-grid-header-filter-container .mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end{display:none!important}\n"] }]
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 {