primevue 2.5.1 → 2.9.0

package/menubar/MenubarSub.vue

@@ -1,20 +1,22 @@
 <template>
     <ul :class="containerClass" :role="root ? 'menubar' : 'menu'">
         <template v-for="(item, i) of model">
-            <li role="none" :class="getItemClass(item)" :style="item.style" v-if="visible(item) && !item.separator" :key="item.label + i"
+            <li role="none" :class="getItemClass(item)" :style="item.style" v-if="visible(item) && !item.separator" :key="label(item) + i"
                 @mouseenter="onItemMouseEnter($event, item)">
-                <router-link v-if="item.to && !item.disabled" :to="item.to" :class="getLinkClass(item)" v-ripple
-                    @click.native="onItemClick($event, item)" @keydown.native="onItemKeyDown($event, item)" role="menuitem">
-                    <span :class="['p-menuitem-icon', item.icon]"></span>
-                    <span class="p-menuitem-text">{{item.label}}</span>
+                <router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
+                    <a :href="href" :class="linkClass(item, {isActive, isExactActive})" @click="onItemClick($event, item, navigate)" @keydown="onItemKeyDown($event, item)"
+                        role="menuitem" v-ripple>
+                        <span :class="['p-menuitem-icon', item.icon]"></span>
+                        <span class="p-menuitem-text">{{label(item)}}</span>
+                    </a>
                 </router-link>
-                <a v-else :href="item.url" :class="getLinkClass(item)" :target="item.target" :aria-haspopup="item.items != null" :aria-expanded="item === activeItem"
-                    @click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" role="menuitem" :tabindex="item.disabled ? null : '0'" v-ripple>
+                <a v-else :href="item.url" :class="linkClass(item)" :target="item.target" :aria-haspopup="item.items != null" :aria-expanded="item === activeItem"
+                    @click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" role="menuitem" :tabindex="disabled(item) ? null : '0'" v-ripple>
                     <span :class="['p-menuitem-icon', item.icon]"></span>
-                    <span class="p-menuitem-text">{{item.label}}</span>
+                    <span class="p-menuitem-text">{{label(item)}}</span>
                     <span :class="getSubmenuIcon()" v-if="item.items"></span>
                 </a>
-                <sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'" :mobileActive="mobileActive"
+                <sub-menu :model="item.items" v-if="visible(item) && item.items" :key="label(item) + '_sub_'" :exact="exact" :mobileActive="mobileActive"
                     @leaf-click="onLeafClick" @keydown-item="onChildItemKeyDown" :parentActive="item === activeItem" />
             </li>
             <li :class="['p-menu-separator', item.class]" :style="item.style" v-if="visible(item) && item.separator" :key="'separator' + i" role="separator"></li>
@@ -48,6 +50,10 @@ export default {
         mobileActive: {
             type: Boolean,
             default: false
+        },
+        exact: {
+            type: Boolean,
+            default: true
         }
     },
     documentClickListener: null,
