From 351eb531b120d51072304e57d812faf044674344 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 6 Jun 2024 22:02:53 +0300
Subject: [PATCH] Update roadmap

---
 pages/roadmap/index.vue | 35 ++++++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/pages/roadmap/index.vue b/pages/roadmap/index.vue
index 78db50118..336639bcd 100644
--- a/pages/roadmap/index.vue
+++ b/pages/roadmap/index.vue
@@ -87,11 +87,18 @@
                                     <div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
                                 </div>
                             </div>
+                            <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
+                                <h2 class="text-lg font-bold mt-0 mb-2">RTL Support</h2>
+                                <p class="mt-0 mb-4 leading-normal">Right-to-left layout option for components.</p>
+                                <div class="bg-surface-200 rounded">
+                                    <div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
+                                </div>
+                            </div>
                         </div>
                         <div class="flex-1 flex gap-4 flex-col">
                             <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-blue-500 border-l-8">
-                                <h2 class="text-lg font-bold mt-0 mb-2">Experimental Components</h2>
-                                <p class="mt-0 mb-4 leading-normal">Gantt Chart, Flow Chart, Sheet, Calendar.</p>
+                                <h2 class="text-lg font-bold mt-0 mb-2">Advanced Suite ... 2025</h2>
+                                <p class="mt-0 mb-4 leading-normal">Gantt Chart, Flow Chart, Sheet, Calendar, Timeline, Editor.</p>
                                 <div class="bg-surface-200 rounded">
                                     <div class="bg-blue-500 rounded" style="width: 0%; height: 4px"></div>
                                 </div>
@@ -135,7 +142,29 @@
                         <div class="flex-1 flex gap-4 flex-col">
                             <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-teal-500 border-l-8">
                                 <h2 class="text-lg font-bold mt-0 mb-2">Documentation</h2>
-                                <p class="mt-0 mb-4 leading-normal">Interative component viewer to explore tokens and pt sections.</p>
+                                <p class="mt-0 mb-4 leading-normal">Interactive component viewer to explore tokens and pt sections.</p>
+                                <div class="bg-surface-200 rounded">
+                                    <div class="bg-teal-500 rounded" style="width: 0%; height: 4px"></div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex-1 flex gap-4 flex-col"></div>
+                    </div>
+                    <div class="flex gap-4 border-b border-surface-200 dark:border-surface-700 pb-4">
+                        <div class="shrink-0 p-4 bg-violet-500 text-white rounded font-bold text-lg flex items-center justify-center w-56">TEMPLATES</div>
+                        <div class="flex-1 flex gap-4 flex-col"></div>
+                        <div class="flex-1 flex gap-4 flex-col"></div>
+                        <div class="flex-1 flex gap-4 flex-col">
+                            <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-teal-500 border-l-8">
+                                <h2 class="text-lg font-bold mt-0 mb-2">V4 Update</h2>
+                                <p class="mt-0 mb-4 leading-normal">Update all templates to PrimeVue v4, replace PrimeFlex demos with Tailwind.</p>
+                                <div class="bg-surface-200 rounded">
+                                    <div class="bg-teal-500 rounded" style="width: 0%; height: 4px"></div>
+                                </div>
+                            </div>
+                            <div class="p-4 bg-surface-0 dark:bg-surface-900 rounded border-teal-500 border-l-8">
+                                <h2 class="text-lg font-bold mt-0 mb-2">Genesis</h2>
+                                <p class="mt-0 mb-4 leading-normal">Brand new template application.</p>
                                 <div class="bg-surface-200 rounded">
                                     <div class="bg-teal-500 rounded" style="width: 0%; height: 4px"></div>
                                 </div>