From 4a63fe413f1d71aac228b575d46dfcf8bf044606 Mon Sep 17 00:00:00 2001
From: sumeyyeKurtulus <sumeyye.kurtulus.business@gmail.com>
Date: Tue, 9 Jul 2024 16:45:02 +0300
Subject: [PATCH] fix: possible localization problems for select and
 multiselect cases

---
 .../extensible-form-prop.component.html            | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html
index fa12d14965..b5da3a266f 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html
+++ b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.html
@@ -51,7 +51,11 @@
         >
           @for (option of options$ | async; track option.value) {
             <option [ngValue]="option.value">
-              {{ option.key }}
+              @if (prop.isExtra) {
+                {{ '::' + option.key | abpLocalization }}
+              } @else {
+                {{ option.key }}
+              }
             </option>
           }
         </select>
@@ -68,7 +72,11 @@
         >
           @for (option of options$ | async; track option.value) {
             <option [ngValue]="option.value">
-              {{ option.key }}
+              @if (prop.isExtra) {
+                {{ '::' + option.key | abpLocalization }}
+              } @else {
+                {{ option.key }}
+              }
             </option>
           }
         </select>
@@ -142,7 +150,7 @@
               aria-hidden="true"
               [ngClass]="{
                 'fa-eye-slash': !showPassword,
-                'fa-eye': showPassword
+                'fa-eye': showPassword,
               }"
             ></i>
           </button>