From 237fb1d3057b42a9f68fe1782d70647968f0e2f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Fri, 1 Jul 2022 16:52:39 +0300
Subject: [PATCH] add docs 'p-menuitem-active' class definition

---
 src/components/contextmenu/ContextMenuSub.vue |   2 +-
 src/components/menubar/MenubarSub.vue         |   2 +-
 src/components/tieredmenu/TieredMenuSub.vue   |   2 +-
 src/views/contextmenu/ContextMenuDoc.vue      |   4 +
 src/views/megamenu/MegaMenuDoc.vue            |   8 +-
 src/views/menubar/MenubarDoc.vue              | 283 +++++++++---------
 src/views/tieredmenu/TieredMenuDoc.vue        |   4 +
 7 files changed, 159 insertions(+), 146 deletions(-)

diff --git a/src/components/contextmenu/ContextMenuSub.vue b/src/components/contextmenu/ContextMenuSub.vue
index b8baffe8d..16acc5957 100755
--- a/src/components/contextmenu/ContextMenuSub.vue
+++ b/src/components/contextmenu/ContextMenuSub.vue
@@ -95,7 +95,7 @@ export default {
                 if (this.activeItem && item === this.activeItem)
                     this.activeItem = null;
                 else
-                   this.activeItem = item;
+                    this.activeItem = item;
             }
 
             if (!item.items) {
diff --git a/src/components/menubar/MenubarSub.vue b/src/components/menubar/MenubarSub.vue
index 4f8631732..10827b925 100755
--- a/src/components/menubar/MenubarSub.vue
+++ b/src/components/menubar/MenubarSub.vue
@@ -117,7 +117,7 @@ export default {
                 if (this.activeItem && item === this.activeItem)
                     this.activeItem = null;
                 else
-                   this.activeItem = item;
+                    this.activeItem = item;
             }
 
             if (!item.items) {
diff --git a/src/components/tieredmenu/TieredMenuSub.vue b/src/components/tieredmenu/TieredMenuSub.vue
index 17361a659..7b7071005 100755
--- a/src/components/tieredmenu/TieredMenuSub.vue
+++ b/src/components/tieredmenu/TieredMenuSub.vue
@@ -113,7 +113,7 @@ export default {
                 if (this.activeItem && item === this.activeItem)
                     this.activeItem = null;
                 else
-                   this.activeItem = item;
+                    this.activeItem = item;
             }
 
             if (!item.items) {
diff --git a/src/views/contextmenu/ContextMenuDoc.vue b/src/views/contextmenu/ContextMenuDoc.vue
index e016bb548..edf59ca96 100755
--- a/src/views/contextmenu/ContextMenuDoc.vue
+++ b/src/views/contextmenu/ContextMenuDoc.vue
@@ -337,6 +337,10 @@ export default {
                     <tr>
                         <td>p-menuitem</td>
                         <td>Menuitem element.</td>
+                    </tr>
+					<tr>
+                        <td>p-menuitem-active</td>
+                        <td>Active menuitem element.</td>
                     </tr>
                     <tr>
                         <td>p-menuitem-text</td>
diff --git a/src/views/megamenu/MegaMenuDoc.vue b/src/views/megamenu/MegaMenuDoc.vue
index 308797d58..cdd288df9 100755
--- a/src/views/megamenu/MegaMenuDoc.vue
+++ b/src/views/megamenu/MegaMenuDoc.vue
@@ -153,7 +153,7 @@ export default {
         <p>Two slots named "start" and "end" are provided to embed content before or after the items. In additon MegaMenu, offers item customization with the <i>item</i> template that receives the menuitem instance from the model as a parameter.</p>
 <pre v-code><code><template v-pre>
 &lt;MegaMenu :model="items"&gt;
-     &lt;template #start&gt;
+    &lt;template #start&gt;
         Before
     &lt;/template&gt;
     &lt;template #item="{item}"&gt;
@@ -170,7 +170,7 @@ export default {
 <pre v-code><code><template v-pre>
 &lt;MegaMenu :model="items"&gt;
     &lt;template #item="{item}"&gt;
-         &lt;router-link :to="item.to" custom v-slot="{href, route, navigate, isActive, isExactActive}"&gt;
+        &lt;router-link :to="item.to" custom v-slot="{href, route, navigate, isActive, isExactActive}"&gt;
             &lt;a :href="href" @click="navigate" :class="{'active-link': isActive, 'active-link-exact": isExactActive}&gt;{{route.fullPath}}&lt;/a&gt;
         &lt;/router-link&gt;
     &lt;/template&gt;
@@ -278,6 +278,10 @@ export default {
                         <td>p-menuitem</td>
                         <td>Menuitem element.</td>
                     </tr>
+                    <tr>
+                        <td>p-menuitem-active</td>
+                        <td>Active menuitem element.</td>
+                    </tr>
                     <tr>
                         <td>p-menuitem-text</td>
                         <td>Label of a menuitem.</td>
diff --git a/src/views/menubar/MenubarDoc.vue b/src/views/menubar/MenubarDoc.vue
index 29a2d520a..1e15ef84f 100755
--- a/src/views/menubar/MenubarDoc.vue
+++ b/src/views/menubar/MenubarDoc.vue
@@ -29,132 +29,129 @@ export default {
         return {
             items: [
                 {
-                   label:'File',
-                   icon:'pi pi-fw pi-file',
-                   items:[
-                      {
-                         label:'New',
-                         icon:'pi pi-fw pi-plus',
-                         items:[
-                            {
-                               label:'Bookmark',
-                               icon:'pi pi-fw pi-bookmark'
-                            },
-                            {
-                               label:'Video',
-                               icon:'pi pi-fw pi-video'
-                            },
-
-                         ]
-                      },
-                      {
-                         label:'Delete',
-                         icon:'pi pi-fw pi-trash'
-                      },
-                      {
-                         separator:true
-                      },
-                      {
-                         label:'Export',
-                         icon:'pi pi-fw pi-external-link'
-                      }
-                   ]
+					label:'File',
+					icon:'pi pi-fw pi-file',
+					items:[
+						{
+							label:'New',
+							icon:'pi pi-fw pi-plus',
+							items:[
+								{
+									label:'Bookmark',
+									icon:'pi pi-fw pi-bookmark'
+								},
+								{
+									label:'Video',
+									icon:'pi pi-fw pi-video'
+								}
+							]
+						},
+						{
+							label:'Delete',
+							icon:'pi pi-fw pi-trash'
+						},
+						{
+							separator:true
+						},
+						{
+							label:'Export',
+							icon:'pi pi-fw pi-external-link'
+						}
+					]
                 },
                 {
-                   label:'Edit',
-                   icon:'pi pi-fw pi-pencil',
-                   items:[
-                      {
-                         label:'Left',
-                         icon:'pi pi-fw pi-align-left'
-                      },
-                      {
-                         label:'Right',
-                         icon:'pi pi-fw pi-align-right'
-                      },
-                      {
-                         label:'Center',
-                         icon:'pi pi-fw pi-align-center'
-                      },
-                      {
-                         label:'Justify',
-                         icon:'pi pi-fw pi-align-justify'
-                      },
-
-                   ]
+					label:'Edit',
+					icon:'pi pi-fw pi-pencil',
+					items:[
+						{
+							label:'Left',
+							icon:'pi pi-fw pi-align-left'
+						},
+						{
+							label:'Right',
+							icon:'pi pi-fw pi-align-right'
+						},
+						{
+							label:'Center',
+							icon:'pi pi-fw pi-align-center'
+						},
+						{
+							label:'Justify',
+							icon:'pi pi-fw pi-align-justify'
+						}
+					]
                 },
                 {
-                   label:'Users',
-                   icon:'pi pi-fw pi-user',
-                   items:[
-                      {
-                         label:'New',
-                         icon:'pi pi-fw pi-user-plus',
+					label:'Users',
+					icon:'pi pi-fw pi-user',
+					items:[
+						{
+							label:'New',
+							icon:'pi pi-fw pi-user-plus',
 
-                      },
-                      {
-                         label:'Delete',
-                         icon:'pi pi-fw pi-user-minus',
+						},
+						{
+							label:'Delete',
+							icon:'pi pi-fw pi-user-minus',
 
-                      },
-                      {
-                         label:'Search',
-                         icon:'pi pi-fw pi-users',
-                         items:[
-                            {
-                               label:'Filter',
-                               icon:'pi pi-fw pi-filter',
-                               items:[
-                                  {
-                                     label:'Print',
-                                     icon:'pi pi-fw pi-print'
-                                  }
-                               ]
-                            },
-                            {
-                               icon:'pi pi-fw pi-bars',
-                               label:'List'
-                            }
-                         ]
-                      }
-                   ]
+						},
+						{
+							label:'Search',
+							icon:'pi pi-fw pi-users',
+							items:[
+								{
+									label:'Filter',
+									icon:'pi pi-fw pi-filter',
+									items:[
+										{
+											label:'Print',
+											icon:'pi pi-fw pi-print'
+										}
+									]
+								},
+								{
+									icon:'pi pi-fw pi-bars',
+									label:'List'
+								}
+							]
+						}
+					]
                 },
                 {
-                   label:'Events',
-                   icon:'pi pi-fw pi-calendar',
-                   items:[
-                      {
-                         label:'Edit',
-                         icon:'pi pi-fw pi-pencil',
-                         items:[
-                            {
-                               label:'Save',
-                               icon:'pi pi-fw pi-calendar-plus'
-                            },
-                            {
-                               label:'Delete',
-                               icon:'pi pi-fw pi-calendar-minus'
-                            },
-
-                         ]
-                      },
-                      {
-                         label:'Archieve',
-                         icon:'pi pi-fw pi-calendar-times',
-                         items:[
-                            {
-                               label:'Remove',
-                               icon:'pi pi-fw pi-calendar-minus'
-                            }
-                         ]
-                      }
-                   ]
+					label:'Events',
+					icon:'pi pi-fw pi-calendar',
+					items:[
+						{
+							label:'Edit',
+							icon:'pi pi-fw pi-pencil',
+							items:[
+								{
+									label:'Save',
+									icon:'pi pi-fw pi-calendar-plus'
+								},
+								{
+									label:'Delete',
+									icon:'pi pi-fw pi-calendar-minus'
+								}
+							]
+						},
+						{
+							label:'Archieve',
+							icon:'pi pi-fw pi-calendar-times',
+							items:[
+								{
+									label:'Remove',
+									icon:'pi pi-fw pi-calendar-minus'
+								}
+							]
+						}
+					]
                 },
                 {
-                   label:'Quit',
-                   icon:'pi pi-fw pi-power-off'
+					label:'Quit',
+					icon:'pi pi-fw pi-power-off'
                 }
-             ]
+            ]
         }
     }
 }
@@ -209,7 +206,7 @@ export default {
                         <td>null</td>
                         <td>An array of menuitems.</td>
                     </tr>
-                     <tr>
+                    <tr>
                         <td>exact</td>
                         <td>boolean</td>
                         <td>true</td>
@@ -219,31 +216,31 @@ export default {
 			</table>
 		</div>
 
-      <h5>Slots</h5>
-      <div class="doc-tablewrapper">
-         <table class="doc-table">
-               <thead>
-                  <tr>
-                     <th>Name</th>
-                     <th>Parameters</th>
-                  </tr>
-               </thead>
-               <tbody>
-                  <tr>
-                     <td>start</td>
-                     <td>-</td>
-                  </tr>
-                  <tr>
-                     <td>end</td>
-                     <td>-</td>
-                  </tr>
-                  <tr>
-                     <td>item</td>
-                     <td>item: Menuitem instance</td>
-                  </tr>
-               </tbody>
-         </table>
-      </div>
+		<h5>Slots</h5>
+		<div class="doc-tablewrapper">
+			<table class="doc-table">
+				<thead>
+					<tr>
+						<th>Name</th>
+						<th>Parameters</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td>start</td>
+						<td>-</td>
+					</tr>
+					<tr>
+						<td>end</td>
+						<td>-</td>
+					</tr>
+					<tr>
+						<td>item</td>
+						<td>item: Menuitem instance</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
 
 		<h5>Styling</h5>
 		<p>Following is the list of structural style classes, for theming classes visit <router-link to="/theming">theming</router-link> page.</p>
@@ -271,6 +268,10 @@ export default {
                     <tr>
                         <td>p-menuitem</td>
                         <td>Menuitem element.</td>
+                    </tr>
+					<tr>
+                        <td>p-menuitem-active</td>
+                        <td>Active menuitem element.</td>
                     </tr>
                     <tr>
                         <td>p-menuitem-text</td>
diff --git a/src/views/tieredmenu/TieredMenuDoc.vue b/src/views/tieredmenu/TieredMenuDoc.vue
index d70dba958..c4b58946b 100755
--- a/src/views/tieredmenu/TieredMenuDoc.vue
+++ b/src/views/tieredmenu/TieredMenuDoc.vue
@@ -323,6 +323,10 @@ toggle(event) {
                         <td>p-menuitem</td>
                         <td>Menuitem element.</td>
                     </tr>
+                    <tr>
+                        <td>p-menuitem-active</td>
+                        <td>Active menuitem element.</td>
+                    </tr>
                     <tr>
                         <td>p-menuitem-text</td>
                         <td>Label of a menuitem.</td>