[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/angular/src/directives/text-drag.directive.ts

@@ -0,0 +1,22 @@
+import { Directive, HostListener, Input } from "@angular/core";
+
+@Directive({
+  selector: "[appTextDrag]",
+  standalone: true,
+  host: {
+    draggable: "true",
+    class: "tw-cursor-move",
+  },
+})
+export class TextDragDirective {
+  @Input({
+    alias: "appTextDrag",
+    required: true,
+  })
+  data = "";
+
+  @HostListener("dragstart", ["$event"])
+  onDragStart(event: DragEvent) {
+    event.dataTransfer.setData("text", this.data);
+  }
+}