@@ -73,7 +79,7 @@ export default {
     },
     methods: {
         onItemMouseEnter(event, item) {
-            if (item.disabled || this.mobileActive) {
+            if (this.disabled(item) || this.mobileActive) {
                 event.preventDefault();
                 return;
             }
@@ -87,8 +93,8 @@ export default {
                 this.activeItem = item;
             }
         },
-        onItemClick(event, item) {
-            if (item.disabled) {
+        onItemClick(event, item, navigate) {
+            if (this.disabled(item)) {
                 event.preventDefault();
                 return;
             }
@@ -114,6 +120,10 @@ export default {
             if (!item.items) {
                 this.onLeafClick();
             }
+
+            if (item.to && navigate) {
+                navigate(event);
+            }
         },
         onLeafClick() {
             this.activeItem = null;
@@ -241,8 +251,12 @@ export default {
                 }
             ]
         },
-        getLinkClass(item) {
-            return ['p-menuitem-link', {'p-disabled': item.disabled}];
+        linkClass(item, routerProps) {
+            return ['p-menuitem-link', {
+                'p-disabled': this.disabled(item),
+                'router-link-active': routerProps && routerProps.isActive,
+                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+            }];
         },
         bindDocumentClickListener() {
             if (!this.documentClickListener) {
@@ -269,6 +283,12 @@ export default {
         },
         visible(item) {
             return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
+        },
+        disabled(item) {
+            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+        },
+        label(item) {
+            return (typeof item.label === 'function' ? item.label() : item.label);
         }
     },
     computed: {

package/menubar/demo.html

@@ -1,7 +1,7 @@
 <meta charset="utf-8">
-<title>menubar demo</title>
+<title>menubarsub demo</title>
 <script src="https://unpkg.com/vue"></script>
-<script src="./menubar.umd.js"></script>
+<script src="./menubarsub.umd.js"></script>
 
 
 <div id="app">
@@ -11,8 +11,7 @@
 <script>
 new Vue({
   components: {
-    demo: menubar
+    demo: menubarsub
   }
 }).$mount('#app')
 </script>
-/script>

package/menubar/menubar.common.js

@@ -3173,19 +3173,24 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menubar/Menubar.vue?vue&type=template&id=9154ca4e&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass},[(_vm.$slots.start)?_c('div',{staticClass:"p-menubar-start"},[_vm._t("start")],2):_vm._e(),_c('a',{ref:"menubutton",staticClass:"p-menubar-button",attrs:{"tabindex":"0"},on:{"click":function($event){return _vm.toggle($event)}}},[_c('i',{staticClass:"pi pi-bars"})]),_c('MenubarSub',{ref:"rootmenu",attrs:{"model":_vm.model,"root":true,"mobileActive":_vm.mobileActive},on:{"leaf-click":_vm.onLeafClick}}),(_vm.$slots.end)?_c('div',{staticClass:"p-menubar-end"},[_vm._t("end")],2):_vm._e()],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menubar/Menubar.vue?vue&type=template&id=050a1a2c&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass},[(_vm.$slots.start)?_c('div',{staticClass:"p-menubar-start"},[_vm._t("start")],2):_vm._e(),_c('a',{ref:"menubutton",staticClass:"p-menubar-button",attrs:{"tabindex":"0"},on:{"click":function($event){return _vm.toggle($event)}}},[_c('i',{staticClass:"pi pi-bars"})]),_c('MenubarSub',{ref:"rootmenu",attrs:{"model":_vm.model,"root":true,"mobileActive":_vm.mobileActive,"exact":_vm.exact},on:{"leaf-click":_vm.onLeafClick}}),(_vm.$slots.end)?_c('div',{staticClass:"p-menubar-end"},[_vm._t("end")],2):_vm._e()],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/menubar/Menubar.vue?vue&type=template&id=9154ca4e&
+// CONCATENATED MODULE: ./src/components/menubar/Menubar.vue?vue&type=template&id=050a1a2c&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menubar/MenubarSub.vue?vue&type=template&id=f64a5562&
-var MenubarSubvue_type_template_id_f64a5562_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{class:_vm.containerClass,attrs:{"role":_vm.root ? 'menubar' : 'menu'}},[_vm._l((_vm.model),function(item,i){return [(_vm.visible(item) && !item.separator)?_c('li',{key:item.label + i,class:_vm.getItemClass(item),style:(item.style),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter($event, item)}}},[(item.to && !item.disabled)?_c('router-link',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.getLinkClass(item),attrs:{"to":item.to,"role":"menuitem"},nativeOn:{"click":function($event){return _vm.onItemClick($event, item)},"keydown":function($event){return _vm.onItemKeyDown($event, item)}}},[_c('span',{class:['p-menuitem-icon', item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(item.label))])]):_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.getLinkClass(item),attrs:{"href":item.url,"target":item.target,"aria-haspopup":item.items != null,"aria-expanded":item === _vm.activeItem,"role":"menuitem","tabindex":item.disabled ? null : '0'},on:{"click":function($event){return _vm.onItemClick($event, item)},"keydown":function($event){return _vm.onItemKeyDown($event, item)}}},[_c('span',{class:['p-menuitem-icon', item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(item.label))]),(item.items)?_c('span',{class:_vm.getSubmenuIcon()}):_vm._e()]),(_vm.visible(item) && item.items)?_c('sub-menu',{key:item.label + '_sub_',attrs:{"model":item.items,"mobileActive":_vm.mobileActive,"parentActive":item === _vm.activeItem},on:{"leaf-click":_vm.onLeafClick,"keydown-item":_vm.onChildItemKeyDown}}):_vm._e()],1):_vm._e(),(_vm.visible(item) && item.separator)?_c('li',{key:'separator' + i,class:['p-menu-separator', item.class],style:(item.style),attrs:{"role":"separator"}}):_vm._e()]})],2)}
-var MenubarSubvue_type_template_id_f64a5562_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menubar/MenubarSub.vue?vue&type=template&id=a44977b2&
+var MenubarSubvue_type_template_id_a44977b2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{class:_vm.containerClass,attrs:{"role":_vm.root ? 'menubar' : 'menu'}},[_vm._l((_vm.model),function(item,i){return [(_vm.visible(item) && !item.separator)?_c('li',{key:_vm.label(item) + i,class:_vm.getItemClass(item),style:(item.style),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter($event, item)}}},[(item.to && !_vm.disabled(item))?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+var navigate = ref.navigate;
+var href = ref.href;
+var isActive = ref.isActive;
+var isExactActive = ref.isExactActive;
+return [_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass(item, {isActive: isActive, isExactActive: isExactActive}),attrs:{"href":href,"role":"menuitem"},on:{"click":function($event){return _vm.onItemClick($event, item, navigate)},"keydown":function($event){return _vm.onItemKeyDown($event, item)}}},[_c('span',{class:['p-menuitem-icon', item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.label(item)))])])]}}],null,true)}):_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass(item),attrs:{"href":item.url,"target":item.target,"aria-haspopup":item.items != null,"aria-expanded":item === _vm.activeItem,"role":"menuitem","tabindex":_vm.disabled(item) ? null : '0'},on:{"click":function($event){return _vm.onItemClick($event, item)},"keydown":function($event){return _vm.onItemKeyDown($event, item)}}},[_c('span',{class:['p-menuitem-icon', item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.label(item)))]),(item.items)?_c('span',{class:_vm.getSubmenuIcon()}):_vm._e()]),(_vm.visible(item) && item.items)?_c('sub-menu',{key:_vm.label(item) + '_sub_',attrs:{"model":item.items,"exact":_vm.exact,"mobileActive":_vm.mobileActive,"parentActive":item === _vm.activeItem},on:{"leaf-click":_vm.onLeafClick,"keydown-item":_vm.onChildItemKeyDown}}):_vm._e()],1):_vm._e(),(_vm.visible(item) && item.separator)?_c('li',{key:'separator' + i,class:['p-menu-separator', item.class],style:(item.style),attrs:{"role":"separator"}}):_vm._e()]})],2)}
+var MenubarSubvue_type_template_id_a44977b2_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/menubar/MenubarSub.vue?vue&type=template&id=f64a5562&
+// CONCATENATED MODULE: ./src/components/menubar/MenubarSub.vue?vue&type=template&id=a44977b2&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.symbol.async-iterator.js
 var es7_symbol_async_iterator = __webpack_require__("ac4d");
