From 82afb526a67c731cb0735781ca88a76df23df020 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 5 Oct 2021 17:15:51 +0300
Subject: [PATCH] Set version as 3.8.0

---
 package-build.json                   |  2 +-
 package.json                         |  2 +-
 src/AppFooter.vue                    |  2 +-
 src/views/datatable/DataTableDoc.vue | 16 +++++++++-------
 src/views/setup/Setup.vue            | 11 ++++++-----
 5 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/package-build.json b/package-build.json
index 9acd57ac4..4ed0c47b1 100644
--- a/package-build.json
+++ b/package-build.json
@@ -1,6 +1,6 @@
 {
     "name": "primevue",
-    "version": "3.7.3-SNAPSHOT",
+    "version": "3.8.0",
     "homepage": "https://www.primefaces.org/primevue",
     "repository": {
       "type": "git",
diff --git a/package.json b/package.json
index e0855c843..11a1a7996 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "primevue",
-  "version": "3.7.3-SNAPSHOT",
+  "version": "3.8.0",
   "homepage": "https://www.primefaces.org/primevue",
   "repository": {
     "type": "git",
diff --git a/src/AppFooter.vue b/src/AppFooter.vue
index 48c32cd07..4b1f91def 100755
--- a/src/AppFooter.vue
+++ b/src/AppFooter.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="layout-footer">
         <div class="layout-footer-left">
-            <span>PrimeVue 3.7.3 on Vue 3 by </span>
+            <span>PrimeVue 3.8.0 on Vue 3 by </span>
             <a href="https://www.primetek.com.tr">PrimeTek</a>
         </div>
 
diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue
index a460d98de..9f14ec2a8 100755
--- a/src/views/datatable/DataTableDoc.vue
+++ b/src/views/datatable/DataTableDoc.vue
@@ -1116,9 +1116,10 @@ export default {
                 so that the editing behavior is implemented by the page author whether it utilizes v-model or vuex.
             </p>
 
-            <p>Individuals cell editing is configured by setting the <i>editMode</i> to "cell" and defining editors with the "editor" template. The content of the
-            editor defines how the editing is implemented, below example demonstrates two cases. In the first example, simple v-model editors are utilized. This is pretty straightforward in most cases.
-            On the other hand, second example is more advanced to consider validations and ability to revert values with the escape key.</p>
+            <p>Individual cell editing is configured by setting the <i>editMode</i> to <b>cell</b>, defining editors with the <b>editor</b> template along with the <i>@cell-edit-complete</i> event. The content of the
+            editor defines how the editing is implemented. The editor template receives a clone of the row data and using <i>@cell-edit-complete</i> event the new value can be updated to the model or cancelled. 
+            This also provides flexibility to apply conditional logic such as implementing validations.</p>
+
 <pre v-code><code><template v-pre>
 &lt;h5&gt;Cell Editing&lt;/h5&gt;
 &lt;DataTable :value="cars" editMode="cell" @cell-edit-complete="onCellEditComplete"&gt;
@@ -1216,7 +1217,8 @@ export default {
 
 </code></pre>
 
-            <p>Row Editing is defined by setting <i>cellEdit</i> as "row", defining <i>editingRows</i> with the v-model directive to hold the reference to the editing rows and adding a row editor column to provide the editing controls. Note that
+            <p>Row Editing is specified by setting <i>cellEdit</i> as <b>row</b>, defining <i>editingRows</i> with the v-model directive to hold the reference of the editing rows, 
+            adding a row editor column to provide the editing controls and implementing <i>@row-edit-save</i> to update the original row data. Note that
             since <i>editingRows</i> is two-way binding enabled, you may use it to initially display one or more rows in editing more or programmatically toggle row editing.</p>
 <pre v-code><code><template v-pre>
 &lt;h3&gt;Row Editing&lt;/h3&gt;
@@ -1224,17 +1226,17 @@ export default {
     &lt;Column field="vin" header="Vin"&gt;&lt;/Column&gt;
     &lt;Column field="year" header="Year"&gt;
         &lt;template #editor="slotProps"&gt;
-            &lt;InputText v-model="slotProps.data[slotProps.column.field]" autofocus/&gt;
+            &lt;InputText v-model="slotProps.data[slotProps.field]" autofocus/&gt;
         &lt;/template&gt;
     &lt;/Column&gt;
     &lt;Column field="brand" header="Brand"&gt;
         &lt;template #editor="slotProps"&gt;
-            &lt;InputText v-model="slotProps.data[slotProps.column.field]" /&gt;
+            &lt;InputText v-model="slotProps.data[slotProps.field]" /&gt;
         &lt;/template&gt;
     &lt;/Column&gt;
     &lt;Column field="color" header="Color"&gt;
         &lt;template #editor="slotProps"&gt;
-            &lt;InputText v-model="slotProps.data[slotProps.column.field]" /&gt;
+            &lt;InputText v-model="slotProps.data[slotProps.field]" /&gt;
         &lt;/template&gt;
     &lt;/Column&gt;
     &lt;Column :rowEditor="true" headerStyle="width:7rem" bodyStyle="text-align:center"&gt;&lt;/Column&gt;
diff --git a/src/views/setup/Setup.vue b/src/views/setup/Setup.vue
index 4734d133a..e31adf571 100755
--- a/src/views/setup/Setup.vue
+++ b/src/views/setup/Setup.vue
@@ -16,7 +16,7 @@
             <p>PrimeVue is available at <a href="https://www.npmjs.com/package/primevue">npm</a>, if you have an existing application run the following commands to download PrimeVue and PrimeIcons to your project.</p>
 
 <pre v-code.script><code>
-npm install primevue@^3.7.1 --save
+npm install primevue@^3.8.0 --save
 npm install primeicons --save
 
 </code></pre>
@@ -87,12 +87,13 @@ import Dialog from 'primevue/dialog/sfc';
         &lt;link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet"&gt;
 
         &lt;script src="https://unpkg.com/vue@next"&gt;&lt;/script&gt;
-        &lt;script src="https://unpkg.com/primevue/inputtext/inputtext.min.js"&gt;&lt;/script&gt;
+        &lt;script src="https://unpkg.com/primevue/core/core.min.js"&gt;&lt;/script&gt;
+        &lt;script src="https://unpkg.com/primevue/slider/slider.min.js"&gt;&lt;/script&gt;
     &lt;/head&gt;
 
     &lt;body&gt;
         &lt;div id="app"&gt;
-            &lt;p-inputtext v-model="val"&gt;&lt;/p-inputtext&gt;
+            &lt;p-slider v-model="val"&gt;&lt;/p-slider&gt;
             &lt;h6&gt;{{val}}&lt;/h6&gt;
         &lt;/div&gt;
 
@@ -108,11 +109,11 @@ import Dialog from 'primevue/dialog/sfc';
                     };
                 },
                 components: {
-                    'p-inputtext': primevue.inputtext
+                    'p-slider': primevue.slider
                 }
             };
 
-            createApp(App).mount("#app");
+            createApp(App).use(primevue.config.default).mount("#app");
         &lt;/script&gt;
     &lt;/body&gt;
 &lt;/html&gt;