refact: Clean up methods

Author: bastianallgeier

panel/src/components/Forms/Input/TextareaInput.vue

@@ -100,9 +100,7 @@ export default {
 				url: this.$panel.urls.api + "/" + this.endpoints.field + "/upload",
 				multiple: false,
 				on: {
-					cancel: async () => {
-						await this.restoreSelection(selectionRange);
-					},
+					cancel: async () => await this.restoreSelection(selectionRange),
 					done: async (files) => {
 						await this.restoreSelection(selectionRange);
 						await this.insertUpload(files);
@@ -131,24 +129,25 @@ export default {
 	},
 	methods: {
 		dialog(dialog) {
-			const restoreSelection = this.restoreSelectionCallback();
+			const selectionRange = this.selectionRange();
 
 			this.$panel.dialog.open({
 				component: "k-toolbar-" + dialog + "-dialog",
 				props: {
 					value: this.parseSelection()
 				},
 				on: {
-					cancel: restoreSelection,
-					submit: (text) => {
+					cancel: async () => await this.restoreSelection(selectionRange),
+					submit: async (text) => {
 						this.$panel.dialog.close();
-						restoreSelection(() => this.insert(text));
+						await this.restoreSelection(selectionRange);
+						await this.insert(text);
 					}
 				}
 			});
 		},
 		file() {
-			const restoreSelection = this.restoreSelectionCallback();
+			const selectionRange = this.selectionRange();
 
 			this.$panel.dialog.open({
 				component: "k-files-dialog",
@@ -157,9 +156,10 @@ export default {
 					multiple: false
 				},
 				on: {
-					cancel: restoreSelection,
-					submit: (file) => {
-						restoreSelection(() => this.insertFile(file));
+					cancel: async () => await this.restoreSelection(selectionRange),
+					submit: async (file) => {
+						await this.restoreSelection(selectionRange);
+						await this.insertFile(file);
 						this.$panel.dialog.close();
 					}
 				}
@@ -176,9 +176,7 @@ export default {
 				text = text(this.$refs.input, this.selection());
 			}
 
-			await this.$nextTick();
-
-			input.focus();
+			this.focus();
 
 			// try first via execCommand as this will be considered
 			// as a user action and can be undone by the browser's
@@ -300,14 +298,16 @@ export default {
 				title: selection
 			};
 		},
-		prepend(text) {
-			this.insert(text + " " + this.selection());
+		async prepend(text) {
+			await this.insert(text + " " + this.selection());
 		},
 		async restoreSelection({ start, end }) {
 			this.$refs.input.setSelectionRange(start, end);
-
 			return this.$nextTick();
 		},
+		/**
+		 * @deprecated 5.0.0 Use `restoreSelection` instead
+		 */
 		restoreSelectionCallback() {
 			// store selection
 			const selectionRange = this.selectionRange();