@@ -3244,6 +3249,11 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+
+  define_property_default()(Constructor, "prototype", {
+    writable: false
+  });
+
   return Constructor;
 }
 // CONCATENATED MODULE: ./src/components/utils/DomHandler.js
@@ -3776,6 +3786,12 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 
       return visibleFocusableElements;
     }
+  }, {
+    key: "getFirstFocusableElement",
+    value: function getFirstFocusableElement(element) {
+      var focusableElements = this.getFocusableElements(element);
+      return focusableElements.length > 0 ? focusableElements[0] : null;
+    }
   }, {
     key: "isClickable",
     value: function isClickable(element) {
@@ -3783,6 +3799,17 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var parentNode = element.parentElement && element.parentElement.nodeName;
       return targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || parentNode == 'INPUT' || parentNode == 'BUTTON' || parentNode == 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');
     }
+  }, {
+    key: "applyStyle",
+    value: function applyStyle(element, style) {
+      if (typeof style === 'string') {
+        element.style.cssText = style;
+      } else {
+        for (var prop in style) {
+          element.style[prop] = style[prop];
+        }
+      }
+    }
   }, {
     key: "isIOS",
     value: function isIOS() {
@@ -3793,6 +3820,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function isAndroid() {
       return /(android)/i.test(navigator.userAgent);
     }
+  }, {
+    key: "isTouchDevice",
+    value: function isTouchDevice() {
+      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
   }]);
 
   return DomHandler;
