@trudb/tru-common-lib 0.1.926 → 0.1.932

package/fesm2022/trudb-tru-common-lib.mjs

@@ -6009,18 +6009,21 @@ class TruDataGridHeaderFilter {
     eFilterText;
     typesOfSort = [
         {
+            value: 'asc',
             label: 'Sort A to Z',
             selected: false,
             display: true,
             icon: 'asc-sort-icon'
         },
         {
+            value: 'desc',
             label: 'Sort Z to A',
             selected: false,
             display: true,
             icon: 'desc-sort-icon'
         },
         {
+            value: 'clear',
             label: 'Clear Sort',
             selected: false,
             display: true,
@@ -6060,16 +6063,16 @@ class TruDataGridHeaderFilter {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: TruDataGridHeaderFilter, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
   <div class="tru-data-grid-header-filter-container">
     <mat-selection-list [multiple]="false">
-      @for (typeOfSort of typesOfSort; track typeOfSort) {
+      @for (typeOfSort of typesOfSort; track typeOfSort.value) {
         <mat-list-option>
-          <mat-icon matListItemIcon ></mat-icon>
-          <span matListItem></span>
+          
+          <span>{{typeOfSort.label}}</span>
         </mat-list-option>
       }
       <mat-divider></mat-divider>
     </mat-selection-list>
     <mat-divider></mat-divider>
-  </div>`, isInline: true, styles: [".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}\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"] }] });
+  </div>`, isInline: true, styles: [".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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatIconModule }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridHeaderFilter, decorators: [{
             type: Component,
@@ -6087,10 +6090,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                     ], template: `
   <div class="tru-data-grid-header-filter-container">
     <mat-selection-list [multiple]="false">
-      @for (typeOfSort of typesOfSort; track typeOfSort) {
+      @for (typeOfSort of typesOfSort; track typeOfSort.value) {
         <mat-list-option>
-          <mat-icon matListItemIcon ></mat-icon>
-          <span matListItem></span>
+          
+          <span>{{typeOfSort.label}}</span>
         </mat-list-option>
       }
       <mat-divider></mat-divider>