From 589582f0eb2879a7852e0919f543e5b509e4baaa Mon Sep 17 00:00:00 2001
From: jcollier <jared.j.collier@gmail.com>
Date: Wed, 3 Apr 2024 10:56:06 -0400
Subject: [PATCH 01/49] fix #5518: prevent erros thrown by ScrollPanel loading
 in some cases

---
 components/lib/scrollpanel/ScrollPanel.vue | 32 ++++++++++++----------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/components/lib/scrollpanel/ScrollPanel.vue b/components/lib/scrollpanel/ScrollPanel.vue
index 99f315991..c4515d01d 100644
--- a/components/lib/scrollpanel/ScrollPanel.vue
+++ b/components/lib/scrollpanel/ScrollPanel.vue
@@ -129,22 +129,26 @@ export default {
                 this.scrollYRatio = ownHeight / totalHeight;
 
                 this.frame = this.requestAnimationFrame(() => {
-                    if (this.scrollXRatio >= 1) {
-                        this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'true');
-                        !this.isUnstyled && DomHandler.addClass(this.$refs.xBar, 'p-scrollpanel-hidden');
-                    } else {
-                        this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');
-                        !this.isUnstyled && DomHandler.removeClass(this.$refs.xBar, 'p-scrollpanel-hidden');
-                        this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';
+                    if (this.$refs.xBar) {
+                        if (this.scrollXRatio >= 1) {
+                            this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'true');
+                            !this.isUnstyled && DomHandler.addClass(this.$refs.xBar, 'p-scrollpanel-hidden');
+                        } else {
+                            this.$refs.xBar.setAttribute('data-p-scrollpanel-hidden', 'false');
+                            !this.isUnstyled && DomHandler.removeClass(this.$refs.xBar, 'p-scrollpanel-hidden');
+                            this.$refs.xBar.style.cssText = 'width:' + Math.max(this.scrollXRatio * 100, 10) + '%; left:' + (this.$refs.content.scrollLeft / totalWidth) * 100 + '%;bottom:' + bottom + 'px;';
+                        }
                     }
 
-                    if (this.scrollYRatio >= 1) {
-                        this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'true');
-                        !this.isUnstyled && DomHandler.addClass(this.$refs.yBar, 'p-scrollpanel-hidden');
-                    } else {
-                        this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');
-                        !this.isUnstyled && DomHandler.removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');
-                        this.$refs.yBar.style.cssText = 'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';
+                    if (this.$refs.yBar) {
+                        if (this.scrollYRatio >= 1) {
+                            this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'true');
+                            !this.isUnstyled && DomHandler.addClass(this.$refs.yBar, 'p-scrollpanel-hidden');
+                        } else {
+                            this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');
+                            !this.isUnstyled && DomHandler.removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');
+                            this.$refs.yBar.style.cssText = 'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';
+                        }
                     }
                 });
             }

From e31e2bd9830fc6fc50e1c4339ef0e4e695187f54 Mon Sep 17 00:00:00 2001
From: Franco Lucchini <flucchini@gmail.com>
Date: Thu, 4 Apr 2024 06:44:17 +0200
Subject: [PATCH 02/49] Fix TreeTable not using filterField

---
 components/lib/treetable/TreeTable.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/lib/treetable/TreeTable.vue b/components/lib/treetable/TreeTable.vue
