From bfca2f0feb55bf2b4f3f871b1ad4a716aaf5334f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 16 Mar 2023 17:37:09 +0300
Subject: [PATCH] Fixed #3753 - ConfirmDialog: Add draggable property

---
 api-generator/components/confirmdialog.js   |  6 ++++++
 components/confirmdialog/ConfirmDialog.d.ts |  5 +++++
 components/confirmdialog/ConfirmDialog.vue  | 18 +++++++++++++++++-
 3 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/api-generator/components/confirmdialog.js b/api-generator/components/confirmdialog.js
index cfcad100c..6e39797ca 100644
--- a/api-generator/components/confirmdialog.js
+++ b/api-generator/components/confirmdialog.js
@@ -10,6 +10,12 @@ const ConfirmDialogProps = [
         type: 'object',
         default: 'null',
         description: 'Object literal to define widths per screen size.'
+    },
+    {
+        name: 'draggable',
+        type: 'boolean',
+        default: 'true',
+        description: 'Whether the dialog can be relocated by dragging.'
     }
 ];
 
diff --git a/components/confirmdialog/ConfirmDialog.d.ts b/components/confirmdialog/ConfirmDialog.d.ts
index bce238c4b..15866fd0f 100644
--- a/components/confirmdialog/ConfirmDialog.d.ts
+++ b/components/confirmdialog/ConfirmDialog.d.ts
@@ -46,6 +46,11 @@ export interface ConfirmDialogProps {
      * @see ConfirmDialogBreakpoints
      */
     breakpoints?: ConfirmDialogBreakpoints;
+    /**
+     * Enables dragging to change the position using header.
+     * @defaultValue true
+     */
+    draggable?: boolean | undefined;
 }
 
 /**
diff --git a/components/confirmdialog/ConfirmDialog.vue b/components/confirmdialog/ConfirmDialog.vue
index 2d49a4914..44ad632e0 100644
--- a/components/confirmdialog/ConfirmDialog.vue
+++ b/components/confirmdialog/ConfirmDialog.vue
@@ -1,5 +1,17 @@
 <template>
-    <CDialog v-model:visible="visible" role="alertdialog" class="p-confirm-dialog" :modal="true" :header="header" :blockScroll="blockScroll" :position="position" :breakpoints="breakpoints" :closeOnEscape="closeOnEscape" @update:visible="onHide">
+    <CDialog
+        v-model:visible="visible"
+        role="alertdialog"
+        class="p-confirm-dialog"
+        :modal="true"
+        :header="header"
+        :blockScroll="blockScroll"
+        :position="position"
+        :breakpoints="breakpoints"
+        :closeOnEscape="closeOnEscape"
+        :draggable="draggable"
+        @update:visible="onHide"
+    >
         <template v-if="!$slots.message">
             <i v-if="confirmation.icon" :class="iconClass" />
             <span class="p-confirm-dialog-message">{{ message }}</span>
@@ -24,6 +36,10 @@ export default {
         breakpoints: {
             type: Object,
             default: null
+        },
+        draggable: {
+            type: Boolean,
+            default: true
         }
     },
     confirmListener: null,