From be0f8267078fa65e27094262d7730781ee8a553c 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: Tue, 12 Oct 2021 14:39:00 +0300
Subject: [PATCH] Fixed #1651 - disabled props for Inplace

---
 api-generator/components/inplace.js |  6 ++++++
 src/components/inplace/Inplace.d.ts |  1 +
 src/components/inplace/Inplace.vue  | 13 ++++++++++++-
 src/views/inplace/InplaceDoc.vue    |  6 ++++++
 4 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/api-generator/components/inplace.js b/api-generator/components/inplace.js
index 009247c9b..fb5245f1d 100644
--- a/api-generator/components/inplace.js
+++ b/api-generator/components/inplace.js
@@ -10,6 +10,12 @@ const InplaceProps = [
         type: "boolean",
         default: "false",
         description: "Displays a button to switch back to display mode."
+    },
+    {
+        name: "diabled",
+        type: "boolean",
+        default: "false",
+        description: "When present, it specifies that the element should be disabled."
     }
 ];
 
diff --git a/src/components/inplace/Inplace.d.ts b/src/components/inplace/Inplace.d.ts
index fa926711b..07ddac403 100755
--- a/src/components/inplace/Inplace.d.ts
+++ b/src/components/inplace/Inplace.d.ts
@@ -3,6 +3,7 @@ import { VNode } from 'vue';
 interface InplaceProps {
     closable?: boolean;
     active?: boolean;
+    disabled?: boolean;
 }
 
 declare class Inplace {
diff --git a/src/components/inplace/Inplace.vue b/src/components/inplace/Inplace.vue
index bee22a3b6..adbcafaff 100755
--- a/src/components/inplace/Inplace.vue
+++ b/src/components/inplace/Inplace.vue
@@ -1,6 +1,6 @@
 <template>
     <div :class="containerClass">
-        <div class="p-inplace-display" :tabindex="$attrs.tabindex||'0'" v-if="!d_active" @click="open" @keydown.enter="open">
+        <div :class="displayClass" :tabindex="$attrs.tabindex||'0'" v-if="!d_active" @click="open" @keydown.enter="open">
             <slot name="display"></slot>
         </div>
         <div class="p-inplace-content" v-else>
@@ -24,6 +24,10 @@ export default {
         active: {
             type: Boolean,
             default: false
+        },
+        disabled: {
+            type: Boolean,
+            default: false
         }
     },
     watch: {
@@ -38,6 +42,10 @@ export default {
     },
     methods: {
         open(event) {
+            if (this.disabled) {
+                return;
+            }
+
             this.$emit('open', event);
             this.d_active = true;
             this.$emit('update:active', true);
@@ -51,6 +59,9 @@ export default {
     computed: {
         containerClass() {
             return ['p-inplace p-component', {'p-inplace-closable': this.closable}];
+        },
+        displayClass() {
+            return ['p-inplace-display', {'p-disabled': this.disabled}];
         }
     },
     components: {
diff --git a/src/views/inplace/InplaceDoc.vue b/src/views/inplace/InplaceDoc.vue
index 94c596825..96760bdcc 100755
--- a/src/views/inplace/InplaceDoc.vue
+++ b/src/views/inplace/InplaceDoc.vue
@@ -101,6 +101,12 @@ export default {
                                 <td>boolean</td>
                                 <td>false</td>
                                 <td>Displays a button to switch back to display mode.</td>
+                            </tr>
+                            <tr>
+                                <td>disabled</td>
+                                <td>boolean</td>
+                                <td>false</td>
+                                <td>When present, it specifies that the element should be disabled.</td>
                             </tr>
 						</tbody>
 					</table>