From 296b501c50bbc1d636c7afca44537775b25809da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fatih=20KILI=C3=87?= <fsk202@gmail.com>
Date: Tue, 13 Dec 2022 16:53:39 +0300
Subject: [PATCH] password component is made  replaceable component

---
 .../extensible-form-prop.component.html                | 10 +++++++++-
 .../extensible-form/extensible-form-prop.component.ts  |  2 ++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html
index bdbd54bc52..e0b663d52c 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html
+++ b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html
@@ -141,7 +141,15 @@
 
     <ng-template ngSwitchCase="password">
       <ng-template [ngTemplateOutlet]="label"></ng-template>
-      <abp-password [prop]="prop"></abp-password>
+      <abp-password
+        *abpReplaceableTemplate="{
+          componentKey: passwordKey,
+          inputs: {
+            appInfo: { value: prop }
+          }
+        }"
+        [prop]="prop"
+      ></abp-password>
     </ng-template>
   </div>
 </ng-container>
diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts
index 6a8f2b7f00..26a8f29b11 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts
+++ b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts
@@ -70,6 +70,8 @@ export class ExtensibleFormPropComponent implements OnChanges, AfterViewInit {
 
   typeaheadModel: any;
 
+  passwordKey = 'ThemeShared.PasswordComponent';
+
   private readonly form: UntypedFormGroup;
 
   disabledFn = (data: PropData) => false;