[PM-14345] Enabling drag and drop for cipher fields (#12067)

* enabling drag and drop for cipher fields

* adding drag and drop to totp and fido

* removing code changes to wrong file

* undoing uneeded change

* Changes suggested by Shane

* fixes

* fixes

* moving export to the correct spot

---------

Co-authored-by: --global <>

libs/vault/src/cipher-view/login-credentials/login-credentials-view.component.html

@@ -4,10 +4,11 @@
   </bit-section-header>
   <read-only-cipher-card>
     <bit-form-field *ngIf="cipher.login.username">
-      <bit-label>
+      <bit-label [appTextDrag]="cipher.login.username">
         {{ "username" | i18n }}
       </bit-label>
       <input
+        id="userName"
         readonly
         bitInput
         type="text"
@@ -27,8 +28,9 @@
       ></button>
     </bit-form-field>
     <bit-form-field *ngIf="cipher.login.password">
-      <bit-label>{{ "password" | i18n }}</bit-label>
+      <bit-label [appTextDrag]="cipher.login.password">{{ "password" | i18n }}</bit-label>
       <input
+        id="password"
         readonly
         bitInput
         type="password"
@@ -80,8 +82,11 @@
       ></bit-color-password>
     </div>
     <bit-form-field *ngIf="cipher.login?.fido2Credentials?.length > 0">
-      <bit-label>{{ "typePasskey" | i18n }} </bit-label>
+      <bit-label [appTextDrag]="fido2CredentialCreationDateValue"
+        >{{ "typePasskey" | i18n }}
+      </bit-label>
       <input
+        id="fido"
         readonly
         bitInput
         type="text"
@@ -91,7 +96,7 @@
       />
     </bit-form-field>
     <bit-form-field *ngIf="cipher.login.totp">
-      <bit-label
+      <bit-label [appTextDrag]="totpCodeCopyObj?.totpCode"
         >{{ "verificationCodeTotp" | i18n }}
         <span
           *ngIf="!(isPremium$ | async)"
@@ -105,6 +110,7 @@
         </span>
       </bit-label>
       <input
+        id="totp"
         readonly
         bitInput
         [type]="!(isPremium$ | async) ? 'password' : 'text'"