@shival99/z-ui 1.0.25 → 1.0.26

package/fesm2022/shival99-z-ui-components-z-table.mjs

@@ -3,7 +3,7 @@ import { ScrollingModule } from '@angular/cdk/scrolling';
 import { NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, inject, ElementRef, Renderer2, Directive, Pipe, TemplateRef, computed, ChangeDetectionStrategy, Component, output, DestroyRef, NgZone, signal, viewChild, untracked, effect, afterNextRender } from '@angular/core';
-import { TranslatePipe } from '@ngx-translate/core';
+import { TranslateService, TranslatePipe } from '@ngx-translate/core';
 import { injectVirtualizer } from '@shival99/angular-virtual';
 import { ZButtonComponent } from '@shival99/z-ui/components/z-button';
 import { ZCheckboxComponent } from '@shival99/z-ui/components/z-checkbox';
@@ -1304,6 +1304,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
 class ZTableFilterComponent {
     zColumn = input.required(...(ngDevMode ? [{ debugName: "zColumn" }] : []));
     zTable = input.required(...(ngDevMode ? [{ debugName: "zTable" }] : []));
+    _translate = inject(TranslateService);
     _debounceTimeout = null;
     _debounceMs = 300;
     _columnDef = computed(() => this.zColumn().columnDef, ...(ngDevMode ? [{ debugName: "_columnDef" }] : []));
@@ -1325,9 +1326,13 @@ class ZTableFilterComponent {
         }
         return value[1] ?? '';
     }, ...(ngDevMode ? [{ debugName: "rangeMaxValue" }] : []));
+    minPlaceholder = computed(() => this._translate.instant('i18n_z_ui_table_filter_min'), ...(ngDevMode ? [{ debugName: "minPlaceholder" }] : []));
+    maxPlaceholder = computed(() => this._translate.instant('i18n_z_ui_table_filter_max'), ...(ngDevMode ? [{ debugName: "maxPlaceholder" }] : []));
+    searchPlaceholder = computed(() => this._translate.instant('i18n_z_ui_table_filter_search'), ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : []));
+    allLabel = computed(() => this._translate.instant('i18n_z_ui_table_filter_all'), ...(ngDevMode ? [{ debugName: "allLabel" }] : []));
     selectOptions = computed(() => {
         const columnDef = this._columnDef();
-        const allOption = { label: 'All', value: '' };
+        const allOption = { label: this.allLabel(), value: '' };
         if (columnDef.filterOptions && columnDef.filterOptions.length > 0) {
             return [allOption, ...columnDef.filterOptions];
         }
@@ -1377,7 +1382,7 @@ class ZTableFilterComponent {
           <z-input
             zType="number"
             zSize="sm"
-            zPlaceholder="Min"
+            [zPlaceholder]="minPlaceholder()"
             [ngModel]="rangeMinValue()"
             (ngModelChange)="onMinChangeDebounced($event)"
             class="min-w-0 flex-1"
@@ -1385,7 +1390,7 @@ class ZTableFilterComponent {
           <z-input
             zType="number"
             zSize="sm"
-            zPlaceholder="Max"
+            [zPlaceholder]="maxPlaceholder()"
             [ngModel]="rangeMaxValue()"
             (ngModelChange)="onMaxChangeDebounced($event)"
             class="min-w-0 flex-1"
@@ -1397,7 +1402,7 @@ class ZTableFilterComponent {
           zSize="sm"
           [zOptions]="selectOptions()"
           [ngModel]="columnFilterValue()?.toString() ?? ''"
-          zPlaceholder="All"
+          [zPlaceholder]="allLabel()"
           (ngModelChange)="onSelectChange($event)"
           class="w-full min-w-0"
         />
@@ -1407,7 +1412,7 @@ class ZTableFilterComponent {
           zType="number"
           zSize="sm"
           zAllowClear
-          zPlaceholder="Search..."
+          [zPlaceholder]="searchPlaceholder()"
           [ngModel]="columnFilterValue()?.toString() ?? ''"
           (ngModelChange)="onTextChangeDebounced($event)"
           class="w-full"
@@ -1418,7 +1423,7 @@ class ZTableFilterComponent {
           zType="text"
           zSize="sm"
           zAllowClear
-          zPlaceholder="Search..."
+          [zPlaceholder]="searchPlaceholder()"
           [ngModel]="(columnFilterValue() ?? '').toString()"
           (ngModelChange)="onTextChangeDebounced($event)"
           class="w-full"
@@ -1440,7 +1445,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
           <z-input
             zType="number"
             zSize="sm"
-            zPlaceholder="Min"
+            [zPlaceholder]="minPlaceholder()"
             [ngModel]="rangeMinValue()"
             (ngModelChange)="onMinChangeDebounced($event)"
             class="min-w-0 flex-1"
@@ -1448,7 +1453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
           <z-input
             zType="number"
             zSize="sm"
-            zPlaceholder="Max"
+            [zPlaceholder]="maxPlaceholder()"
             [ngModel]="rangeMaxValue()"
             (ngModelChange)="onMaxChangeDebounced($event)"
             class="min-w-0 flex-1"
@@ -1460,7 +1465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
           zSize="sm"
           [zOptions]="selectOptions()"
           [ngModel]="columnFilterValue()?.toString() ?? ''"
-          zPlaceholder="All"
+          [zPlaceholder]="allLabel()"
           (ngModelChange)="onSelectChange($event)"
           class="w-full min-w-0"
         />
@@ -1470,7 +1475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
           zType="number"
           zSize="sm"
           zAllowClear
-          zPlaceholder="Search..."
+          [zPlaceholder]="searchPlaceholder()"
           [ngModel]="columnFilterValue()?.toString() ?? ''"
           (ngModelChange)="onTextChangeDebounced($event)"
           class="w-full"
@@ -1481,7 +1486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
           zType="text"
           zSize="sm"
           zAllowClear
-          zPlaceholder="Search..."
+          [zPlaceholder]="searchPlaceholder()"
           [ngModel]="(columnFilterValue() ?? '').toString()"
           (ngModelChange)="onTextChangeDebounced($event)"
           class="w-full"