Showcase updates

primefaces · Apr 18, 2024 · b2ec54e · b2ec54e
1 parent fcf8599
commit b2ec54e
Show file tree

Hide file tree

Showing 134 changed files with 18,809 additions and 13,887 deletions.
diff --git a/assets/menu/menu.json b/assets/menu/menu.json
@@ -66,10 +66,6 @@
                             "name": "AutoComplete",
                             "to": "/autocomplete"
                         },
-                        {
-                            "name": "Calendar",
-                            "to": "/calendar"
-                        },
                         {
                             "name": "CascadeSelect",
                             "to": "/cascadeselect"
@@ -78,17 +74,13 @@
                             "name": "Checkbox",
                             "to": "/checkbox"
                         },
-                        {
-                            "name": "Chips",
-                            "to": "/chips"
-                        },
                         {
                             "name": "ColorPicker",
                             "to": "/colorpicker"
                         },
                         {
-                            "name": "Dropdown",
-                            "to": "/dropdown"
+                            "name": "DatePicker",
+                            "to": "/datepicker"
                         },
                         {
                             "name": "Editor",
@@ -119,8 +111,8 @@
                             "to": "/inputotp"
                         },
                         {
-                            "name": "InputSwitch",
-                            "to": "/inputswitch"
+                            "name": "InputChips",
+                            "to": "/inputchips"
                         },
                         {
                             "name": "InputText",
@@ -154,6 +146,10 @@
                             "name": "SelectButton",
                             "to": "/selectbutton"
                         },
+                        {
+                            "name": "Select",
+                            "to": "/select"
+                        },
                         {
                             "name": "Slider",
                             "to": "/slider"
@@ -166,6 +162,10 @@
                             "name": "ToggleButton",
                             "to": "/togglebutton"
                         },
+                        {
+                            "name": "ToggleSwitch",
+                            "to": "/toggleswitch"
+                        },
                         {
                             "name": "TreeSelect",
                             "to": "/treeselect"
@@ -303,12 +303,12 @@
                             "to": "/dynamicdialog"
                         },
                         {
-                            "name": "OverlayPanel",
-                            "to": "/overlaypanel"
+                            "name": "Popover",
+                            "to": "/popover"
                         },
                         {
-                            "name": "Sidebar",
-                            "to": "/sidebar"
+                            "name": "Drawer",
+                            "to": "/drawer"
                         },
                         {
                             "name": "Tooltip",

diff --git a/components/landing/HeroSection.vue b/components/landing/HeroSection.vue
@@ -28,14 +28,14 @@
                                 </div>
                                 <div class="flex-auto" style="width: 1%">
                                     <span class="text-secondary font-semibold block mb-3">Beneficiary</span>
-                                    <Dropdown v-model="user" :options="users" optionLabel="name" placeholder="Select a User" class="w-full">
+                                    <Select v-model="user" :options="users" optionLabel="name" placeholder="Select a User" class="w-full">
                                         <template #option="slotProps">
                                             <div class="flex align-items-center gap-2">
                                                 <img :alt="slotProps.option.name" :src="`https://primefaces.org/cdn/primevue/images/avatar/${slotProps.option.image}`" width="28" />
                                                 <span>{{ slotProps.option.name }}</span>
                                             </div>
                                         </template>
-                                    </Dropdown>
+                                    </Select>
                                 </div>
                             </div>
                             <span class="text-secondary font-medium block mt-5 mb-3">Account</span>
@@ -50,7 +50,7 @@
                                 </div>
                             </div>
                             <span class="text-secondary font-medium block mt-5 mb-3">Date</span>
-                            <Calendar v-model="dateValue" :showWeek="true" class="w-full" showIcon iconDisplay="input" />
+                            <DatePicker v-model="dateValue" :showWeek="true" class="w-full" showIcon iconDisplay="input" />
                         </div>
                         <div class="box p-4 fadein animation-duration-500">
                             <Chart type="line" :data="chartData" :options="chartOptions" />
@@ -59,7 +59,7 @@
                             <div class="flex align-items-center">
                                 <Chip label="Vue" class="mr-2 font-medium" />
                                 <Chip label="Typescript" class="mr-2 font-medium" />
-                                <InputSwitch v-model="switchValue" class="ml-auto"></InputSwitch>
+                                <ToggleSwitch v-model="switchValue" class="ml-auto"></ToggleSwitch>
                             </div>
                             <div class="mt-5 flex justify-content-center">
                                 <SelectButton v-model="selectButtonValue" :options="selectButtonOptions" optionLabel="name" />

diff --git a/doc/calendar/TimeDoc.vue b/doc/calendar/TimeDoc.vue
diff --git a/doc/cdn/ComponentDoc.vue b/doc/cdn/ComponentDoc.vue
@@ -11,7 +11,7 @@ export default {
         return {
             code: {
                 basic: `
-<script src="https://unpkg.com/primevue/calendar/calendar.min.js"><\/script>
+<script src="https://unpkg.com/primevue/datepicker/datepicker.min.js"><\/script>
 `
             }
         };

diff --git a/doc/cdn/ExampleDoc.vue b/doc/cdn/ExampleDoc.vue
@@ -22,7 +22,7 @@ export default {
   <body>
     <script src="https://unpkg.com/vue@3/dist/vue.global.js"><\/script>
     <script src="https://unpkg.com/primevue/core/core.min.js"><\/script>
-    <script src="https://unpkg.com/primevue/calendar/calendar.min.js"><\/script>
+    <script src="https://unpkg.com/primevue/datepicker/datepicker.min.js"><\/script>
 
     <div id="app">
       <p-datepicker v-model="date"></p-datepicker>
@@ -43,7 +43,7 @@ export default {
       });
 
       app.use(primevue.config.default);
-      app.component('p-datepicker', primevue.calendar);
+      app.component('p-datepicker', primevue.datepicker);
 
       app.mount('#app');
     <\/script>