From aabdaede9def7e8914519659b8ff5763d12b8d4b Mon Sep 17 00:00:00 2001
From: Arturo Manzoli <arturomanzoli@gmail.com>
Date: Mon, 17 Jun 2024 10:54:52 -0300
Subject: [PATCH] Component: Interaction-dialog: Add 'persistent' prop

Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
---
 src/components/InteractionDialog.vue | 15 ++++++++++-----
 src/composables/interactionDialog.ts |  5 +++++
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/InteractionDialog.vue b/src/components/InteractionDialog.vue
index 30d8db456..461e26739 100644
--- a/src/components/InteractionDialog.vue
+++ b/src/components/InteractionDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-dialog v-model="internalShowDialog" persistent :max-width="maxWidth || '600px'">
+  <v-dialog v-model="internalShowDialog" :persistent="persistent" :max-width="maxWidth || '600px'">
     <v-card :max-width="maxWidth || '600px'" class="main-dialog px-2 rounded-lg">
       <v-card-title>
         <div
@@ -128,11 +128,15 @@ interface Props {
   /**
    * The variant of the dialog, determining the icon and color.
    */
-  variant?: string
+  variant: 'info' | 'success' | 'error' | 'warning' | 'text-only'
   /**
-   * The text message to be displayed in the dialog if there is no content on the slot.
+   * Message to display in the dialog. If an array, elements will be displayed as an item list.
    */
-  message?: string
+  message: string | string[]
+  /**
+   * Persistent dialogs can't be closed with 'esc' or a backdrop click.
+   */
+  persistent?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -141,8 +145,9 @@ const props = withDefaults(defineProps<Props>(), {
   contentComponent: '',
   maxWidth: 600,
   actions: () => [],
-  variant: '',
+  variant: 'info',
   message: '',
+  persistent: false,
 })
 
 const emit = defineEmits(['update:showDialog', 'confirmed', 'dismissed'])
diff --git a/src/composables/interactionDialog.ts b/src/composables/interactionDialog.ts
index d1c641c27..0afb4e558 100644
--- a/src/composables/interactionDialog.ts
+++ b/src/composables/interactionDialog.ts
@@ -39,6 +39,10 @@ interface DialogOptions {
    * @type {string | number}
    */
   maxWidth?: string | number
+  /**
+   * Persistent dialogs can't be closed with 'esc' or backdrop click.
+   */
+  persistent?: boolean
 }
 
 /**
@@ -86,6 +90,7 @@ export function useInteractionDialog(): {
     actions: [],
     maxWidth: '600px',
     showDialog: false,
+    persistent: true,
   })
 
   let dialogApp: App<Element> | null = null