password component is made replaceable component

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>

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;