@shival99/z-ui 1.3.15 → 1.3.16

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

@@ -1171,24 +1171,36 @@ class ZTableIconTextComponent {
     zTooltip = input('', ...(ngDevMode ? [{ debugName: "zTooltip" }] : []));
     zTriggerElement = input(null, ...(ngDevMode ? [{ debugName: "zTriggerElement" }] : []));
     _hostEl = inject(ElementRef).nativeElement;
+    _zTranslate = inject(ZTranslateService);
     triggerEl = computed(() => this.zTriggerElement() ?? this._hostEl, ...(ngDevMode ? [{ debugName: "triggerEl" }] : []));
-    parts = computed(() => parseIconString(this.zText()), ...(ngDevMode ? [{ debugName: "parts" }] : []));
+    translatedParts = computed(() => {
+        this._zTranslate.currentLang();
+        const parts = parseIconString(this.zText());
+        return parts.map(part => {
+            if (part.type === 'text') {
+                const trimmedValue = part.value.trim();
+                return { ...part, value: this._zTranslate.instant(trimmedValue) };
+            }
+            return part;
+        });
+    }, ...(ngDevMode ? [{ debugName: "translatedParts" }] : []));
     tooltipContent = computed(() => {
+        this._zTranslate.currentLang();
         const tooltip = this.zTooltip();
         if (tooltip) {
             if (typeof tooltip === 'string') {
-                return stripIconSyntax(tooltip);
+                return stripIconSyntax(this._zTranslate.instant(tooltip.trim()));
             }
             if (tooltip.content && typeof tooltip.content === 'string') {
-                return stripIconSyntax(tooltip.content);
+                return stripIconSyntax(this._zTranslate.instant(tooltip.content.trim()));
             }
         }
-        return stripIconSyntax(this.zText());
+        return stripIconSyntax(this._zTranslate.instant(this.zText().trim()));
     }, ...(ngDevMode ? [{ debugName: "tooltipContent" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ZTableIconTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ZTableIconTextComponent, isStandalone: true, selector: "z-table-icon-text", inputs: { zText: { classPropertyName: "zText", publicName: "zText", isSignal: true, isRequired: false, transformFunction: null }, zTooltip: { classPropertyName: "zTooltip", publicName: "zTooltip", isSignal: true, isRequired: false, transformFunction: null }, zTriggerElement: { classPropertyName: "zTriggerElement", publicName: "zTriggerElement", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <span class="z-table-icon-text-inner">
-      @for (part of parts(); track $index) {
+      @for (part of translatedParts(); track $index) {
         @if (part.type === 'icon') {
           <z-icon
             class="shrink-0"
@@ -1214,7 +1226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
             type: Component,
             args: [{ selector: 'z-table-icon-text', imports: [NgClass, ZIconComponent, ZTooltipDirective, ZSafeHtmlPipe], standalone: true, template: `
     <span class="z-table-icon-text-inner">
-      @for (part of parts(); track $index) {
+      @for (part of translatedParts(); track $index) {
         @if (part.type === 'icon') {
           <z-icon
             class="shrink-0"