index 9ec3a677f..71a93cd0e 100755
--- a/components/lib/treetable/TreeTable.vue
+++ b/components/lib/treetable/TreeTable.vue
@@ -494,12 +494,12 @@ export default {
 
                 for (let j = 0; j < this.columns.length; j++) {
                     let col = this.columns[j];
-                    let filterField = this.columnProp(col, 'field');
+                    let filterField = this.columnProp(col, 'filterField') || this.columnProp(col, 'field');
 
                     //local
-                    if (Object.prototype.hasOwnProperty.call(this.filters, this.columnProp(col, 'field'))) {
+                    if (Object.prototype.hasOwnProperty.call(this.filters, filterField)) {
                         let filterMatchMode = this.columnProp(col, 'filterMatchMode') || 'startsWith';
-                        let filterValue = this.filters[this.columnProp(col, 'field')];
+                        let filterValue = this.filters[filterField];
                         let filterConstraint = FilterService.filters[filterMatchMode];
                         let paramsWithoutNode = { filterField, filterValue, filterConstraint, strict };
 

From 608ceae956013fdc05c605588cf2b36acbad895a Mon Sep 17 00:00:00 2001
From: Rainer Eli <claushellsing@gmail.com>
Date: Tue, 9 Apr 2024 10:25:52 -0600
Subject: [PATCH 03/49] Update StyledDoc.vue

---
 doc/dropdown/theming/StyledDoc.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/doc/dropdown/theming/StyledDoc.vue b/doc/dropdown/theming/StyledDoc.vue
index fb151e889..258841c38 100644
--- a/doc/dropdown/theming/StyledDoc.vue
+++ b/doc/dropdown/theming/StyledDoc.vue
@@ -55,6 +55,10 @@
                     <td>p-focus</td>
                     <td>Container element when it is in focus.</td>
                 </tr>
+                <tr>
+                    <td>p-highlight</td>
+                    <td>Container element when it is selected.</td>
+                </tr>
             </tbody>
         </table>
     </div>

From 84bbb330453dc36075b4c90272cc41df6963bb2a Mon Sep 17 00:00:00 2001
From: Melloware <mellowaredev@gmail.com>
Date: Wed, 10 Apr 2024 07:43:44 -0400
Subject: [PATCH 04/49] Update InputNumber.vue

---
 components/lib/inputnumber/InputNumber.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/lib/inputnumber/InputNumber.vue b/components/lib/inputnumber/InputNumber.vue
index f0ec6d5c9..adc2e2e16 100755
--- a/components/lib/inputnumber/InputNumber.vue
+++ b/components/lib/inputnumber/InputNumber.vue
@@ -376,7 +376,7 @@ export default {
                 return;
             }
 
-            if (event.shiftKey || event.altKey || event.ctrlKey || event.metaKey) {
+            if (event.altKey || event.ctrlKey || event.metaKey) {
                 this.isSpecialChar = true;
 
                 return;

From 6a8ea1875d39c2fb0948038fb299565fe654ad0a Mon Sep 17 00:00:00 2001
From: i7slegend <fordik4@gmail.com>
Date: Wed, 10 Apr 2024 20:00:57 +0300
Subject: [PATCH 05/49] fix(#5562): support style for submenuHeader in Menu

---
 components/lib/menu/Menu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/lib/menu/Menu.vue b/components/lib/menu/Menu.vue
index ece3fa078..392c30acb 100644
--- a/components/lib/menu/Menu.vue
+++ b/components/lib/menu/Menu.vue
@@ -21,7 +21,7 @@
                 >
                     <template v-for="(item, i) of model" :key="label(item) + i.toString()">
                         <template v-if="item.items && visible(item) && !item.separator">
-                            <li v-if="item.items" :id="id + '_' + i" :class="[cx('submenuHeader'), item.class]" role="none" v-bind="ptm('submenuHeader')">
+                            <li v-if="item.items" :id="id + '_' + i" :class="[cx('submenuHeader'), item.class]" :style="item.style" role="none" v-bind="ptm('submenuHeader')">
                                 <slot name="submenuheader" :item="item">{{ label(item) }}</slot>
                             </li>
                             <template v-for="(child, j) of item.items" :key="child.label + i + '_' + j">

From b10e2c599455a0719a6dce51d442b804be505eb0 Mon Sep 17 00:00:00 2001
From: xavierchevalier <mcmodz@hotmail.fr>
Date: Thu, 11 Apr 2024 09:24:23 +0200
Subject: [PATCH 06/49] fix(sidebar): dismissable property should still be
 reactive after mount

---
 components/lib/sidebar/BaseSidebar.vue | 11 ++++++++++-
 components/lib/sidebar/Sidebar.spec.js |  8 ++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/components/lib/sidebar/BaseSidebar.vue b/components/lib/sidebar/BaseSidebar.vue
index f8acee993..773397a56 100644
--- a/components/lib/sidebar/BaseSidebar.vue
+++ b/components/lib/sidebar/BaseSidebar.vue
@@ -52,6 +52,15 @@ export default {
         return {
             $parentInstance: this
         };
-    }
+    },
+    watch: {
+        dismissable(newValue) {
+            if (newValue) {
+                this.bindOutsideClickListener();
+            } else {
+                this.unbindOutsideClickListener();
+            }
+        }
+    },
 };
 </script>
diff --git a/components/lib/sidebar/Sidebar.spec.js b/components/lib/sidebar/Sidebar.spec.js
index 9a57a17db..2ad9090e9 100644
--- a/components/lib/sidebar/Sidebar.spec.js
+++ b/components/lib/sidebar/Sidebar.spec.js
@@ -119,4 +119,12 @@ describe('Sidebar.vue', () => {
 
         expect(wrapper.vm.containerVisible).toBeFalsy();
     });
+
+    it('When component is mounted , dismissable property should still be reactive', async () => {
+        await wrapper.setProps({ dismissable: false, visible: true });
+
+        await wrapper.setProps({ dismissable: true });
+
+        expect(wrapper.vm.containerVisible).toBeTruthy();
+    });
 });

From 2bde6fc16518f6f753549738347ca6530283e12b Mon Sep 17 00:00:00 2001
From: Eli Morris-Heft <eli.morris.heft@gmail.com>
Date: Thu, 11 Apr 2024 17:52:30 -0400
Subject: [PATCH 07/49] Fixed #1027 - Knob: Allow a label function for greater
 flexibility

---
 api-generator/components/knob.js |  6 +++---
 components/lib/knob/BaseKnob.vue |  4 ++--
 components/lib/knob/Knob.d.ts    |  4 ++--
 components/lib/knob/Knob.spec.js | 12 ++++++++++++
 components/lib/knob/Knob.vue     |  6 +++++-
 doc/common/apidoc/index.json     |  5 ++---
 doc/knob/TemplateDoc.vue         | 12 ++++++++----
 7 files changed, 34 insertions(+), 15 deletions(-)

diff --git a/api-generator/components/knob.js b/api-generator/components/knob.js
index fdc6a90f6..5d4a1895d 100644
--- a/api-generator/components/knob.js
+++ b/api-generator/components/knob.js
@@ -73,9 +73,9 @@ const KnobProps = [
     },
     {
         name: 'valueTemplate',
-        type: 'string',
-        default: '{value}',
-        description: 'Template string of the value.'
+        type: 'function | string',
+        default: 'val => val',
+        description: 'Controls how the knob is labeled.'
     },
     {
         name: 'tabindex',
diff --git a/components/lib/knob/BaseKnob.vue b/components/lib/knob/BaseKnob.vue
index 8abe5490f..a349b2f2e 100644
--- a/components/lib/knob/BaseKnob.vue
+++ b/components/lib/knob/BaseKnob.vue
@@ -55,8 +55,8 @@ export default {
             default: true
         },
         valueTemplate: {
-            type: String,
-            default: '{value}'
+            type: [String, Function],
+            default: () => (val) => val
         },
         tabindex: {
             type: Number,
diff --git a/components/lib/knob/Knob.d.ts b/components/lib/knob/Knob.d.ts
index e99f5b6f0..7ed2c87f4 100644
--- a/components/lib/knob/Knob.d.ts
+++ b/components/lib/knob/Knob.d.ts
@@ -176,9 +176,9 @@ export interface KnobProps {
     showValue?: boolean | undefined;
     /**
      * Template string of the value.
-     * @defaultValue '{value}'
+     * @defaultValue 'val => val'
      */
-    valueTemplate?: string | undefined;
+    valueTemplate?: (val: number) => string | string | undefined;
     /**
      * Index of the element in tabbing order.
      * @defaultValue 0
diff --git a/components/lib/knob/Knob.spec.js b/components/lib/knob/Knob.spec.js
index 2fabc2e31..20ae2e992 100644
--- a/components/lib/knob/Knob.spec.js
+++ b/components/lib/knob/Knob.spec.js
@@ -44,4 +44,16 @@ describe('Knob.vue', () => {
 
         expect(wrapper.emitted()['update:modelValue'][0]).toEqual([30]);
     });
+
+    it('should work with string valueTemplate', async () => {
+        await wrapper.setProps({ valueTemplate: '{value}%' });
+
+        expect(wrapper.find('.p-knob-text').text()).toBe('20%');
+    });
+
+    it('should work with function valueTemplate', async () => {
+        await wrapper.setProps({ valueTemplate: (val) => val * 10 });
+
+        expect(wrapper.find('.p-knob-text').text()).toBe('200');
+    });
 });
diff --git a/components/lib/knob/Knob.vue b/components/lib/knob/Knob.vue
index b0cfe0430..21cbdea99 100644
--- a/components/lib/knob/Knob.vue
+++ b/components/lib/knob/Knob.vue
@@ -215,7 +215,11 @@ export default {
             return this.valueRadians > this.zeroRadians ? 0 : 1;
         },
         valueToDisplay() {
-            return this.valueTemplate.replace(/{value}/g, this.modelValue);
+            if (typeof this.valueTemplate === 'string') {
+                return this.valueTemplate.replace(/{value}/g, this.modelValue);
+            } else {
+                return this.valueTemplate(this.modelValue);
+            }
         }
     }
 };
diff --git a/doc/common/apidoc/index.json b/doc/common/apidoc/index.json
index 555bf8fe8..70cfec2fb 100644
--- a/doc/common/apidoc/index.json
+++ b/doc/common/apidoc/index.json
@@ -33423,9 +33423,8 @@
                             "name": "valueTemplate",
                             "optional": true,
                             "readonly": false,
-                            "type": "string",
-                            "default": "'{value}'",
-                            "description": "Template string of the value."
+                            "type": "Function",
+                            "default": ""
                         },
                         {
                             "name": "tabindex",
diff --git a/doc/knob/TemplateDoc.vue b/doc/knob/TemplateDoc.vue
index 2feb4e258..27e628549 100644
--- a/doc/knob/TemplateDoc.vue
+++ b/doc/knob/TemplateDoc.vue
@@ -1,9 +1,10 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Label is a string template that can be customized with the <i>valueTemplate</i> property having <i>60</i> as the placeholder .</p>
+        <p>The label can be customized with the <i>valueTemplate</i> property using either a template string or a function.</p>
     </DocSectionText>
-    <div class="card flex justify-content-center">
+    <div class="card flex justify-content-center gap-4">
         <Knob v-model="value" valueTemplate="{value}%" />
+        <Knob v-model="value" :valueTemplate="(val) => val / 100" />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -16,11 +17,13 @@ export default {
             code: {
                 basic: `
 <Knob v-model="value" valueTemplate="{value}%" />
+<Knob v-model="value" :valueTemplate="val => val / 100" />
 `,
                 options: `
 <template>
-    <div class="card flex justify-content-center">
+    <div class="card flex justify-content-center gap-4">
         <Knob v-model="value" valueTemplate="{value}%" />
+        <Knob v-model="value" :valueTemplate="val => val / 100" />
     </div>
 </template>
 
@@ -36,8 +39,9 @@ export default {
 `,
                 composition: `
 <template>
-    <div class="card flex justify-content-center">
+    <div class="card flex justify-content-center gap-4">
         <Knob v-model="value" valueTemplate="{value}%" />
+        <Knob v-model="value" :valueTemplate="val => val / 100" />
     </div>
 </template>
 

From 9e42816f561ab7b02f571239f27c99b06e6d4a19 Mon Sep 17 00:00:00 2001
From: Isabelle Glasmacher <i.glasmacher@onoffice.de>
Date: Fri, 12 Apr 2024 10:04:41 +0200
Subject: [PATCH 08/49] fix: pass passthrough options to the nodeicon slot

previously the options were not passed, so the classes were missing in unstyled mode
---
 components/lib/tree/TreeNode.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/lib/tree/TreeNode.vue b/components/lib/tree/TreeNode.vue
index f0afc4d44..2aaeccb73 100755
--- a/components/lib/tree/TreeNode.vue
+++ b/components/lib/tree/TreeNode.vue
@@ -32,7 +32,7 @@
                     <component v-else :is="checked ? 'CheckIcon' : partialChecked ? 'MinusIcon' : null" :class="slotProps.class" v-bind="getPTOptions('nodeCheckbox.icon')" />
                 </template>
             </Checkbox>
-            <component v-if="templates['nodeicon']" :is="templates['nodeicon']" :node="node" :class="[cx('nodeIcon')]"></component>
+            <component v-if="templates['nodeicon']" :is="templates['nodeicon']" :node="node" :class="[cx('nodeIcon')]" v-bind="getPTOptions('nodeIcon')"></component>
             <span v-else :class="[cx('nodeIcon'), node.icon]" v-bind="getPTOptions('nodeIcon')"></span>
             <span :class="cx('label')" v-bind="getPTOptions('label')" @keydown.stop>
                 <component v-if="templates[node.type] || templates['default']" :is="templates[node.type] || templates['default']" :node="node" />

From 681944080c81fd541b24a1306178788931476034 Mon Sep 17 00:00:00 2001
From: Szobonya Csaba <opensource@szobonya.com>
Date: Fri, 12 Apr 2024 14:54:01 +0200
Subject: [PATCH 09/49] fix(#5577): Use event.key instead of event.code for
 determining digits

---
 components/lib/inputnumber/InputNumber.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/lib/inputnumber/InputNumber.vue b/components/lib/inputnumber/InputNumber.vue
index f0ec6d5c9..dafc1f360 100755
--- a/components/lib/inputnumber/InputNumber.vue
+++ b/components/lib/inputnumber/InputNumber.vue
@@ -535,7 +535,7 @@ export default {
                     const isDecimalSign = this.isDecimalSign(char);
                     const isMinusSign = this.isMinusSign(char);
 
-                    if (((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(char) >= 0 && Number(char) <= 9) || isMinusSign || isDecimalSign) {
+                    if (['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'].includes(char) || isMinusSign || isDecimalSign) {
                         this.insert(event, char, { isDecimalSign, isMinusSign });
                     }
 

From 3ce7f69a9dfe51bc88cce324341689a271cf5d50 Mon Sep 17 00:00:00 2001
From: RustyRaptor <RustyRaptor@users.noreply.github.com>
Date: Sun, 14 Apr 2024 10:32:03 -0600
Subject: [PATCH 10/49] Explain the default behavior of
 primevue.components.exclude in the Nuxt module configuration and how to
 mitigate.

In the documentation for configuring the Nuxt module components, there is no indication that Chart and Editor are excluded by default. The only way to find out is if you happen upon a single issue in the github repo of the nuxt module npm package or read the full source code of the module. Although the intention of this default behavior is to avoid compatibility issues because of the dependencies of those 2 components, it leads to even more confusion when you know what they need but they aren't being detected as components. They are excluded even if you use the * option in include. This change introduces a helpful tip into the docs page so users know what to do when they want to use those components.
---
 doc/nuxt/configuration/ComponentsDoc.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/doc/nuxt/configuration/ComponentsDoc.vue b/doc/nuxt/configuration/ComponentsDoc.vue
index 890c9f13d..d6001da4b 100644
--- a/doc/nuxt/configuration/ComponentsDoc.vue
+++ b/doc/nuxt/configuration/ComponentsDoc.vue
@@ -4,13 +4,15 @@
         <DocSectionCode :code="code1" importCode hideToggleCode hideStackBlitz />
         <p>In case all components are imported, particular components can still be excluded with the <i>exclude</i> option.</p>
         <DocSectionCode :code="code2" importCode hideToggleCode hideStackBlitz />
-        <p>Use the <i>prefix</i> option to give a prefix to the registered component names.</p>
+        <p>By default, for compatibility reasons, Chart and Editor components are excluded. To include them simply set the <i>exclude</i> option to an empty list.</p>
         <DocSectionCode :code="code3" importCode hideToggleCode hideStackBlitz />
+        <p>Use the <i>prefix</i> option to give a prefix to the registered component names.</p>
+        <DocSectionCode :code="code4" importCode hideToggleCode hideStackBlitz />
         <p>
             Component registration can be customized further by implementing the <i>name</i> function that gets an object representing the import metadata. <i>name</i> is the label of the component, <i>as</i> is the default export name and
             <i>from</i> is the import path.
         </p>
-        <DocSectionCode :code="code4" importCode hideToggleCode hideStackBlitz />
+        <DocSectionCode :code="code5" importCode hideToggleCode hideStackBlitz />
     </DocSectionText>
 </template>
 
@@ -39,6 +41,15 @@ primevue: {
             },
             code3: {
                 basic: `
+primevue: {
+    components: {
+        exclude: []
+    }
+}
+`
+            },
+            code4: {
+                basic: `
 primevue: {
     components: {
         prefix: 'Prime'
@@ -47,7 +58,7 @@ primevue: {
 }
 `
             },
-            code4: {
+            code5: {
                 basic: `
 primevue: {
     components: {

From f5578a46defef6dbee67c6f94cfaa9aee8e3b621 Mon Sep 17 00:00:00 2001
From: thristov78 <tsvetan.hristov@gmail.com>
Date: Wed, 17 Apr 2024 18:14:36 +0300
Subject: [PATCH 11/49] Fixed #5596 - Calendar: Hours are set to 00 when
 clicking the "Today" button

When the "Today" button is clicked, the hours field is set to 00 instead of the current hour. The minutes field is populated correctly.
---
 components/lib/calendar/Calendar.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/lib/calendar/Calendar.vue b/components/lib/calendar/Calendar.vue
index d63588b2e..6d7bb7b45 100755
--- a/components/lib/calendar/Calendar.vue
+++ b/components/lib/calendar/Calendar.vue
@@ -1162,9 +1162,9 @@ export default {
             let date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
 
             if (this.showTime) {
-                if (this.hourFormat === '12' && this.currentHour !== 12) {
-                    this.pm ? date.setHours(this.currentHour + 12) : date.setHours(this.currentHour);
-                }
+                (this.hourFormat === '12' && this.currentHour !== 12 && this.pm) ? 
+                    date.setHours(this.currentHour + 12) : 
+                    date.setHours(this.currentHour);
 
                 date.setMinutes(this.currentMinute);
                 date.setSeconds(this.currentSecond);

From 478885be0fad71c74bbb243fd3b28a3c07f68645 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Fri, 19 Apr 2024 11:51:31 +0300
Subject: [PATCH 12/49] Fixed #5577

---
 components/lib/inputnumber/InputNumber.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/lib/inputnumber/InputNumber.vue b/components/lib/inputnumber/InputNumber.vue
index 2e97f69ff..2a63df934 100755
--- a/components/lib/inputnumber/InputNumber.vue
+++ b/components/lib/inputnumber/InputNumber.vue
@@ -535,7 +535,7 @@ export default {
                     const isDecimalSign = this.isDecimalSign(char);
                     const isMinusSign = this.isMinusSign(char);
 
-                    if (['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'].includes(char) || isMinusSign || isDecimalSign) {
+                    if ((Number(char) >= 0 && Number(char) <= 9) || isMinusSign || isDecimalSign) {
                         this.insert(event, char, { isDecimalSign, isMinusSign });
                     }
 

From e7ec2ad79a5d16a3387898dbd7c6ff1ac7b4e23b Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Fri, 19 Apr 2024 12:16:26 +0300
Subject: [PATCH 13/49] Fixed  #5616

---
 api-generator/components/knob.js |  4 ++--
 components/lib/knob/BaseKnob.vue |  2 +-
 components/lib/knob/Knob.d.ts    |  2 +-
 doc/knob/TemplateDoc.vue         | 10 +++-------
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/api-generator/components/knob.js b/api-generator/components/knob.js
index 5d4a1895d..7c3302292 100644
--- a/api-generator/components/knob.js
+++ b/api-generator/components/knob.js
@@ -74,8 +74,8 @@ const KnobProps = [
     {
         name: 'valueTemplate',
         type: 'function | string',
-        default: 'val => val',
-        description: 'Controls how the knob is labeled.'
+        default: '{value}',
+        description: 'Template of the value.'
     },
     {
         name: 'tabindex',
diff --git a/components/lib/knob/BaseKnob.vue b/components/lib/knob/BaseKnob.vue
index a349b2f2e..ac9ed865d 100644
--- a/components/lib/knob/BaseKnob.vue
+++ b/components/lib/knob/BaseKnob.vue
@@ -56,7 +56,7 @@ export default {
         },
         valueTemplate: {
             type: [String, Function],
-            default: () => (val) => val
+            default: '{value}'
         },
         tabindex: {
             type: Number,
diff --git a/components/lib/knob/Knob.d.ts b/components/lib/knob/Knob.d.ts
index 7ed2c87f4..b69301d30 100644
--- a/components/lib/knob/Knob.d.ts
+++ b/components/lib/knob/Knob.d.ts
@@ -176,7 +176,7 @@ export interface KnobProps {
     showValue?: boolean | undefined;
     /**
      * Template string of the value.
-     * @defaultValue 'val => val'
+     * @defaultValue '{value}'
      */
     valueTemplate?: (val: number) => string | string | undefined;
     /**
diff --git a/doc/knob/TemplateDoc.vue b/doc/knob/TemplateDoc.vue
index 27e628549..08cc2278c 100644
--- a/doc/knob/TemplateDoc.vue
+++ b/doc/knob/TemplateDoc.vue
@@ -2,9 +2,8 @@
     <DocSectionText v-bind="$attrs">
         <p>The label can be customized with the <i>valueTemplate</i> property using either a template string or a function.</p>
     </DocSectionText>
-    <div class="card flex justify-content-center gap-4">
+    <div class="card flex justify-content-center">
         <Knob v-model="value" valueTemplate="{value}%" />
-        <Knob v-model="value" :valueTemplate="(val) => val / 100" />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -17,13 +16,11 @@ export default {
             code: {
                 basic: `
 <Knob v-model="value" valueTemplate="{value}%" />
-<Knob v-model="value" :valueTemplate="val => val / 100" />
 `,
                 options: `
 <template>
-    <div class="card flex justify-content-center gap-4">
+    <div class="card flex justify-content-center">
         <Knob v-model="value" valueTemplate="{value}%" />
-        <Knob v-model="value" :valueTemplate="val => val / 100" />
     </div>
 </template>
 
@@ -39,9 +36,8 @@ export default {
 `,
                 composition: `
 <template>
-    <div class="card flex justify-content-center gap-4">
+    <div class="card flex justify-content-center">
         <Knob v-model="value" valueTemplate="{value}%" />
-        <Knob v-model="value" :valueTemplate="val => val / 100" />
     </div>
 </template>
 

From f3c71bcfc1c66fee0effab5d18fc3fe9936e3248 Mon Sep 17 00:00:00 2001
From: xujiangyang <xujiangyang@cmss.chinamobile.com>
Date: Fri, 19 Apr 2024 17:21:20 +0800
Subject: [PATCH 14/49] fix: #5433 add formattedValue type

---
 components/lib/inputnumber/InputNumber.d.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/lib/inputnumber/InputNumber.d.ts b/components/lib/inputnumber/InputNumber.d.ts
index 8e4fb37db..5f63b130c 100755
--- a/components/lib/inputnumber/InputNumber.d.ts
+++ b/components/lib/inputnumber/InputNumber.d.ts
@@ -71,6 +71,10 @@ export interface InputNumberInputEvent {
      * New value
      */
     value: string | number | undefined;
+    /**
+     * currentValue
+     */
+    formattedValue: string;
 }
 
 /**
@@ -86,6 +90,10 @@ export interface InputNumberBlurEvent {
      * Input value
      */
     value: string;
+    /**
+     * currentValue
+     */
+    formattedValue: string;
 }
 
 /**

From b4a6eb17ef050f4079911b63cbef021415ced829 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Fri, 19 Apr 2024 09:36:04 +0000
Subject: [PATCH 15/49] Code Format

---
 components/lib/scrollpanel/ScrollPanel.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/lib/scrollpanel/ScrollPanel.vue b/components/lib/scrollpanel/ScrollPanel.vue
index c4515d01d..6924933a2 100644
--- a/components/lib/scrollpanel/ScrollPanel.vue
+++ b/components/lib/scrollpanel/ScrollPanel.vue
@@ -147,7 +147,8 @@ export default {
                         } else {
                             this.$refs.yBar.setAttribute('data-p-scrollpanel-hidden', 'false');
                             !this.isUnstyled && DomHandler.removeClass(this.$refs.yBar, 'p-scrollpanel-hidden');
-                            this.$refs.yBar.style.cssText = 'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';
+                            this.$refs.yBar.style.cssText =
+                                'height:' + Math.max(this.scrollYRatio * 100, 10) + '%; top: calc(' + (this.$refs.content.scrollTop / totalHeight) * 100 + '% - ' + this.$refs.xBar.clientHeight + 'px);right:' + right + 'px;';
                         }
                     }
                 });

From eb1228749aaab929a39a50d1feca49f4312ef811 Mon Sep 17 00:00:00 2001
From: xujiangyang <xujiangyang@cmss.chinamobile.com>
Date: Fri, 19 Apr 2024 17:54:28 +0800
Subject: [PATCH 16/49] fix: #5433 InputNumberBlurEvent not type formattedValue

---
 components/lib/inputnumber/InputNumber.d.ts | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/components/lib/inputnumber/InputNumber.d.ts b/components/lib/inputnumber/InputNumber.d.ts
index 5f63b130c..4b2edde7f 100755
--- a/components/lib/inputnumber/InputNumber.d.ts
+++ b/components/lib/inputnumber/InputNumber.d.ts
@@ -90,10 +90,6 @@ export interface InputNumberBlurEvent {
      * Input value
      */
     value: string;
-    /**
-     * currentValue
-     */
-    formattedValue: string;
 }
 
 /**

From f57a90eb5119ac7343198d698d744df1ce06f9e3 Mon Sep 17 00:00:00 2001
From: carldenigma <carld@enigma-interactive.co.uk>
Date: Fri, 19 Apr 2024 11:16:23 +0100
Subject: [PATCH 17/49] #5618 - Updated AutoComplete to allow form submission
 using return

---
 components/lib/autocomplete/AutoComplete.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/components/lib/autocomplete/AutoComplete.vue b/components/lib/autocomplete/AutoComplete.vue
index 0f79b35af..945e35ee5 100755
--- a/components/lib/autocomplete/AutoComplete.vue
+++ b/components/lib/autocomplete/AutoComplete.vue
@@ -617,16 +617,14 @@ export default {
         onEnterKey(event) {
             if (!this.overlayVisible) {
                 this.focusedOptionIndex = -1; // reset
-                this.onArrowDownKey(event);
             } else {
                 if (this.focusedOptionIndex !== -1) {
                     this.onOptionSelect(event, this.visibleOptions[this.focusedOptionIndex]);
+                    event.preventDefault();
                 }
 
                 this.hide();
             }
-
-            event.preventDefault();
         },
         onEscapeKey(event) {
             this.overlayVisible && this.hide(true);

From b15719071e58d2388f358f846cd78e0957878528 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Fri, 19 Apr 2024 11:34:59 +0000
Subject: [PATCH 18/49] Update API doc

---
 doc/common/apidoc/index.json | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/doc/common/apidoc/index.json b/doc/common/apidoc/index.json
index 70cfec2fb..8b5d15554 100644
--- a/doc/common/apidoc/index.json
+++ b/doc/common/apidoc/index.json
@@ -31398,6 +31398,14 @@
                             "type": "undefined | string | number",
                             "default": "",
                             "description": "New value"
+                        },
+                        {
+                            "name": "formattedValue",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "currentValue"
                         }
                     ],
                     "methods": []

From 63b5ca752313df159b0a69ae7e6a45a5806bf7e5 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Fri, 19 Apr 2024 11:47:39 +0000
Subject: [PATCH 19/49] Code Format

---
 components/lib/sidebar/BaseSidebar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/lib/sidebar/BaseSidebar.vue b/components/lib/sidebar/BaseSidebar.vue
index 773397a56..77ee5b83e 100644
--- a/components/lib/sidebar/BaseSidebar.vue
+++ b/components/lib/sidebar/BaseSidebar.vue
@@ -61,6 +61,6 @@ export default {
                 this.unbindOutsideClickListener();
             }
         }
-    },
+    }
 };
 </script>

From d1a26a2bdbbf71835ea5e9fa378d8cf2a5ea6462 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Fri, 19 Apr 2024 11:52:56 +0000
Subject: [PATCH 20/49] Code Format

---
 components/lib/calendar/Calendar.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/components/lib/calendar/Calendar.vue b/components/lib/calendar/Calendar.vue
index 6d7bb7b45..53414b618 100755
--- a/components/lib/calendar/Calendar.vue
+++ b/components/lib/calendar/Calendar.vue
@@ -1162,9 +1162,7 @@ export default {
             let date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
 
             if (this.showTime) {
-                (this.hourFormat === '12' && this.currentHour !== 12 && this.pm) ? 
-                    date.setHours(this.currentHour + 12) : 
-                    date.setHours(this.currentHour);
+                this.hourFormat === '12' && this.currentHour !== 12 && this.pm ? date.setHours(this.currentHour + 12) : date.setHours(this.currentHour);
 
                 date.setMinutes(this.currentMinute);
                 date.setSeconds(this.currentSecond);

From b0b91c2050f8adaa5dac83d0472db187669cc654 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Fri, 19 Apr 2024 15:11:30 +0300
Subject: [PATCH 21/49] Fixed #5618 - AutoComplete: Enter does not submit form

---
 components/lib/autocomplete/AutoComplete.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/lib/autocomplete/AutoComplete.vue b/components/lib/autocomplete/AutoComplete.vue
index 945e35ee5..8a7a5b3a7 100755
--- a/components/lib/autocomplete/AutoComplete.vue
+++ b/components/lib/autocomplete/AutoComplete.vue
@@ -617,10 +617,10 @@ export default {
         onEnterKey(event) {
             if (!this.overlayVisible) {
                 this.focusedOptionIndex = -1; // reset
+                this.onArrowDownKey(event);
             } else {
                 if (this.focusedOptionIndex !== -1) {
                     this.onOptionSelect(event, this.visibleOptions[this.focusedOptionIndex]);
-                    event.preventDefault();
                 }
 
                 this.hide();

From 169a9af8eb515047d1ba69cba6d8aa295d4f4321 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Fri, 19 Apr 2024 15:28:49 +0300
Subject: [PATCH 22/49] Fixed #5599 - Menu / Stepper: Pass Through Unstyled
 Mode

---
 components/lib/menu/Menu.vue       | 15 ++++++++++++++-
 components/lib/stepper/Stepper.vue |  3 +++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/components/lib/menu/Menu.vue b/components/lib/menu/Menu.vue
index a0efcd476..9f4c4f9ad 100644
--- a/components/lib/menu/Menu.vue
+++ b/components/lib/menu/Menu.vue
@@ -31,6 +31,7 @@
                                     :item="child"
                                     :templates="$slots"
                                     :focusedOptionId="focusedOptionId"
+                                    :unstyled="unstyled"
                                     @item-click="itemClick"
                                     @item-mousemove="itemMouseMove"
                                     :pt="pt"
@@ -39,7 +40,19 @@
                             </template>
                         </template>
                         <li v-else-if="visible(item) && item.separator" :key="'separator' + i.toString()" :class="[cx('separator'), item.class]" :style="item.style" role="separator" v-bind="ptm('separator')"></li>
-                        <PVMenuitem v-else :key="label(item) + i.toString()" :id="id + '_' + i" :item="item" :index="i" :templates="$slots" :focusedOptionId="focusedOptionId" @item-click="itemClick" @item-mousemove="itemMouseMove" :pt="pt" />
+                        <PVMenuitem
+                            v-else
+                            :key="label(item) + i.toString()"
+                            :id="id + '_' + i"
+                            :item="item"
+                            :index="i"
+                            :templates="$slots"
+                            :focusedOptionId="focusedOptionId"
+                            :unstyled="unstyled"
+                            @item-click="itemClick"
+                            @item-mousemove="itemMouseMove"
+                            :pt="pt"
+                        />
                     </template>
                 </ul>
                 <div v-if="$slots.end" :class="cx('end')" v-bind="ptm('end')">
diff --git a/components/lib/stepper/Stepper.vue b/components/lib/stepper/Stepper.vue
index 7ba3d49cf..f4d760542 100644
--- a/components/lib/stepper/Stepper.vue
+++ b/components/lib/stepper/Stepper.vue
@@ -31,6 +31,7 @@
                             :clickCallback="(event) => onItemClick(event, index)"
                             :getStepPT="getStepPT"
                             :getStepProp="getStepProp"
+                            :unstyled="unstyled"
                         />
                     </slot>
                     <slot v-if="index !== stepperpanels.length - 1" name="separator">
@@ -42,6 +43,7 @@
                             :active="isStepActive(index)"
                             :highlighted="index < d_activeStep"
                             :getStepPT="getStepPT(step, 'separator', index)"
+                            :unstyled="unstyled"
                         />
                     </slot>
                 </li>
@@ -61,6 +63,7 @@
                         :nextCallback="(event) => nextCallback(event, index)"
                         :getStepPT="getStepPT"
                         :aria-labelledby="getStepHeaderActionId(index)"
+                        :unstyled="unstyled"
                     />
                 </template>
             </div>

From 344ec64cd461aad1493073dd3ff10bc8a7338654 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Fri, 19 Apr 2024 15:30:12 +0300
Subject: [PATCH 23/49] Update menu.json

---
 assets/menu/menu.json | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/assets/menu/menu.json b/assets/menu/menu.json
index 9c3262884..4b5eae4ac 100644
--- a/assets/menu/menu.json
+++ b/assets/menu/menu.json
@@ -95,13 +95,11 @@
                         },
                         {
                             "name": "FloatLabel",
-                            "to": "/floatlabel",
-                            "badge": "NEW"
+                            "to": "/floatlabel"
                         },
                         {
                             "name": "IconField",
-                            "to": "/iconfield",
-                            "badge": "NEW"
+                            "to": "/iconfield"
                         },
                         {
                             "name": "InputGroup",
@@ -117,8 +115,7 @@
                         },
                         {
                             "name": "InputOtp",
-                            "to": "/inputotp",
-                            "badge": "NEW"
+                            "to": "/inputotp"
                         },
                         {
                             "name": "InputSwitch",
@@ -277,8 +274,7 @@
                         },
                         {
                             "name": "Stepper",
-                            "to": "/stepper",
-                            "badge": "NEW"
+                            "to": "/stepper"
                         },
                         {
                             "name": "TabView",
@@ -449,8 +445,7 @@
                         },
                         {
                             "name": "MeterGroup",
-                            "to": "/metergroup",
-                            "badge": "NEW"
+                            "to": "/metergroup"
                         },
                         {
                             "name": "ScrollTop",

From aa345b66eafd7b6404d83b62af16767233b208b5 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Mon, 22 Apr 2024 10:57:06 +0300
Subject: [PATCH 24/49] Template pages discount implementation

---
 assets/styles/layout/templates/_templates.scss | 11 +++++++++--
 components/template/License.vue                |  7 +++++--
 pages/templates/apollo/index.vue               |  3 +++
 pages/templates/atlantis/index.vue             |  3 +++
 pages/templates/avalon/index.vue               |  3 +++
 pages/templates/diamond/index.vue              |  3 +++
 pages/templates/freya/index.vue                |  3 +++
 pages/templates/poseidon/index.vue             |  3 +++
 pages/templates/ultima/index.vue               |  3 +++
 pages/templates/verona/index.vue               |  3 +++
 10 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/assets/styles/layout/templates/_templates.scss b/assets/styles/layout/templates/_templates.scss
index f7a3a18fd..b12a84501 100644
--- a/assets/styles/layout/templates/_templates.scss
+++ b/assets/styles/layout/templates/_templates.scss
@@ -1398,19 +1398,26 @@
             border-radius: 1rem;
             border: 1px solid var(--surface-200);
             background-color: var(--surface-card);
-            span {
+
+            &-title {
                 color: var(--surface-900);
                 font-weight: 600;
                 line-height: 1.5rem;
             }
 
-            h2 {
+            &-pricing {
                 color: var(--surface-900);
                 font-size: 2.5rem;
                 font-weight: 600;
                 line-height: 3rem;
                 letter-spacing: -0.025rem;
                 margin: 1rem 0 1.25rem;
+
+                &-discount-active {
+                    color: var(--surface-600);
+                    text-decoration: line-through;
+                    margin-right: 1rem;
+                }
             }
 
             button {
diff --git a/components/template/License.vue b/components/template/License.vue
index 274986f7d..493e8381b 100644
--- a/components/template/License.vue
+++ b/components/template/License.vue
@@ -4,8 +4,11 @@
             <div class="template-license-cards">
                 <template v-for="(detail, index) in license.licenseDetails" :key="index">
                     <div class="template-license-card">
-                        <span>{{ detail.title }}</span>
-                        <h2>{{ detail.price }}</h2>
+                        <span class="template-license-card-title">{{ detail.title }}</span>
+                        <div class="template-license-card-pricing">
+                            <span :class="{ 'template-license-card-pricing-discount-active': license.showDiscount }">{{ detail.price }}</span>
+                            <span v-if="license.showDiscount">{{ detail.discount }}</span>
+                        </div>
                         <div class="template-license-card-included">
                             <template v-for="(txt, i) in detail.included" :key="`text_${i}`">
                                 <p>{{ txt }}</p>
diff --git a/pages/templates/apollo/index.vue b/pages/templates/apollo/index.vue
index 9b2fda961..dbbad5dae 100644
--- a/pages/templates/apollo/index.vue
+++ b/pages/templates/apollo/index.vue
@@ -220,15 +220,18 @@ export default {
             license: {
                 documentLink: 'https://apollo.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: false,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]
diff --git a/pages/templates/atlantis/index.vue b/pages/templates/atlantis/index.vue
index 4af247ead..2347ef21b 100644
--- a/pages/templates/atlantis/index.vue
+++ b/pages/templates/atlantis/index.vue
@@ -208,15 +208,18 @@ export default {
             license: {
                 documentLink: 'https://atlantis.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: false,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]
diff --git a/pages/templates/avalon/index.vue b/pages/templates/avalon/index.vue
index 06ce1af7e..8b0eeb7c9 100644
--- a/pages/templates/avalon/index.vue
+++ b/pages/templates/avalon/index.vue
@@ -207,15 +207,18 @@ export default {
             license: {
                 documentLink: 'https://avalon.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: false,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$49',
+                        discount: '$29',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$490',
+                        discount: '$290',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]
diff --git a/pages/templates/diamond/index.vue b/pages/templates/diamond/index.vue
index d391ef7a0..92b413719 100644
--- a/pages/templates/diamond/index.vue
+++ b/pages/templates/diamond/index.vue
@@ -197,15 +197,18 @@ export default {
             license: {
                 documentLink: 'https://diamond.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: false,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]
diff --git a/pages/templates/freya/index.vue b/pages/templates/freya/index.vue
index 2d1c8235f..d82fee216 100644
--- a/pages/templates/freya/index.vue
+++ b/pages/templates/freya/index.vue
@@ -194,15 +194,18 @@ export default {
             license: {
                 documentLink: 'https://freya.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: false,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]
diff --git a/pages/templates/poseidon/index.vue b/pages/templates/poseidon/index.vue
index f8a3633c7..1c9a821ba 100644
--- a/pages/templates/poseidon/index.vue
+++ b/pages/templates/poseidon/index.vue
@@ -172,15 +172,18 @@ export default {
             license: {
                 documentLink: 'https://poseidon.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: false,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]
diff --git a/pages/templates/ultima/index.vue b/pages/templates/ultima/index.vue
index 4fe0ba99a..11f9a96b5 100644
--- a/pages/templates/ultima/index.vue
+++ b/pages/templates/ultima/index.vue
@@ -206,15 +206,18 @@ export default {
             license: {
                 documentLink: 'https://ultima.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: false,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]
diff --git a/pages/templates/verona/index.vue b/pages/templates/verona/index.vue
index dddb12a50..3048c097d 100644
--- a/pages/templates/verona/index.vue
+++ b/pages/templates/verona/index.vue
@@ -195,15 +195,18 @@ export default {
             license: {
                 documentLink: 'https://verona.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: false,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$49',
+                        discount: '$29',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$490',
+                        discount: '$290',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]

From 3a4e08b36392e86e6a06a237e1dfbcef7bf61bc6 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Mon, 22 Apr 2024 11:20:06 +0300
Subject: [PATCH 25/49] Avalon page fixes

---
 pages/templates/avalon/index.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/templates/avalon/index.vue b/pages/templates/avalon/index.vue
index 06ce1af7e..1209f07c5 100644
--- a/pages/templates/avalon/index.vue
+++ b/pages/templates/avalon/index.vue
@@ -222,7 +222,6 @@ export default {
             },
             templateHeroData: {
                 pattern: 'https://primefaces.org/cdn/primevue/images/templates/avalon/avalon-hero-pattern.png',
-                light: true,
                 rectangle: true,
                 dashboard1: 'https://primefaces.org/cdn/primevue/images/templates/avalon/avalon-hero-dashboard1.png',
                 dashboard2: 'https://primefaces.org/cdn/primevue/images/templates/avalon/avalon-hero-dashboard2.png',

From 81853d4ee3120b5fbfb82c85634228c2ca078ec9 Mon Sep 17 00:00:00 2001
From: Jacob Walls <jacobtylerwalls@gmail.com>
Date: Mon, 22 Apr 2024 14:57:07 -0400
Subject: [PATCH 26/49] [file-upload] Remove incorrect sentence in customUpload
 prop docs

---
 api-generator/components/fileupload.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/api-generator/components/fileupload.js b/api-generator/components/fileupload.js
index 3095158ca..47b238553 100644
--- a/api-generator/components/fileupload.js
+++ b/api-generator/components/fileupload.js
@@ -99,7 +99,7 @@ const FileUploadProps = [
         name: 'customUpload',
         type: 'boolean',
         default: 'false',
-        description: 'Whether to use the default upload or a manual implementation defined in uploadHandler callback. Defaults to PrimeVue Locale configuration.'
+        description: 'Whether to use the default upload or a manual implementation defined in uploadHandler callback.'
     },
     {
         name: 'showUploadButton',

From 0f33cc7fedd15ff276c41a36788e6663abc9fde9 Mon Sep 17 00:00:00 2001
From: Baek <bdh92123.1@gmail.com>
Date: Wed, 24 Apr 2024 12:42:16 +0900
Subject: [PATCH 27/49] Fixed primefaces#5372: DataTable: Modifying value of
 expendedRow is not reflected

---
 components/lib/datatable/BodyRow.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/lib/datatable/BodyRow.vue b/components/lib/datatable/BodyRow.vue
index 227b9e710..fa0284874 100644
--- a/components/lib/datatable/BodyRow.vue
+++ b/components/lib/datatable/BodyRow.vue
@@ -277,6 +277,7 @@ export default {
     },
     watch: {
         expandedRows: {
+            deep: true,
             immediate: true,
             handler(newValue) {
                 this.d_rowExpanded = this.dataKey ? newValue?.[ObjectUtils.resolveFieldData(this.rowData, this.dataKey)] !== undefined : newValue?.some((d) => this.equals(this.rowData, d));

From c390ba727066441ed49e552698244a90a9cc5024 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 24 Apr 2024 09:03:12 +0300
Subject: [PATCH 28/49] Fixed #5277 - Dropdown: aria-label missing from inner
 ul element

---
 components/lib/autocomplete/AutoComplete.vue      | 5 ++++-
 components/lib/cascadeselect/CascadeSelectSub.vue | 5 ++++-
 components/lib/config/PrimeVue.d.ts               | 1 +
 components/lib/config/PrimeVue.js                 | 3 ++-
 components/lib/dropdown/Dropdown.vue              | 5 ++++-
 components/lib/multiselect/MultiSelect.vue        | 5 ++++-
 6 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/components/lib/autocomplete/AutoComplete.vue b/components/lib/autocomplete/AutoComplete.vue
index 8a7a5b3a7..680b4ad19 100755
--- a/components/lib/autocomplete/AutoComplete.vue
+++ b/components/lib/autocomplete/AutoComplete.vue
@@ -117,7 +117,7 @@
                     <slot name="header" :value="modelValue" :suggestions="visibleOptions"></slot>
                     <VirtualScroller :ref="virtualScrollerRef" v-bind="virtualScrollerOptions" :style="{ height: scrollHeight }" :items="visibleOptions" :tabindex="-1" :disabled="virtualScrollerDisabled" :pt="ptm('virtualScroller')">
                         <template v-slot:content="{ styleClass, contentRef, items, getItemOptions, contentStyle, itemSize }">
-                            <ul :ref="(el) => listRef(el, contentRef)" :id="id + '_list'" :class="[cx('list'), styleClass]" :style="contentStyle" role="listbox" v-bind="ptm('list')">
+                            <ul :ref="(el) => listRef(el, contentRef)" :id="id + '_list'" :class="[cx('list'), styleClass]" :style="contentStyle" role="listbox" :aria-label="listAriaLabel" v-bind="ptm('list')">
                                 <template v-for="(option, i) of items" :key="getOptionRenderKey(option, getOptionIndex(i, getItemOptions))">
                                     <li v-if="isOptionGroup(option)" :id="id + '_' + getOptionIndex(i, getItemOptions)" :style="{ height: itemSize ? itemSize + 'px' : undefined }" :class="cx('itemGroup')" role="option" v-bind="ptm('itemGroup')">
                                         <slot name="optiongroup" :option="option.optionGroup" :item="option.optionGroup" :index="getOptionIndex(i, getItemOptions)">{{ getOptionGroupLabel(option.optionGroup) }}</slot>
@@ -924,6 +924,9 @@ export default {
         selectedMessageText() {
             return this.hasSelectedOption ? this.selectionMessageText.replaceAll('{0}', this.multiple ? this.modelValue.length : '1') : this.emptySelectionMessageText;
         },
+        listAriaLabel() {
+            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.listLabel : undefined;
+        },
         focusedOptionId() {
             return this.focusedOptionIndex !== -1 ? `${this.id}_${this.focusedOptionIndex}` : null;
         },
diff --git a/components/lib/cascadeselect/CascadeSelectSub.vue b/components/lib/cascadeselect/CascadeSelectSub.vue
index 917abb5a1..8e7ced319 100644
--- a/components/lib/cascadeselect/CascadeSelectSub.vue
+++ b/components/lib/cascadeselect/CascadeSelectSub.vue
@@ -1,5 +1,5 @@
 <template>
-    <ul :ref="containerRef" :class="cx('list')" v-bind="level === 0 ? ptm('list') : ptm('sublist')">
+    <ul :ref="containerRef" :class="cx('list')" :aria-label="listAriaLabel" v-bind="level === 0 ? ptm('list') : ptm('sublist')">
         <template v-for="(processedOption, index) of options" :key="getOptionLabelToRender(processedOption)">
             <li
                 :id="getOptionId(processedOption)"
@@ -161,6 +161,9 @@ export default {
         },
         containerRef(el) {
             this.container = el;
+        },
+        listAriaLabel() {
+            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.listLabel : undefined;
         }
     },
     directives: {
diff --git a/components/lib/config/PrimeVue.d.ts b/components/lib/config/PrimeVue.d.ts
index 178295e11..0591bf978 100644
--- a/components/lib/config/PrimeVue.d.ts
+++ b/components/lib/config/PrimeVue.d.ts
@@ -275,6 +275,7 @@ export interface PrimeVueLocaleAriaOptions {
     zoomOut?: string;
     rotateRight?: string;
     rotateLeft?: string;
+    listLabel?: string;
 }
 
 export interface PrimeVueLocaleOptions {
diff --git a/components/lib/config/PrimeVue.js b/components/lib/config/PrimeVue.js
index 3e0fcd8f2..dae0b3242 100644
--- a/components/lib/config/PrimeVue.js
+++ b/components/lib/config/PrimeVue.js
@@ -119,7 +119,8 @@ export const defaultOptions = {
             zoomIn: 'Zoom In',
             zoomOut: 'Zoom Out',
             rotateRight: 'Rotate Right',
-            rotateLeft: 'Rotate Left'
+            rotateLeft: 'Rotate Left',
+            listLabel: 'Option List'
         }
     },
     filterMatchModeOptions: {
diff --git a/components/lib/dropdown/Dropdown.vue b/components/lib/dropdown/Dropdown.vue
index cb3d13e78..462b990f1 100755
--- a/components/lib/dropdown/Dropdown.vue
+++ b/components/lib/dropdown/Dropdown.vue
@@ -105,7 +105,7 @@
                     <div :class="cx('wrapper')" :style="{ 'max-height': virtualScrollerDisabled ? scrollHeight : '' }" v-bind="ptm('wrapper')">
                         <VirtualScroller :ref="virtualScrollerRef" v-bind="virtualScrollerOptions" :items="visibleOptions" :style="{ height: scrollHeight }" :tabindex="-1" :disabled="virtualScrollerDisabled" :pt="ptm('virtualScroller')">
                             <template v-slot:content="{ styleClass, contentRef, items, getItemOptions, contentStyle, itemSize }">
-                                <ul :ref="(el) => listRef(el, contentRef)" :id="id + '_list'" :class="[cx('list'), styleClass]" :style="contentStyle" role="listbox" v-bind="ptm('list')">
+                                <ul :ref="(el) => listRef(el, contentRef)" :id="id + '_list'" :class="[cx('list'), styleClass]" :style="contentStyle" role="listbox" :aria-label="listAriaLabel" v-bind="ptm('list')">
                                     <template v-for="(option, i) of items" :key="getOptionRenderKey(option, getOptionIndex(i, getItemOptions))">
                                         <li v-if="isOptionGroup(option)" :id="id + '_' + getOptionIndex(i, getItemOptions)" :style="{ height: itemSize ? itemSize + 'px' : undefined }" :class="cx('itemGroup')" role="option" v-bind="ptm('itemGroup')">
                                             <slot name="optiongroup" :option="option.optionGroup" :index="getOptionIndex(i, getItemOptions)">
@@ -964,6 +964,9 @@ export default {
         selectedMessageText() {
             return this.hasSelectedOption ? this.selectionMessageText.replaceAll('{0}', '1') : this.emptySelectionMessageText;
         },
+        listAriaLabel() {
+            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.listLabel : undefined;
+        },
         focusedOptionId() {
             return this.focusedOptionIndex !== -1 ? `${this.id}_${this.focusedOptionIndex}` : null;
         },
diff --git a/components/lib/multiselect/MultiSelect.vue b/components/lib/multiselect/MultiSelect.vue
index 5175103c5..444ee0be4 100755
--- a/components/lib/multiselect/MultiSelect.vue
+++ b/components/lib/multiselect/MultiSelect.vue
@@ -119,7 +119,7 @@
                     <div :class="cx('wrapper')" :style="{ 'max-height': virtualScrollerDisabled ? scrollHeight : '' }" v-bind="ptm('wrapper')">
                         <VirtualScroller :ref="virtualScrollerRef" v-bind="virtualScrollerOptions" :items="visibleOptions" :style="{ height: scrollHeight }" :tabindex="-1" :disabled="virtualScrollerDisabled" :pt="ptm('virtualScroller')">
                             <template v-slot:content="{ styleClass, contentRef, items, getItemOptions, contentStyle, itemSize }">
-                                <ul :ref="(el) => listRef(el, contentRef)" :id="id + '_list'" :class="[cx('list'), styleClass]" :style="contentStyle" role="listbox" aria-multiselectable="true" v-bind="ptm('list')">
+                                <ul :ref="(el) => listRef(el, contentRef)" :id="id + '_list'" :class="[cx('list'), styleClass]" :style="contentStyle" role="listbox" aria-multiselectable="true" :aria-label="listAriaLabel" v-bind="ptm('list')">
                                     <template v-for="(option, i) of items" :key="getOptionRenderKey(option, getOptionIndex(i, getItemOptions))">
                                         <li v-if="isOptionGroup(option)" :id="id + '_' + getOptionIndex(i, getItemOptions)" :style="{ height: itemSize ? itemSize + 'px' : undefined }" :class="cx('itemGroup')" role="option" v-bind="ptm('itemGroup')">
                                             <slot name="optiongroup" :option="option.optionGroup" :index="getOptionIndex(i, getItemOptions)">{{ getOptionGroupLabel(option.optionGroup) }}</slot>
@@ -1088,6 +1088,9 @@ export default {
         closeAriaLabel() {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
         },
+        listAriaLabel() {
+            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.listLabel : undefined;
+        },
         virtualScrollerDisabled() {
             return !this.virtualScrollerOptions;
         }

From 498a0050a2143a9372f8eb2d4c94298b77f07d68 Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Wed, 24 Apr 2024 06:04:12 +0000
Subject: [PATCH 29/49] Update API doc

---
 doc/common/apidoc/index.json | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/doc/common/apidoc/index.json b/doc/common/apidoc/index.json
index 8b5d15554..8d735733d 100644
--- a/doc/common/apidoc/index.json
+++ b/doc/common/apidoc/index.json
@@ -15999,6 +15999,13 @@
                             "readonly": false,
                             "type": "string",
                             "default": ""
+                        },
+                        {
+                            "name": "listLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
                         }
                     ],
                     "methods": []

From 6004166df9eaf3d27d3df021b99f6c1ab28408ab Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 24 Apr 2024 09:34:19 +0300
Subject: [PATCH 30/49] Fixed #5635 - InputOp: Digits only doesn't work on
 mobile

---
 components/lib/inputotp/InputOtp.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/lib/inputotp/InputOtp.vue b/components/lib/inputotp/InputOtp.vue
index ec670ed1a..342ca421b 100755
--- a/components/lib/inputotp/InputOtp.vue
+++ b/components/lib/inputotp/InputOtp.vue
@@ -157,7 +157,7 @@ export default {
                     break;
 
                 default:
-                    if ((this.integerOnly && !((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {
+                    if ((this.integerOnly && !(Number(event.key) >= 0 && Number(event.key) <= 9)) || (this.tokens.join('').length >= this.length && event.code !== 'Delete')) {
                         event.preventDefault();
                     }
 

From 6472bb6f043464f08a93a780cd5bc05f486f1bce Mon Sep 17 00:00:00 2001
From: Michael Meier <michael@meier.ws>
Date: Wed, 24 Apr 2024 09:51:17 +0200
Subject: [PATCH 31/49] fix(DataTable): fix rowClass type definition and
 improve usage documentation for rowClass and rowStyle. Fixes #5498

---
 components/lib/datatable/DataTable.d.ts | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/lib/datatable/DataTable.d.ts b/components/lib/datatable/DataTable.d.ts
index 8d95f3ab1..02b4aa450 100755
--- a/components/lib/datatable/DataTable.d.ts
+++ b/components/lib/datatable/DataTable.d.ts
@@ -1066,12 +1066,15 @@ export interface DataTableProps {
     editingRows?: any[] | DataTableEditingRows;
     /**
      * A function that takes the row data as a parameter and returns a string to apply a particular class for the row.
+     * The return value is added to the row's :classes array (see Vue.js class bindings).
      */
-    rowClass?: (data: any) => object | undefined;
+    rowClass?: (data: any) => string | object | undefined;
     /**
-     * A function that takes the row data as a parameter and returns the inline style for the corresponding row.
+     * A function that takes the row data as a parameter and returns the inline style object for the corresponding row.
+     * The function may also return an array of style objects which will be merged. 
+     * The return value of this function is directly applied as a Vue.js style-binding on the table row.
      */
-    rowStyle?: (data: any) => object | undefined;
+    rowStyle?: (data: any) => object | object[] | undefined;
     /**
      * When specified, enables horizontal and/or vertical scrolling.
      * @defaultValue false

From 1d9c036f31a9923f63406a77f7c280195ab34310 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 24 Apr 2024 11:10:15 +0300
Subject: [PATCH 32/49] Fixed #5545 - InputNumber Not Working android

---
 components/lib/inputnumber/InputNumber.vue | 33 +++++++++++++---------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/components/lib/inputnumber/InputNumber.vue b/components/lib/inputnumber/InputNumber.vue
index 2a63df934..ef86b5ff2 100755
--- a/components/lib/inputnumber/InputNumber.vue
+++ b/components/lib/inputnumber/InputNumber.vue
@@ -10,6 +10,7 @@
             :aria-valuemin="min"
             :aria-valuemax="max"
             :aria-valuenow="modelValue"
+            :inputmode="mode === 'decimal' && !minFractionDigits ? 'numeric' : 'decimal'"
             :disabled="disabled"
             :readonly="readonly"
             :placeholder="placeholder"
@@ -18,6 +19,7 @@
             :aria-invalid="invalid || undefined"
             @input="onUserInput"
             @keydown="onInputKeyDown"
+            @keypress="onInputKeyPress"
             @paste="onPaste"
             @click="onInputClick"
             @focus="onInputFocus"
@@ -525,23 +527,26 @@ export default {
                     break;
 
                 default:
-                    if (this.readonly) {
-                        return;
-                    }
-
-                    event.preventDefault();
-
-                    let char = event.key;
-                    const isDecimalSign = this.isDecimalSign(char);
-                    const isMinusSign = this.isMinusSign(char);
-
-                    if ((Number(char) >= 0 && Number(char) <= 9) || isMinusSign || isDecimalSign) {
-                        this.insert(event, char, { isDecimalSign, isMinusSign });
-                    }
-
                     break;
             }
         },
+        onInputKeyPress(event) {
+            if (this.readonly) {
+                return;
+            }
+
+            let char = event.key;
+            let isDecimalSign = this.isDecimalSign(char);
+            const isMinusSign = this.isMinusSign(char);
+
+            if (event.code !== 'Enter') {
+                event.preventDefault();
+            }
+
+            if ((Number(char) >= 0 && Number(char) <= 9) || isMinusSign || isDecimalSign) {
+                this.insert(event, char, { isDecimalSign, isMinusSign });
+            }
+        },
         onPaste(event) {
             event.preventDefault();
             let data = (event.clipboardData || window['clipboardData']).getData('Text');

From 3902a31d38a9db5e6428c233d7d33c887e0a83af Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 24 Apr 2024 11:52:25 +0300
Subject: [PATCH 33/49] Update StyledDoc.vue

---
 doc/inputswitch/theming/StyledDoc.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/doc/inputswitch/theming/StyledDoc.vue b/doc/inputswitch/theming/StyledDoc.vue
index 5df2ea33a..e6a723ec7 100644
--- a/doc/inputswitch/theming/StyledDoc.vue
+++ b/doc/inputswitch/theming/StyledDoc.vue
@@ -16,8 +16,8 @@
                     <td>Container element.</td>
                 </tr>
                 <tr>
-                    <td>p-inputswitch-checked</td>
-                    <td>Container element in active state.</td>
+                    <td>p-inputswitch-input</td>
+                    <td>Container of input element.</td>
                 </tr>
                 <tr>
                     <td>p-inputswitch-slider</td>

From 8a79cdecff196bb5579553227f9ead84f1498b35 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 24 Apr 2024 12:23:32 +0300
Subject: [PATCH 34/49] Fixed #5225 - Toast: Race condition on remove

---
 components/lib/toast/Toast.vue | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/components/lib/toast/Toast.vue b/components/lib/toast/Toast.vue
index fbe64db2b..05f3617d7 100755
--- a/components/lib/toast/Toast.vue
+++ b/components/lib/toast/Toast.vue
@@ -72,17 +72,12 @@ export default {
             this.messages = [...this.messages, message];
         },
         remove(params) {
-            let index = -1;
+            const index = this.messages.findIndex((m) => m.id === params.message.id);
 
-            for (let i = 0; i < this.messages.length; i++) {
-                if (this.messages[i] === params.message) {
-                    index = i;
-                    break;
-                }
+            if (index !== -1) {
+                this.messages.splice(index, 1);
+                this.$emit(params.type, { message: params.message });
             }
-
-            this.messages.splice(index, 1);
-            this.$emit(params.type, { message: params.message });
         },
         onAdd(message) {
             if (this.group == message.group) {

From 65ecb9fb973419f9a167a1c5df9fddd3ca72a7db Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 24 Apr 2024 13:13:07 +0300
Subject: [PATCH 35/49] Fixed #4938 - Calendar: Input value is not updated when
 model is changed externally

---
 components/lib/calendar/Calendar.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/lib/calendar/Calendar.vue b/components/lib/calendar/Calendar.vue
index 53414b618..52af296eb 100755
--- a/components/lib/calendar/Calendar.vue
+++ b/components/lib/calendar/Calendar.vue
@@ -563,14 +563,17 @@ export default {
         id: function (newValue) {
             this.d_id = newValue || UniqueComponentId();
         },
-        modelValue(newValue) {
-            this.updateCurrentMetaData();
+        modelValue: {
+            deep: true,
+            handler(newValue) {
+                this.updateCurrentMetaData();
 
-            if (!this.typeUpdate && !this.inline && this.input) {
-                this.input.value = this.formatValue(newValue);
+                if (!this.typeUpdate && !this.inline && this.input) {
+                    this.input.value = this.formatValue(newValue);
+                }
+
+                this.typeUpdate = false;
             }
-
-            this.typeUpdate = false;
         },
         showTime() {
             this.updateCurrentMetaData();

From 8290426202a92109e26bad8cdfcf552c7adb1df0 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 24 Apr 2024 13:36:41 +0300
Subject: [PATCH 36/49] Update ForceSelectionDoc.vue

---
 doc/autocomplete/ForceSelectionDoc.vue | 73 ++++++++++++++++++++------
 1 file changed, 58 insertions(+), 15 deletions(-)

diff --git a/doc/autocomplete/ForceSelectionDoc.vue b/doc/autocomplete/ForceSelectionDoc.vue
index 91f366512..60470a499 100644
--- a/doc/autocomplete/ForceSelectionDoc.vue
+++ b/doc/autocomplete/ForceSelectionDoc.vue
@@ -6,39 +6,56 @@
         </p>
     </DocSectionText>
     <div class="card flex justify-content-center">
-        <AutoComplete v-model="value" :suggestions="items" @complete="search" forceSelection />
+        <AutoComplete v-model="selectedCountry" forceSelection optionLabel="name" :suggestions="filteredCountries" @complete="search" />
     </div>
-    <DocSectionCode :code="code" />
+    <DocSectionCode :code="code" :service="['CountryService']" />
 </template>
 
 <script>
+import { CountryService } from '@/service/CountryService';
+
 export default {
     data() {
         return {
-            value: '',
-            items: [],
+            countries: null,
+            selectedCountry: null,
+            filteredCountries: null,
             code: {
                 basic: `
-<AutoComplete v-model="value" :suggestions="items" @complete="search" forceSelection />
+<AutoComplete v-model="selectedCountry" forceSelection optionLabel="name" :suggestions="filteredCountries" @complete="search" />
 `,
                 options: `
 <template>
     <div class="card flex justify-content-center">
-        <AutoComplete v-model="value" :suggestions="items" @complete="search" forceSelection />
+        <AutoComplete v-model="selectedCountry" forceSelection optionLabel="name" :suggestions="filteredCountries" @complete="search" />
     </div>
 </template>
 
 <script>
+import { CountryService } from '@/service/CountryService';
+
 export default {
     data() {
         return {
-            value: '',
-            items: []
+            countries: null,
+            selectedCountry: null,
+            filteredCountries: null
         };
     },
+    mounted() {
+        CountryService.getCountries().then((data) => (this.countries = data));
+    },
     methods: {
         search(event) {
-            this.items = [...Array(10).keys()].map((item) => event.query + '-' + item);
+            setTimeout(() => {
+                if (!event.query.trim().length) {
+                    this.filteredCountries = [...this.countries];
+                } else {
+                    this.filteredCountries = this.countries.filter((country) => {
+                        return country.name.toLowerCase().startsWith(event.query.toLowerCase());
+                    });
+                }
+            }, 250);
         }
     }
 };
@@ -47,27 +64,53 @@ export default {
                 composition: `
 <template>
     <div class="card flex justify-content-center">
-        <AutoComplete v-model="value" :suggestions="items" @complete="search" forceSelection />
+        <AutoComplete v-model="selectedCountry" forceSelection optionLabel="name" :suggestions="filteredCountries" @complete="search" />
     </div>
 </template>
 
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
+import { CountryService } from "@/service/CountryService";
+
+onMounted(() => {
+    CountryService.getCountries().then((data) => (countries.value = data));
+});
+
+const countries = ref();
+const selectedCountry = ref();
+const filteredCountries = ref();
 
-const value = ref("");
-const items = ref([]);
 
 const search = (event) => {
-    items.value = [...Array(10).keys()].map((item) => event.query + '-' + item);
+    setTimeout(() => {
+        if (!event.query.trim().length) {
+            filteredCountries.value = [...countries.value];
+        } else {
+            filteredCountries.value = countries.value.filter((country) => {
+                return country.name.toLowerCase().startsWith(event.query.toLowerCase());
+            });
+        }
+    }, 250);
 }
 <\/script>
 `
             }
         };
     },
+    mounted() {
+        CountryService.getCountries().then((data) => (this.countries = data));
+    },
     methods: {
         search(event) {
-            this.items = [...Array(10).keys()].map((item) => event.query + '-' + item);
+            setTimeout(() => {
+                if (!event.query.trim().length) {
+                    this.filteredCountries = [...this.countries];
+                } else {
+                    this.filteredCountries = this.countries.filter((country) => {
+                        return country.name.toLowerCase().startsWith(event.query.toLowerCase());
+                    });
+                }
+            }, 250);
         }
     }
 };

From 29866a1145c3f3b041bee2a8b99cd973267a96af Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 24 Apr 2024 17:52:25 +0300
Subject: [PATCH 37/49] Refactor

---
 components/landing/TemplateSection.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/landing/TemplateSection.vue b/components/landing/TemplateSection.vue
index e03bf21e9..1abc965de 100644
--- a/components/landing/TemplateSection.vue
+++ b/components/landing/TemplateSection.vue
@@ -121,5 +121,3 @@ export default {
     }
 };
 </script>
-
-:style="{backgroundImage: imageBg('diamond')}">

From 43fa143195b257b3c215e1ed89329d06fad62864 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 24 Apr 2024 18:07:04 +0300
Subject: [PATCH 38/49] Overview image added

---
 pages/introduction/index.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/pages/introduction/index.vue b/pages/introduction/index.vue
index 96f7c6480..19a62061b 100644
--- a/pages/introduction/index.vue
+++ b/pages/introduction/index.vue
@@ -6,6 +6,10 @@
     <div class="doc">
         <div class="doc-main">
             <div class="doc-intro">
+                <div style="border-radius: 20px; max-height: 300px" class="overflow-hidden mb-5 flex align-items-center">
+                    <img alt="PrimeVue Designer" :src="introDesktopImg" class="w-full hidden md:block" />
+                    <img alt="PrimeVue Designer" :src="introMobileImg" class="w-full md:hidden" />
+                </div>
                 <h1>Introduction</h1>
                 <p>Next-generation UI Component suite for Vue.</p>
             </div>
@@ -59,6 +63,14 @@ export default {
                 }
             ]
         };
+    },
+    computed: {
+        introDesktopImg() {
+            return `https://primefaces.org/cdn/primevue/images/overview${this.$appState.darkTheme ? '-dark' : ''}.png`;
+        },
+        introMobileImg() {
+            return `https://primefaces.org/cdn/primevue/images/overview${this.$appState.darkTheme ? '-dark' : ''}-mobile.png`;
+        }
     }
 };
 </script>

From b6b0a9cee0494dd2329c6fa4aae84a548ad761aa Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 24 Apr 2024 18:12:30 +0300
Subject: [PATCH 39/49] Image height fixes

---
 pages/introduction/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/introduction/index.vue b/pages/introduction/index.vue
index 19a62061b..908334f98 100644
--- a/pages/introduction/index.vue
+++ b/pages/introduction/index.vue
@@ -6,7 +6,7 @@
     <div class="doc">
         <div class="doc-main">
             <div class="doc-intro">
-                <div style="border-radius: 20px; max-height: 300px" class="overflow-hidden mb-5 flex align-items-center">
+                <div style="border-radius: 20px; max-height: 420px" class="overflow-hidden mb-5 flex align-items-center">
                     <img alt="PrimeVue Designer" :src="introDesktopImg" class="w-full hidden md:block" />
                     <img alt="PrimeVue Designer" :src="introMobileImg" class="w-full md:hidden" />
                 </div>

From 1bdaf7357653fca91a7316fbcdaae1abea9ad7bd Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 25 Apr 2024 09:54:35 +0300
Subject: [PATCH 40/49] Fixed #5170 - InputNumber can't enter 0.0x using
 minFractionDigits/mode="currency"

---
 components/lib/inputnumber/InputNumber.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/components/lib/inputnumber/InputNumber.vue b/components/lib/inputnumber/InputNumber.vue
index ef86b5ff2..077ed3eb0 100755
--- a/components/lib/inputnumber/InputNumber.vue
+++ b/components/lib/inputnumber/InputNumber.vue
@@ -856,10 +856,7 @@ export default {
                     this.$refs.input.$el.setSelectionRange(selectionEnd, selectionEnd);
                 } else if (newLength === currentLength) {
                     if (operation === 'insert' || operation === 'delete-back-single') {
-                        const re = /[.,]/g;
-                        const newSelectionEnd = selectionEnd + Number(re.test(value) || re.test(insertedValueStr));
-
-                        this.$refs.input.$el.setSelectionRange(newSelectionEnd, newSelectionEnd);
+                        this.$refs.input.$el.setSelectionRange(selectionEnd + 1, selectionEnd + 1);
                     } else if (operation === 'delete-single') {
                         this.$refs.input.$el.setSelectionRange(selectionEnd - 1, selectionEnd - 1);
                     } else if (operation === 'delete-range' || operation === 'spin') {

From 260fc88c02751b0cb32fce0df0c613a9fe170c6f Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 25 Apr 2024 11:47:54 +0300
Subject: [PATCH 41/49] Fixed #5602

---
 components/lib/inputnumber/InputNumber.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/lib/inputnumber/InputNumber.vue b/components/lib/inputnumber/InputNumber.vue
index 077ed3eb0..c041b4e7d 100755
--- a/components/lib/inputnumber/InputNumber.vue
+++ b/components/lib/inputnumber/InputNumber.vue
@@ -380,6 +380,7 @@ export default {
 
             if (event.altKey || event.ctrlKey || event.metaKey) {
                 this.isSpecialChar = true;
+                this.lastValue = this.$refs.input.$el.value;
 
                 return;
             }

From c6fccbee13bb1646d820abd7114da382e02123bb Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 25 Apr 2024 12:08:37 +0300
Subject: [PATCH 42/49] Fixed #5604 - Paginator: Responsive Templating showing
 multiple layouts on break points

---
 components/lib/paginator/Paginator.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/lib/paginator/Paginator.vue b/components/lib/paginator/Paginator.vue
index 93eb8e214..381e5b0ca 100755
--- a/components/lib/paginator/Paginator.vue
+++ b/components/lib/paginator/Paginator.vue
@@ -175,7 +175,6 @@ export default {
                         innerHTML += `
                             @media screen ${minValue} {
                                 .paginator[${this.attributeSelector}],
-                                .p-paginator-default{
                                     display: flex;
                                 }
                             }

From d839fe70f6148f638012f1edcd7d6021f99cc56a Mon Sep 17 00:00:00 2001
From: GitHub Actions Bot <>
Date: Fri, 26 Apr 2024 07:42:46 +0000
Subject: [PATCH 43/49] Update API doc

---
 components/lib/datatable/DataTable.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/lib/datatable/DataTable.d.ts b/components/lib/datatable/DataTable.d.ts
index 02b4aa450..d1b640464 100755
--- a/components/lib/datatable/DataTable.d.ts
+++ b/components/lib/datatable/DataTable.d.ts
@@ -1071,7 +1071,7 @@ export interface DataTableProps {
     rowClass?: (data: any) => string | object | undefined;
     /**
      * A function that takes the row data as a parameter and returns the inline style object for the corresponding row.
-     * The function may also return an array of style objects which will be merged. 
+     * The function may also return an array of style objects which will be merged.
      * The return value of this function is directly applied as a Vue.js style-binding on the table row.
      */
     rowStyle?: (data: any) => object | object[] | undefined;

From 7bcedfcc9131daaa49bb269a35bd00c87f87e76d Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Fri, 26 Apr 2024 13:13:47 +0300
Subject: [PATCH 44/49] Update CHANGELOG.md

---
 CHANGELOG.md | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fe4b9e997..b7f8bf4a1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,37 @@
 # Changelog
 
+## [3.52.0](https://github.com/primefaces/primevue/tree/3.52.0) (2024-04-26)
+
+[Full Changelog](https://github.com/primefaces/primevue/compare/3.51.0...3.52.0)
+
+**Fixed bugs:**
+
+-   InputOp: Digits only doesn't work on mobile [\#5635](https://github.com/primefaces/primevue/issues/5635)
+-   Calendar: Hours are set to 00 when clicking the "Today" button [\#5620](https://github.com/primefaces/primevue/issues/5620)
+-   Paginator: Responsive Templating showing multiple layouts on break points [\#5604](https://github.com/primefaces/primevue/issues/5604)
+-   InputNumber: The InputNumber is not working properly in the new version [\#5602](https://github.com/primefaces/primevue/issues/5602)
+-   Menu / Stepper: Pass Through Unstyled Mode [\#5599](https://github.com/primefaces/primevue/issues/5599)
+-   Hydration defects [\#5593](https://github.com/primefaces/primevue/issues/5593)
+-   InputNumber: Cannot input number 0 in Hungarian(QWERTZ) layout [\#5577](https://github.com/primefaces/primevue/issues/5577)
+-   Menu: support style property for submenuHeader item [\#5562](https://github.com/primefaces/primevue/issues/5562)
+-   InputNumber Not Working android [\#5545](https://github.com/primefaces/primevue/issues/5545)
+-   InputNumber: Cannot input numbers in AZERTY layout [\#5508](https://github.com/primefaces/primevue/issues/5508)
+-   DataTable: rowClass, rowStyle typing defects [\#5498](https://github.com/primefaces/primevue/issues/5498)
+-   DataTable: Modifying value of expendedRow is not reflected [\#5372](https://github.com/primefaces/primevue/issues/5372)
+-   InputNumber can't enter 0.0x using minFractionDigits/mode="currency" [\#5170](https://github.com/primefaces/primevue/issues/5170)
+-   Calendar: Input value is not updated when model is changed externally [\#4938](https://github.com/primefaces/primevue/issues/4938)
+
+**Implemented New Features and Enhancements:**
+
+-   AutoComplete: Enter does not submit form [\#5618](https://github.com/primefaces/primevue/issues/5618)
+-   Knob: Added valueTemplate function support [\#5616](https://github.com/primefaces/primevue/issues/5616)
+-   Tree: Missing Passthrough Options [\#5574](https://github.com/primefaces/primevue/issues/5574)
+-   Sidebar: dismissable prop can't be changed dynamically [\#5563](https://github.com/primefaces/primevue/issues/5563)
+-   TreeTable: filterField ignored [\#5525](https://github.com/primefaces/primevue/issues/5525)
+-   ScrollPanel: Errors in moveBar() when xBar and yBar attributes don't exist [\#5518](https://github.com/primefaces/primevue/issues/5518)
+-   Toast: Race condition on remove [\#5225](https://github.com/primefaces/primevue/issues/5225)
+-   Dropdown: aria-label missing from inner ul element [\#5277](https://github.com/primefaces/primevue/issues/5277)
+
 ## [3.51.0](https://github.com/primefaces/primevue/tree/3.51.0) (2024-04-04)
 
 [Full Changelog](https://github.com/primefaces/primevue/compare/3.50.0...3.51.0)

From 0b293069e185c89a36e64a317dbc1275ce7f03e8 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Fri, 26 Apr 2024 13:13:58 +0300
Subject: [PATCH 45/49] Set new version

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 5f1b68f02..74555d2df 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "primevue",
-    "version": "3.51.0",
+    "version": "3.52.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "primevue",
-            "version": "3.51.0",
+            "version": "3.52.0",
             "hasInstallScript": true,
             "license": "MIT",
             "dependencies": {
diff --git a/package.json b/package.json
index fda972931..bc27acc39 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "primevue",
-    "version": "3.51.0",
+    "version": "3.52.0",
     "homepage": "https://primevue.org/",
     "repository": {
         "type": "git",

From b8c04e994955344c5380daff5c1b7698add0d353 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Fri, 26 Apr 2024 13:36:08 +0300
Subject: [PATCH 46/49] Height fixes

---
 pages/introduction/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/introduction/index.vue b/pages/introduction/index.vue
index 908334f98..e23ed2b5d 100644
--- a/pages/introduction/index.vue
+++ b/pages/introduction/index.vue
@@ -6,7 +6,7 @@
     <div class="doc">
         <div class="doc-main">
             <div class="doc-intro">
-                <div style="border-radius: 20px; max-height: 420px" class="overflow-hidden mb-5 flex align-items-center">
+                <div style="border-radius: 20px; max-height: 640px" class="overflow-hidden mb-5 flex align-items-center">
                     <img alt="PrimeVue Designer" :src="introDesktopImg" class="w-full hidden md:block" />
                     <img alt="PrimeVue Designer" :src="introMobileImg" class="w-full md:hidden" />
                 </div>

From c4b309ca0b4e84748870b3d9d8d9d7c37a628ded Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Mon, 29 Apr 2024 13:09:04 +0300
Subject: [PATCH 47/49] Spring sale updates

---
 assets/styles/layout/templates/_templates.scss | 2 +-
 pages/templates/apollo/index.vue               | 2 +-
 pages/templates/atlantis/index.vue             | 2 +-
 pages/templates/avalon/index.vue               | 2 +-
 pages/templates/diamond/index.vue              | 2 +-
 pages/templates/freya/index.vue                | 2 +-
 pages/templates/poseidon/index.vue             | 2 +-
 pages/templates/ultima/index.vue               | 2 +-
 pages/templates/verona/index.vue               | 2 +-
 pages/uikit/index.vue                          | 6 ++++--
 10 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/assets/styles/layout/templates/_templates.scss b/assets/styles/layout/templates/_templates.scss
index b12a84501..4492120f9 100644
--- a/assets/styles/layout/templates/_templates.scss
+++ b/assets/styles/layout/templates/_templates.scss
@@ -1414,7 +1414,7 @@
                 margin: 1rem 0 1.25rem;
 
                 &-discount-active {
-                    color: var(--surface-600);
+                    color: var(--text-color-secondary);
                     text-decoration: line-through;
                     margin-right: 1rem;
                 }
diff --git a/pages/templates/apollo/index.vue b/pages/templates/apollo/index.vue
index dbbad5dae..81d1900b6 100644
--- a/pages/templates/apollo/index.vue
+++ b/pages/templates/apollo/index.vue
@@ -220,7 +220,7 @@ export default {
             license: {
                 documentLink: 'https://apollo.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
-                showDiscount: false,
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
diff --git a/pages/templates/atlantis/index.vue b/pages/templates/atlantis/index.vue
index 2347ef21b..d62178c78 100644
--- a/pages/templates/atlantis/index.vue
+++ b/pages/templates/atlantis/index.vue
@@ -208,7 +208,7 @@ export default {
             license: {
                 documentLink: 'https://atlantis.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
-                showDiscount: false,
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
diff --git a/pages/templates/avalon/index.vue b/pages/templates/avalon/index.vue
index 3a36b3a14..2dbeeff31 100644
--- a/pages/templates/avalon/index.vue
+++ b/pages/templates/avalon/index.vue
@@ -207,7 +207,7 @@ export default {
             license: {
                 documentLink: 'https://avalon.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
-                showDiscount: false,
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
diff --git a/pages/templates/diamond/index.vue b/pages/templates/diamond/index.vue
index 92b413719..396f38964 100644
--- a/pages/templates/diamond/index.vue
+++ b/pages/templates/diamond/index.vue
@@ -197,7 +197,7 @@ export default {
             license: {
                 documentLink: 'https://diamond.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
-                showDiscount: false,
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
diff --git a/pages/templates/freya/index.vue b/pages/templates/freya/index.vue
index d82fee216..53a726c4f 100644
--- a/pages/templates/freya/index.vue
+++ b/pages/templates/freya/index.vue
@@ -194,7 +194,7 @@ export default {
             license: {
                 documentLink: 'https://freya.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
-                showDiscount: false,
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
diff --git a/pages/templates/poseidon/index.vue b/pages/templates/poseidon/index.vue
index 1c9a821ba..87b2eaf6d 100644
--- a/pages/templates/poseidon/index.vue
+++ b/pages/templates/poseidon/index.vue
@@ -172,7 +172,7 @@ export default {
             license: {
                 documentLink: 'https://poseidon.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
-                showDiscount: false,
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
diff --git a/pages/templates/ultima/index.vue b/pages/templates/ultima/index.vue
index 11f9a96b5..38461d20d 100644
--- a/pages/templates/ultima/index.vue
+++ b/pages/templates/ultima/index.vue
@@ -206,7 +206,7 @@ export default {
             license: {
                 documentLink: 'https://ultima.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
-                showDiscount: false,
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
diff --git a/pages/templates/verona/index.vue b/pages/templates/verona/index.vue
index 3048c097d..6da14369a 100644
--- a/pages/templates/verona/index.vue
+++ b/pages/templates/verona/index.vue
@@ -195,7 +195,7 @@ export default {
             license: {
                 documentLink: 'https://verona.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
-                showDiscount: false,
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
diff --git a/pages/uikit/index.vue b/pages/uikit/index.vue
index 259918aa7..1bb05945a 100644
--- a/pages/uikit/index.vue
+++ b/pages/uikit/index.vue
@@ -157,7 +157,8 @@
                                 <div class="text-600 font-medium">For individual designers</div>
                                 <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
                                 <div class="flex flex-wrap gap-3">
-                                    <span class="text-2xl font-bold text-900">$99</span>
+                                    <span class="text-2xl font-bold text-900 line-through text-color-secondary">$99</span>
+                                    <span class="text-2xl font-bold text-900">$49</span>
                                 </div>
                                 <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
                                 <ul class="list-none p-0 m-0 flex-grow-1 text-lg">
@@ -201,7 +202,8 @@
                                 <div class="text-600 font-medium">For small teams</div>
                                 <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
                                 <div class="flex flex-wrap gap-3">
-                                    <span class="text-2xl font-bold text-900">$249</span>
+                                    <span class="text-2xl font-bold text-900 line-through text-color-secondary">$249</span>
+                                    <span class="text-2xl font-bold text-900">$149</span>
                                 </div>
                                 <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
                                 <ul class="list-none p-0 m-0 flex-grow-1 text-lg">

From 7bbc40a4b7dbdd4e21c9d6b2a3dfd7049e86b856 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Mon, 29 Apr 2024 13:40:52 +0300
Subject: [PATCH 48/49] Spring sale news updates

---
 assets/data/news.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/data/news.json b/assets/data/news.json
index 3961408ed..6543d968a 100644
--- a/assets/data/news.json
+++ b/assets/data/news.json
@@ -1,8 +1,8 @@
 {
-    "id": 55,
-    "content": "🎉 v4.0.0-beta.1 is out with the new Styled Mode",
+    "id": 56,
+    "content": "🌸 Spring Sale: Save Up to 50% on Premium Templates and More.",
     "linkText": "Learn More",
-    "linkHref": "http://v4.primevue.org",
+    "linkHref": "https://primefaces.org/store",
     "backgroundStyle": "background-color:var(--primary-color)",
     "textStyle": "color:var(--primary-color-text);font-weight:500",
     "linkStyle": "color:var(--primary-color-text);font-weight:700;text-decoration: underline;"

From fa42242e1571dba807fb54bb0ec45fd4ca3dfd57 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Tue, 30 Apr 2024 20:45:38 +0300
Subject: [PATCH 49/49] Typo fixes

---
 doc/breadcrumb/TemplateDoc.vue     | 12 +++++------
 doc/contextmenu/CommandDoc.vue     |  4 ++--
 doc/dialog/LongContentDoc.vue      |  2 +-
 doc/menubar/RouterDoc.vue          |  6 +++---
 doc/tree/LazyDoc.vue               | 34 +++++++++++++++---------------
 doc/treeselect/FilledDoc.vue       |  6 +++---
 doc/tristatecheckbox/FilledDoc.vue |  4 ++--
 7 files changed, 33 insertions(+), 35 deletions(-)

diff --git a/doc/breadcrumb/TemplateDoc.vue b/doc/breadcrumb/TemplateDoc.vue
index 7a7a22c7b..e559dc25d 100644
--- a/doc/breadcrumb/TemplateDoc.vue
+++ b/doc/breadcrumb/TemplateDoc.vue
@@ -24,14 +24,12 @@ export default {
             code: {
                 basic: `
 <Breadcrumb :home="home" :model="items">
-    <template #item="item">
-        <template #item="{ item }">
-            <a class="cursor-pointer" :href="item.url">
-                <span :class="item.icon"></span>
-            </a>
-        </template>
-        <template #separator> / </template>
+    <template #item="{ item }">
+        <a class="cursor-pointer" :href="item.url">
+            <span :class="item.icon"></span>
+        </a>
     </template>
+    <template #separator> / </template>
 </Breadcrumb>
 `,
                 options: `
diff --git a/doc/contextmenu/CommandDoc.vue b/doc/contextmenu/CommandDoc.vue
index cfe4ca104..0e28fa1f2 100644
--- a/doc/contextmenu/CommandDoc.vue
+++ b/doc/contextmenu/CommandDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>ContextMenu requires a collection of menuitems as its <i>model</i> and the <i>show</i> method needs to be called explicity using an event of the target like <i>contextmenu</i> to display the menu.</p>
+        <p>The <i>command</i> property defines the callback to run when an item is activated by click or a key event.</p>
     </DocSectionText>
     <div class="card flex md:justify-content-center">
         <ul class="m-0 p-0 list-none border-1 surface-border border-round p-3 flex flex-column gap-2 w-full md:w-30rem">
@@ -237,7 +237,7 @@ const items = ref([
             toast.add({ severity: 'success', summary: 'Success', detail: 'Invitation sent!', life: 3000 });
         }
     }
-]);        
+]);
 
 const onRightClick = (event, user) => {
     selectedUser.value = user;
diff --git a/doc/dialog/LongContentDoc.vue b/doc/dialog/LongContentDoc.vue
index 25470abe8..5281cba6d 100644
--- a/doc/dialog/LongContentDoc.vue
+++ b/doc/dialog/LongContentDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>When content exceeeds viewport, Dialog automatically becomes scrollable.</p>
+        <p>When content exceeds viewport, Dialog automatically becomes scrollable.</p>
     </DocSectionText>
 
     <div class="card flex justify-content-center">
diff --git a/doc/menubar/RouterDoc.vue b/doc/menubar/RouterDoc.vue
index f3f8643f6..494a90ae4 100644
--- a/doc/menubar/RouterDoc.vue
+++ b/doc/menubar/RouterDoc.vue
@@ -58,7 +58,7 @@ export default {
                         },
                         {
                             label: 'Vite.js',
-                            url: 'https://vuejs.org/'
+                            url: 'https://vitejs.dev/'
                         }
                     ]
                 }
@@ -138,7 +138,7 @@ export default {
                         },
                         {
                             label: 'Vite.js',
-                            url: 'https://vuejs.org/'
+                            url: 'https://vitejs.dev/'
                         }
                     ]
                 }
@@ -207,7 +207,7 @@ const items = ref([
             },
             {
                 label: 'Vite.js',
-                url: 'https://vuejs.org/'
+                url: 'https://vitejs.dev/'
             }
         ]
     }
diff --git a/doc/tree/LazyDoc.vue b/doc/tree/LazyDoc.vue
index 41fd65a39..7e5e9f6a3 100644
--- a/doc/tree/LazyDoc.vue
+++ b/doc/tree/LazyDoc.vue
@@ -7,11 +7,11 @@
     </DocSectionText>
     <div class="card flex flex-wrap p-fluid gap-3">
         <div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
-            <label for="mask" class="font-bold block mb-2">Mask Mode</label>
+            <label class="font-bold block mb-2">Mask Mode</label>
             <Tree :value="nodes" @node-expand="onNodeExpand" :loading="loading" class="w-full md:w-30rem"></Tree>
         </div>
         <div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
-            <label for="mask" class="font-bold block mb-2">Icon Mode</label>
+            <label class="font-bold block mb-2">Icon Mode</label>
             <Tree :value="nodes2" @node-expand="onNodeExpand2" loadingMode="icon" class="w-full md:w-30rem"></Tree>
         </div>
     </div>
@@ -34,11 +34,11 @@ export default {
 <template>
     <div class="card flex flex-wrap p-fluid gap-3">
         <div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
-            <label for="mask" class="font-bold block mb-2">Mask Mode</label>
+            <label class="font-bold block mb-2">Mask Mode</label>
             <Tree :value="nodes" @node-expand="onNodeExpand" :loading="loading" class="w-full md:w-30rem"></Tree>
         </div>
         <div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
-            <label for="mask" class="font-bold block mb-2">Icon Mode</label>
+            <label class="font-bold block mb-2">Icon Mode</label>
             <Tree :value="nodes2" @node-expand="onNodeExpand2" loadingMode="icon" class="w-full md:w-30rem"></Tree>
         </div>
     </div>
@@ -55,10 +55,10 @@ export default {
     },
     mounted() {
         this.loading = true;
-        this.nodes2 = this.initateNodes2();
+        this.nodes2 = this.initiateNodes2();
 
         setTimeout(() => {
-            this.nodes = this.initateNodes();
+            this.nodes = this.initiateNodes();
             this.loading = false;
             this.nodes2.map((node) => (node.loading = false));
         }, 2000);
@@ -112,7 +112,7 @@ export default {
                 }, 500);
             }
         },
-        initateNodes() {
+        initiateNodes() {
             return [
                 {
                     key: '0',
@@ -131,7 +131,7 @@ export default {
                 }
             ];
         },
-        initateNodes2() {
+        initiateNodes2() {
             return [
                 {
                     key: '0',
@@ -161,11 +161,11 @@ export default {
 <template>
     <div class="card flex flex-wrap p-fluid gap-3">
         <div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
-            <label for="mask" class="font-bold block mb-2">Mask Mode</label>
+            <label class="font-bold block mb-2">Mask Mode</label>
             <Tree :value="nodes" @node-expand="onNodeExpand" :loading="loading" class="w-full md:w-30rem"></Tree>
         </div>
         <div class="flex-auto md:flex md:justify-content-start md:align-items-center flex-column">
-            <label for="mask" class="font-bold block mb-2">Icon Mode</label>
+            <label class="font-bold block mb-2">Icon Mode</label>
             <Tree :value="nodes2" @node-expand="onNodeExpand2" loadingMode="icon" class="w-full md:w-30rem"></Tree>
         </div>
     </div>
@@ -183,7 +183,7 @@ onMounted(() => {
     nodes2.value = initiateNodes2();
 
     setTimeout(() => {
-        nodes.value = initateNodes();
+        nodes.value = initiateNodes();
         loading.value = false;
         nodes2.value.map((node) => (node.loading = false));
     }, 2000);
@@ -239,7 +239,7 @@ const onNodeExpand2 = (node) => {
     }
 };
 
-const initateNodes = () => {
+const initiateNodes = () => {
     return [
         {
             key: '0',
@@ -259,7 +259,7 @@ const initateNodes = () => {
     ];
 };
 
-const initateNodes2 = () => {
+const initiateNodes2 = () => {
     return [
         {
             key: '0',
@@ -315,10 +315,10 @@ const initateNodes2 = () => {
     },
     mounted() {
         this.loading = true;
-        this.nodes2 = this.initateNodes2();
+        this.nodes2 = this.initiateNodes2();
 
         setTimeout(() => {
-            this.nodes = this.initateNodes();
+            this.nodes = this.initiateNodes();
             this.loading = false;
             this.nodes2.map((node) => (node.loading = false));
         }, 2000);
@@ -373,7 +373,7 @@ const initateNodes2 = () => {
                 }, 500);
             }
         },
-        initateNodes() {
+        initiateNodes() {
             return [
                 {
                     key: '0',
@@ -392,7 +392,7 @@ const initateNodes2 = () => {
                 }
             ];
         },
-        initateNodes2() {
+        initiateNodes2() {
             return [
                 {
                     key: '0',
diff --git a/doc/treeselect/FilledDoc.vue b/doc/treeselect/FilledDoc.vue
index 675bbb066..b7832ec46 100644
--- a/doc/treeselect/FilledDoc.vue
+++ b/doc/treeselect/FilledDoc.vue
@@ -18,12 +18,12 @@ export default {
             selectedValue: null,
             code: {
                 basic: `
-<TreeSelect v-model="selectedValue" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
+<TreeSelect v-model="selectedValue" variant="filled" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
 `,
                 options: `
 <template>
     <div class="card flex justify-content-center">
-        <TreeSelect v-model="selectedValue" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
+        <TreeSelect v-model="selectedValue" variant="filled" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
     </div>
 </template>
 
@@ -46,7 +46,7 @@ export default {
                 composition: `
 <template>
     <div class="card flex justify-content-center">
-        <TreeSelect v-model="selectedValue" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
+        <TreeSelect v-model="selectedValue" variant="filled" :options="nodes" placeholder="Select Item" class="md:w-20rem w-full" />
     </div>
 </template>
 
diff --git a/doc/tristatecheckbox/FilledDoc.vue b/doc/tristatecheckbox/FilledDoc.vue
index f08da174f..176f63ed8 100644
--- a/doc/tristatecheckbox/FilledDoc.vue
+++ b/doc/tristatecheckbox/FilledDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>A model can be bound using the standard v-model directive.</p>
+        <p>Specify the <i>variant</i> property as <i>filled</i> to display the component with a higher visual emphasis than the default <i>outlined</i> style.</p>
     </DocSectionText>
     <div class="card flex flex-column align-items-center">
         <TriStateCheckbox v-model="value" variant="filled" />
@@ -15,7 +15,7 @@ export default {
             value: null,
             code: {
                 basic: `
-<TriStateCheckbox v-model="value" />
+<TriStateCheckbox v-model="value" variant="filled" />
 `,
                 options: `
 <template>