@@ -3902,6 +3934,8 @@ var Ripple = {
 //
 //
 //
+//
+//
 
 
 /* harmony default export */ var MenubarSubvue_type_script_lang_js_ = ({
@@ -3926,6 +3960,10 @@ var Ripple = {
     mobileActive: {
       type: Boolean,
       default: false
+    },
+    exact: {
+      type: Boolean,
+      default: true
     }
   },
   documentClickListener: null,
@@ -3951,7 +3989,7 @@ var Ripple = {
   },
   methods: {
     onItemMouseEnter: function onItemMouseEnter(event, item) {
-      if (item.disabled || this.mobileActive) {
+      if (this.disabled(item) || this.mobileActive) {
         event.preventDefault();
         return;
       }
@@ -3964,8 +4002,8 @@ var Ripple = {
         this.activeItem = item;
       }
     },
-    onItemClick: function onItemClick(event, item) {
-      if (item.disabled) {
+    onItemClick: function onItemClick(event, item, navigate) {
+      if (this.disabled(item)) {
         event.preventDefault();
         return;
       }
@@ -3988,6 +4026,10 @@ var Ripple = {
       if (!item.items) {
         this.onLeafClick();
       }
+
+      if (item.to && navigate) {
+        navigate(event);
+      }
     },
     onLeafClick: function onLeafClick() {
       this.activeItem = null;
@@ -4104,9 +4146,11 @@ var Ripple = {
         'p-menuitem-active': this.activeItem === item
       }];
     },
-    getLinkClass: function getLinkClass(item) {
+    linkClass: function linkClass(item, routerProps) {
       return ['p-menuitem-link', {
-        'p-disabled': item.disabled
+        'p-disabled': this.disabled(item),
+        'router-link-active': routerProps && routerProps.isActive,
+        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
       }];
     },
     bindDocumentClickListener: function bindDocumentClickListener() {
@@ -4138,6 +4182,12 @@ var Ripple = {
     },
     visible: function visible(item) {
       return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
+    },
+    disabled: function disabled(item) {
+      return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
+    },
+    label: function label(item) {
+      return typeof item.label === 'function' ? item.label() : item.label;
     }
   },
   computed: {
@@ -4264,8 +4314,8 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   menubar_MenubarSubvue_type_script_lang_js_,
-  MenubarSubvue_type_template_id_f64a5562_render,
-  MenubarSubvue_type_template_id_f64a5562_staticRenderFns,
+  MenubarSubvue_type_template_id_a44977b2_render,
+  MenubarSubvue_type_template_id_a44977b2_staticRenderFns,
   false,
   null,
   null,
@@ -4297,6 +4347,10 @@ var component = normalizeComponent(
     model: {
       type: Array,
       default: null
+    },
+    exact: {
+      type: Boolean,
+      default: true
     }
   },
   outsideClickListener: null,

package/menubar/menubar.umd.js

@@ -3182,19 +3182,24 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menubar/Menubar.vue?vue&type=template&id=9154ca4e&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass},[(_vm.$slots.start)?_c('div',{staticClass:"p-menubar-start"},[_vm._t("start")],2):_vm._e(),_c('a',{ref:"menubutton",staticClass:"p-menubar-button",attrs:{"tabindex":"0"},on:{"click":function($event){return _vm.toggle($event)}}},[_c('i',{staticClass:"pi pi-bars"})]),_c('MenubarSub',{ref:"rootmenu",attrs:{"model":_vm.model,"root":true,"mobileActive":_vm.mobileActive},on:{"leaf-click":_vm.onLeafClick}}),(_vm.$slots.end)?_c('div',{staticClass:"p-menubar-end"},[_vm._t("end")],2):_vm._e()],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menubar/Menubar.vue?vue&type=template&id=050a1a2c&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.containerClass},[(_vm.$slots.start)?_c('div',{staticClass:"p-menubar-start"},[_vm._t("start")],2):_vm._e(),_c('a',{ref:"menubutton",staticClass:"p-menubar-button",attrs:{"tabindex":"0"},on:{"click":function($event){return _vm.toggle($event)}}},[_c('i',{staticClass:"pi pi-bars"})]),_c('MenubarSub',{ref:"rootmenu",attrs:{"model":_vm.model,"root":true,"mobileActive":_vm.mobileActive,"exact":_vm.exact},on:{"leaf-click":_vm.onLeafClick}}),(_vm.$slots.end)?_c('div',{staticClass:"p-menubar-end"},[_vm._t("end")],2):_vm._e()],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/menubar/Menubar.vue?vue&type=template&id=9154ca4e&
+// CONCATENATED MODULE: ./src/components/menubar/Menubar.vue?vue&type=template&id=050a1a2c&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0538004c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menubar/MenubarSub.vue?vue&type=template&id=f64a5562&
-var MenubarSubvue_type_template_id_f64a5562_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{class:_vm.containerClass,attrs:{"role":_vm.root ? 'menubar' : 'menu'}},[_vm._l((_vm.model),function(item,i){return [(_vm.visible(item) && !item.separator)?_c('li',{key:item.label + i,class:_vm.getItemClass(item),style:(item.style),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter($event, item)}}},[(item.to && !item.disabled)?_c('router-link',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.getLinkClass(item),attrs:{"to":item.to,"role":"menuitem"},nativeOn:{"click":function($event){return _vm.onItemClick($event, item)},"keydown":function($event){return _vm.onItemKeyDown($event, item)}}},[_c('span',{class:['p-menuitem-icon', item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(item.label))])]):_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.getLinkClass(item),attrs:{"href":item.url,"target":item.target,"aria-haspopup":item.items != null,"aria-expanded":item === _vm.activeItem,"role":"menuitem","tabindex":item.disabled ? null : '0'},on:{"click":function($event){return _vm.onItemClick($event, item)},"keydown":function($event){return _vm.onItemKeyDown($event, item)}}},[_c('span',{class:['p-menuitem-icon', item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(item.label))]),(item.items)?_c('span',{class:_vm.getSubmenuIcon()}):_vm._e()]),(_vm.visible(item) && item.items)?_c('sub-menu',{key:item.label + '_sub_',attrs:{"model":item.items,"mobileActive":_vm.mobileActive,"parentActive":item === _vm.activeItem},on:{"leaf-click":_vm.onLeafClick,"keydown-item":_vm.onChildItemKeyDown}}):_vm._e()],1):_vm._e(),(_vm.visible(item) && item.separator)?_c('li',{key:'separator' + i,class:['p-menu-separator', item.class],style:(item.style),attrs:{"role":"separator"}}):_vm._e()]})],2)}
-var MenubarSubvue_type_template_id_f64a5562_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/menubar/MenubarSub.vue?vue&type=template&id=a44977b2&
+var MenubarSubvue_type_template_id_a44977b2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{class:_vm.containerClass,attrs:{"role":_vm.root ? 'menubar' : 'menu'}},[_vm._l((_vm.model),function(item,i){return [(_vm.visible(item) && !item.separator)?_c('li',{key:_vm.label(item) + i,class:_vm.getItemClass(item),style:(item.style),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter($event, item)}}},[(item.to && !_vm.disabled(item))?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
+var navigate = ref.navigate;
+var href = ref.href;
+var isActive = ref.isActive;
+var isExactActive = ref.isExactActive;
+return [_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass(item, {isActive: isActive, isExactActive: isExactActive}),attrs:{"href":href,"role":"menuitem"},on:{"click":function($event){return _vm.onItemClick($event, item, navigate)},"keydown":function($event){return _vm.onItemKeyDown($event, item)}}},[_c('span',{class:['p-menuitem-icon', item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.label(item)))])])]}}],null,true)}):_c('a',{directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.linkClass(item),attrs:{"href":item.url,"target":item.target,"aria-haspopup":item.items != null,"aria-expanded":item === _vm.activeItem,"role":"menuitem","tabindex":_vm.disabled(item) ? null : '0'},on:{"click":function($event){return _vm.onItemClick($event, item)},"keydown":function($event){return _vm.onItemKeyDown($event, item)}}},[_c('span',{class:['p-menuitem-icon', item.icon]}),_c('span',{staticClass:"p-menuitem-text"},[_vm._v(_vm._s(_vm.label(item)))]),(item.items)?_c('span',{class:_vm.getSubmenuIcon()}):_vm._e()]),(_vm.visible(item) && item.items)?_c('sub-menu',{key:_vm.label(item) + '_sub_',attrs:{"model":item.items,"exact":_vm.exact,"mobileActive":_vm.mobileActive,"parentActive":item === _vm.activeItem},on:{"leaf-click":_vm.onLeafClick,"keydown-item":_vm.onChildItemKeyDown}}):_vm._e()],1):_vm._e(),(_vm.visible(item) && item.separator)?_c('li',{key:'separator' + i,class:['p-menu-separator', item.class],style:(item.style),attrs:{"role":"separator"}}):_vm._e()]})],2)}
+var MenubarSubvue_type_template_id_a44977b2_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/menubar/MenubarSub.vue?vue&type=template&id=f64a5562&
+// CONCATENATED MODULE: ./src/components/menubar/MenubarSub.vue?vue&type=template&id=a44977b2&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.symbol.async-iterator.js
 var es7_symbol_async_iterator = __webpack_require__("ac4d");
@@ -3253,6 +3258,11 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+
+  define_property_default()(Constructor, "prototype", {
+    writable: false
+  });
+
   return Constructor;
 }
 // CONCATENATED MODULE: ./src/components/utils/DomHandler.js
@@ -3785,6 +3795,12 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 
       return visibleFocusableElements;
     }
+  }, {
+    key: "getFirstFocusableElement",
+    value: function getFirstFocusableElement(element) {
+      var focusableElements = this.getFocusableElements(element);
+      return focusableElements.length > 0 ? focusableElements[0] : null;
+    }
   }, {
     key: "isClickable",
     value: function isClickable(element) {
@@ -3792,6 +3808,17 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
       var parentNode = element.parentElement && element.parentElement.nodeName;
       return targetNode == 'INPUT' || targetNode == 'BUTTON' || targetNode == 'A' || parentNode == 'INPUT' || parentNode == 'BUTTON' || parentNode == 'A' || this.hasClass(element, 'p-button') || this.hasClass(element.parentElement, 'p-button') || this.hasClass(element.parentElement, 'p-checkbox') || this.hasClass(element.parentElement, 'p-radiobutton');
     }
+  }, {
+    key: "applyStyle",
+    value: function applyStyle(element, style) {
+      if (typeof style === 'string') {
+        element.style.cssText = style;
+      } else {
+        for (var prop in style) {
+          element.style[prop] = style[prop];
+        }
+      }
+    }
   }, {
     key: "isIOS",
     value: function isIOS() {
@@ -3802,6 +3829,11 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
     value: function isAndroid() {
       return /(android)/i.test(navigator.userAgent);
     }
+  }, {
+    key: "isTouchDevice",
+    value: function isTouchDevice() {
+      return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+    }
   }]);
 
   return DomHandler;
@@ -3911,6 +3943,8 @@ var Ripple = {
 //
 //
 //
+//
+//
 
 
 /* harmony default export */ var MenubarSubvue_type_script_lang_js_ = ({
@@ -3935,6 +3969,10 @@ var Ripple = {
     mobileActive: {
       type: Boolean,
       default: false
+    },
+    exact: {
+      type: Boolean,
+      default: true
     }
   },
   documentClickListener: null,
@@ -3960,7 +3998,7 @@ var Ripple = {
   },
   methods: {
     onItemMouseEnter: function onItemMouseEnter(event, item) {
-      if (item.disabled || this.mobileActive) {
+      if (this.disabled(item) || this.mobileActive) {
         event.preventDefault();
         return;
       }
@@ -3973,8 +4011,8 @@ var Ripple = {
         this.activeItem = item;
       }
     },
-    onItemClick: function onItemClick(event, item) {
-      if (item.disabled) {
+    onItemClick: function onItemClick(event, item, navigate) {
+      if (this.disabled(item)) {
         event.preventDefault();
         return;
       }
@@ -3997,6 +4035,10 @@ var Ripple = {
       if (!item.items) {
         this.onLeafClick();
       }
+
+      if (item.to && navigate) {
+        navigate(event);
+      }
     },
     onLeafClick: function onLeafClick() {
       this.activeItem = null;
@@ -4113,9 +4155,11 @@ var Ripple = {
         'p-menuitem-active': this.activeItem === item
       }];
     },
-    getLinkClass: function getLinkClass(item) {
+    linkClass: function linkClass(item, routerProps) {
       return ['p-menuitem-link', {
-        'p-disabled': item.disabled
+        'p-disabled': this.disabled(item),
+        'router-link-active': routerProps && routerProps.isActive,
+        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
       }];
     },
     bindDocumentClickListener: function bindDocumentClickListener() {
@@ -4147,6 +4191,12 @@ var Ripple = {
     },
     visible: function visible(item) {
       return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
+    },
+    disabled: function disabled(item) {
+      return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
+    },
+    label: function label(item) {
+      return typeof item.label === 'function' ? item.label() : item.label;
     }
   },
   computed: {
@@ -4273,8 +4323,8 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   menubar_MenubarSubvue_type_script_lang_js_,
-  MenubarSubvue_type_template_id_f64a5562_render,
-  MenubarSubvue_type_template_id_f64a5562_staticRenderFns,
+  MenubarSubvue_type_template_id_a44977b2_render,
+  MenubarSubvue_type_template_id_a44977b2_staticRenderFns,
   false,
   null,
   null,
@@ -4306,6 +4356,10 @@ var component = normalizeComponent(
     model: {
       type: Array,
       default: null
+    },
+    exact: {
+      type: Boolean,
+      default: true
     }
   },
   outsideClickListener: null,