primevue 3.12.4 → 3.13.0

package/panel/panel.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as e}from"primevue/utils";import n from"primevue/ripple";import{resolveDirective as l,openBlock as t,createBlock as a,createVNode as i,renderSlot as o,toDisplayString as s,createCommentVNode as d,withDirectives as p,Transition as r,withCtx as c,vShow as g}from"vue";var h={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})}},computed:{ariaId:()=>e(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]}},directives:{ripple:n}};const m={class:"p-panel-header"},u={class:"p-panel-icons"},b={class:"p-panel-content"};!function(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),h.render=function(e,n,h,f,x,y){const v=l("ripple");return t(),a("div",{class:y.containerClass},[i("div",m,[o(e.$slots,"header",{},(()=>[h.header?(t(),a("span",{key:0,class:"p-panel-title",id:y.ariaId+"_header"},s(h.header),9,["id"])):d("",!0)])),i("div",u,[o(e.$slots,"icons"),h.toggleable?p((t(),a("button",{key:0,class:"p-panel-header-icon p-panel-toggler p-link",onClick:n[1]||(n[1]=(...e)=>y.toggle&&y.toggle(...e)),type:"button",id:y.ariaId+"_header","aria-controls":y.ariaId+"_content","aria-expanded":!x.d_collapsed},[i("span",{class:{"pi pi-minus":!x.d_collapsed,"pi pi-plus":x.d_collapsed}},null,2)],8,["id","aria-controls","aria-expanded"])),[[v]]):d("",!0)])]),i(r,{name:"p-toggleable-content"},{default:c((()=>[p(i("div",{class:"p-toggleable-content",role:"region",id:y.ariaId+"_content","aria-labelledby":y.ariaId+"_header"},[i("div",b,[o(e.$slots,"default")])],8,["id","aria-labelledby"]),[[g,!x.d_collapsed]])])),_:3})],2)};export default h;
+import{UniqueComponentId as e}from"primevue/utils";import n from"primevue/ripple";import{resolveDirective as l,openBlock as t,createElementBlock as a,normalizeClass as i,createElementVNode as o,renderSlot as s,toDisplayString as d,createCommentVNode as p,withDirectives as r,createVNode as c,Transition as g,withCtx as h,vShow as m}from"vue";var u={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})}},computed:{ariaId:()=>e(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]}},directives:{ripple:n}};const b={class:"p-panel-header"},f=["id"],x={class:"p-panel-icons"},y=["id","aria-controls","aria-expanded"],v=["id","aria-labelledby"],_={class:"p-panel-content"};!function(e,n){void 0===n&&(n={});var l=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),u.render=function(e,n,u,k,w,C){const I=l("ripple");return t(),a("div",{class:i(C.containerClass)},[o("div",b,[s(e.$slots,"header",{},(()=>[u.header?(t(),a("span",{key:0,class:"p-panel-title",id:C.ariaId+"_header"},d(u.header),9,f)):p("",!0)])),o("div",x,[s(e.$slots,"icons"),u.toggleable?r((t(),a("button",{key:0,class:"p-panel-header-icon p-panel-toggler p-link",onClick:n[0]||(n[0]=(...e)=>C.toggle&&C.toggle(...e)),type:"button",id:C.ariaId+"_header","aria-controls":C.ariaId+"_content","aria-expanded":!w.d_collapsed},[o("span",{class:i({"pi pi-minus":!w.d_collapsed,"pi pi-plus":w.d_collapsed})},null,2)],8,y)),[[I]]):p("",!0)])]),c(g,{name:"p-toggleable-content"},{default:h((()=>[r(o("div",{class:"p-toggleable-content",role:"region",id:C.ariaId+"_content","aria-labelledby":C.ariaId+"_header"},[o("div",_,[s(e.$slots,"default")])],8,v),[[m,!w.d_collapsed]])])),_:3})],2)};export{u as default};

package/panel/panel.js

@@ -43,44 +43,49 @@ this.primevue.panel = (function (utils, Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
     const _hoisted_1 = { class: "p-panel-header" };
-    const _hoisted_2 = { class: "p-panel-icons" };
-    const _hoisted_3 = { class: "p-panel-content" };
+    const _hoisted_2 = ["id"];
+    const _hoisted_3 = { class: "p-panel-icons" };
+    const _hoisted_4 = ["id", "aria-controls", "aria-expanded"];
+    const _hoisted_5 = ["id", "aria-labelledby"];
+    const _hoisted_6 = { class: "p-panel-content" };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return (vue.openBlock(), vue.createBlock("div", { class: $options.containerClass }, [
-        vue.createVNode("div", _hoisted_1, [
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass($options.containerClass)
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
           vue.renderSlot(_ctx.$slots, "header", {}, () => [
             ($props.header)
-              ? (vue.openBlock(), vue.createBlock("span", {
+              ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
                   class: "p-panel-title",
                   id: $options.ariaId + '_header'
-                }, vue.toDisplayString($props.header), 9, ["id"]))
+                }, vue.toDisplayString($props.header), 9, _hoisted_2))
               : vue.createCommentVNode("", true)
           ]),
-          vue.createVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
             vue.renderSlot(_ctx.$slots, "icons"),
             ($props.toggleable)
-              ? vue.withDirectives((vue.openBlock(), vue.createBlock("button", {
+              ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                   key: 0,
                   class: "p-panel-header-icon p-panel-toggler p-link",
-                  onClick: _cache[1] || (_cache[1] = (...args) => ($options.toggle && $options.toggle(...args))),
+                  onClick: _cache[0] || (_cache[0] = (...args) => ($options.toggle && $options.toggle(...args))),
                   type: "button",
                   id: $options.ariaId +  '_header',
                   "aria-controls": $options.ariaId + '_content',
                   "aria-expanded": !$data.d_collapsed
                 }, [
-                  vue.createVNode("span", {
-                    class: {'pi pi-minus': !$data.d_collapsed, 'pi pi-plus': $data.d_collapsed}
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass({'pi pi-minus': !$data.d_collapsed, 'pi pi-plus': $data.d_collapsed})
                   }, null, 2)
-                ], 8, ["id", "aria-controls", "aria-expanded"])), [
+                ], 8, _hoisted_4)), [
                   [_directive_ripple]
                 ])
               : vue.createCommentVNode("", true)
@@ -88,16 +93,16 @@ this.primevue.panel = (function (utils, Ripple, vue) {
         ]),
         vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
           default: vue.withCtx(() => [
-            vue.withDirectives(vue.createVNode("div", {
+            vue.withDirectives(vue.createElementVNode("div", {
               class: "p-toggleable-content",
               role: "region",
               id: $options.ariaId + '_content',
               "aria-labelledby": $options.ariaId + '_header'
             }, [
-              vue.createVNode("div", _hoisted_3, [
+              vue.createElementVNode("div", _hoisted_6, [
                 vue.renderSlot(_ctx.$slots, "default")
               ])
-            ], 8, ["id", "aria-labelledby"]), [
+            ], 8, _hoisted_5), [
               [vue.vShow, !$data.d_collapsed]
             ])
           ]),
@@ -140,4 +145,4 @@ this.primevue.panel = (function (utils, Ripple, vue) {
 
     return script;
 
-}(primevue.utils, primevue.ripple, Vue));
+})(primevue.utils, primevue.ripple, Vue);

package/panel/panel.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.panel=function(e,t,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})}},computed:{ariaId:()=>e.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]}},directives:{ripple:l(t).default}};const i={class:"p-panel-header"},o={class:"p-panel-icons"},d={class:"p-panel-content"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),a.render=function(e,t,l,a,s,r){const c=n.resolveDirective("ripple");return n.openBlock(),n.createBlock("div",{class:r.containerClass},[n.createVNode("div",i,[n.renderSlot(e.$slots,"header",{},(()=>[l.header?(n.openBlock(),n.createBlock("span",{key:0,class:"p-panel-title",id:r.ariaId+"_header"},n.toDisplayString(l.header),9,["id"])):n.createCommentVNode("",!0)])),n.createVNode("div",o,[n.renderSlot(e.$slots,"icons"),l.toggleable?n.withDirectives((n.openBlock(),n.createBlock("button",{key:0,class:"p-panel-header-icon p-panel-toggler p-link",onClick:t[1]||(t[1]=(...e)=>r.toggle&&r.toggle(...e)),type:"button",id:r.ariaId+"_header","aria-controls":r.ariaId+"_content","aria-expanded":!s.d_collapsed},[n.createVNode("span",{class:{"pi pi-minus":!s.d_collapsed,"pi pi-plus":s.d_collapsed}},null,2)],8,["id","aria-controls","aria-expanded"])),[[c]]):n.createCommentVNode("",!0)])]),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createVNode("div",{class:"p-toggleable-content",role:"region",id:r.ariaId+"_content","aria-labelledby":r.ariaId+"_header"},[n.createVNode("div",d,[n.renderSlot(e.$slots,"default")])],8,["id","aria-labelledby"]),[[n.vShow,!s.d_collapsed]])])),_:3})],2)},a}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.panel=function(e,t,n){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a={name:"Panel",emits:["update:collapsed","toggle"],props:{header:String,toggleable:Boolean,collapsed:Boolean},data(){return{d_collapsed:this.collapsed}},watch:{collapsed(e){this.d_collapsed=e}},methods:{toggle(e){this.d_collapsed=!this.d_collapsed,this.$emit("update:collapsed",this.d_collapsed),this.$emit("toggle",{originalEvent:e,value:this.d_collapsed})}},computed:{ariaId:()=>e.UniqueComponentId(),containerClass(){return["p-panel p-component",{"p-panel-toggleable":this.toggleable}]}},directives:{ripple:l(t).default}};const i={class:"p-panel-header"},o=["id"],s={class:"p-panel-icons"},d=["id","aria-controls","aria-expanded"],r=["id","aria-labelledby"],c={class:"p-panel-content"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panel-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-panel-title {\n    line-height: 1;\n}\n.p-panel-header-icon {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n"),a.render=function(e,t,l,a,p,m){const u=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(m.containerClass)},[n.createElementVNode("div",i,[n.renderSlot(e.$slots,"header",{},(()=>[l.header?(n.openBlock(),n.createElementBlock("span",{key:0,class:"p-panel-title",id:m.ariaId+"_header"},n.toDisplayString(l.header),9,o)):n.createCommentVNode("",!0)])),n.createElementVNode("div",s,[n.renderSlot(e.$slots,"icons"),l.toggleable?n.withDirectives((n.openBlock(),n.createElementBlock("button",{key:0,class:"p-panel-header-icon p-panel-toggler p-link",onClick:t[0]||(t[0]=(...e)=>m.toggle&&m.toggle(...e)),type:"button",id:m.ariaId+"_header","aria-controls":m.ariaId+"_content","aria-expanded":!p.d_collapsed},[n.createElementVNode("span",{class:n.normalizeClass({"pi pi-minus":!p.d_collapsed,"pi pi-plus":p.d_collapsed})},null,2)],8,d)),[[u]]):n.createCommentVNode("",!0)])]),n.createVNode(n.Transition,{name:"p-toggleable-content"},{default:n.withCtx((()=>[n.withDirectives(n.createElementVNode("div",{class:"p-toggleable-content",role:"region",id:m.ariaId+"_content","aria-labelledby":m.ariaId+"_header"},[n.createElementVNode("div",c,[n.renderSlot(e.$slots,"default")])],8,r),[[n.vShow,!p.d_collapsed]])])),_:3})],2)},a}(primevue.utils,primevue.ripple,Vue);

package/panelmenu/PanelMenuSub.vue

@@ -4,7 +4,7 @@
             <li role="none" :class="getItemClass(item)" :style="item.style" v-if="visible(item) && !item.separator">
                 <template v-if="!template">
                     <router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive:isRouterActive, isExactActive}">
-                        <a :href="href" :class="linkClass(item, {isRouterActive, isExactActive})" @click="onItemClick($event, item, navigate)" role="treeitem" :aria-expanded="isActive(item)">
+                        <a :href="href" :class="linkClass(item, {isActive:isRouterActive, isExactActive})" @click="onItemClick($event, item, navigate)" role="treeitem" :aria-expanded="isActive(item)">
                             <span :class="['p-menuitem-icon', item.icon]"></span>
                             <span class="p-menuitem-text">{{label(item)}}</span>
                         </a>

package/panelmenu/panelmenu.cjs.js

@@ -96,28 +96,30 @@ const _hoisted_1$1 = {
   class: "p-submenu-list",
   role: "tree"
 };
-const _hoisted_2$1 = { class: "p-menuitem-text" };
+const _hoisted_2$1 = ["href", "onClick", "aria-expanded"];
 const _hoisted_3$1 = { class: "p-menuitem-text" };
-const _hoisted_4$1 = { class: "p-toggleable-content" };
+const _hoisted_4$1 = ["href", "target", "onClick", "onKeydown", "aria-expanded", "tabindex"];
+const _hoisted_5$1 = { class: "p-menuitem-text" };
+const _hoisted_6$1 = { class: "p-toggleable-content" };
 
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = vue.resolveComponent("router-link");
   const _component_PanelMenuSub = vue.resolveComponent("PanelMenuSub", true);
 
-  return (vue.openBlock(), vue.createBlock("ul", _hoisted_1$1, [
-    (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
-      return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+  return (vue.openBlock(), vue.createElementBlock("ul", _hoisted_1$1, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, i) => {
+      return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
         key: $options.label(item) + i.toString()
       }, [
         ($options.visible(item) && !item.separator)
-          ? (vue.openBlock(), vue.createBlock("li", {
+          ? (vue.openBlock(), vue.createElementBlock("li", {
               key: 0,
               role: "none",
-              class: $options.getItemClass(item),
-              style: item.style
+              class: vue.normalizeClass($options.getItemClass(item)),
+              style: vue.normalizeStyle(item.style)
             }, [
               (!$props.template)
-                ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+                ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     (item.to && !$options.disabled(item))
                       ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                           key: 0,
@@ -125,25 +127,25 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                           custom: ""
                         }, {
                           default: vue.withCtx(({navigate, href, isActive:isRouterActive, isExactActive}) => [
-                            vue.createVNode("a", {
+                            vue.createElementVNode("a", {
                               href: href,
-                              class: $options.linkClass(item, {isRouterActive, isExactActive}),
+                              class: vue.normalizeClass($options.linkClass(item, {isActive:isRouterActive, isExactActive})),
                               onClick: $event => ($options.onItemClick($event, item, navigate)),
                               role: "treeitem",
                               "aria-expanded": $options.isActive(item)
                             }, [
-                              vue.createVNode("span", {
-                                class: ['p-menuitem-icon', item.icon]
+                              vue.createElementVNode("span", {
+                                class: vue.normalizeClass(['p-menuitem-icon', item.icon])
                               }, null, 2),
-                              vue.createVNode("span", _hoisted_2$1, vue.toDisplayString($options.label(item)), 1)
-                            ], 10, ["href", "onClick", "aria-expanded"])
+                              vue.createElementVNode("span", _hoisted_3$1, vue.toDisplayString($options.label(item)), 1)
+                            ], 10, _hoisted_2$1)
                           ]),
                           _: 2
                         }, 1032, ["to"]))
-                      : (vue.openBlock(), vue.createBlock("a", {
+                      : (vue.openBlock(), vue.createElementBlock("a", {
                           key: 1,
                           href: item.url,
-                          class: $options.linkClass(item),
+                          class: vue.normalizeClass($options.linkClass(item)),
                           target: item.target,
                           onClick: $event => ($options.onItemClick($event, item)),
                           onKeydown: $event => ($options.onItemKeydown($event, item)),
@@ -152,16 +154,16 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                           tabindex: $options.disabled(item) ? null : '0'
                         }, [
                           (item.items)
-                            ? (vue.openBlock(), vue.createBlock("span", {
+                            ? (vue.openBlock(), vue.createElementBlock("span", {
                                 key: 0,
-                                class: $options.getSubmenuIcon(item)
+                                class: vue.normalizeClass($options.getSubmenuIcon(item))
                               }, null, 2))
                             : vue.createCommentVNode("", true),
-                          vue.createVNode("span", {
-                            class: ['p-menuitem-icon', item.icon]
+                          vue.createElementVNode("span", {
+                            class: vue.normalizeClass(['p-menuitem-icon', item.icon])
                           }, null, 2),
-                          vue.createVNode("span", _hoisted_3$1, vue.toDisplayString($options.label(item)), 1)
-                        ], 42, ["href", "target", "onClick", "onKeydown", "aria-expanded", "tabindex"]))
+                          vue.createElementVNode("span", _hoisted_5$1, vue.toDisplayString($options.label(item)), 1)
+                        ], 42, _hoisted_4$1))
                   ], 64))
                 : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.template), {
                     key: 1,
@@ -169,14 +171,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   }, null, 8, ["item"])),
               vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
                 default: vue.withCtx(() => [
-                  vue.withDirectives(vue.createVNode("div", _hoisted_4$1, [
+                  vue.withDirectives(vue.createElementVNode("div", _hoisted_6$1, [
                     ($options.visible(item) && item.items)
                       ? (vue.openBlock(), vue.createBlock(_component_PanelMenuSub, {
                           model: item.items,
                           key: $options.label(item) + '_sub_',
                           template: $props.template,
                           expandedKeys: $props.expandedKeys,
-                          onItemToggle: _cache[1] || (_cache[1] = $event => (_ctx.$emit('item-toggle', $event))),
+                          onItemToggle: _cache[0] || (_cache[0] = $event => (_ctx.$emit('item-toggle', $event))),
                           exact: $props.exact
                         }, null, 8, ["model", "template", "expandedKeys", "exact"]))
                       : vue.createCommentVNode("", true)
@@ -189,9 +191,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             ], 6))
           : vue.createCommentVNode("", true),
         ($options.visible(item) && item.separator)
-          ? (vue.openBlock(), vue.createBlock("li", {
-              class: ['p-menu-separator', item.class],
-              style: item.style,
+          ? (vue.openBlock(), vue.createElementBlock("li", {
+              class: vue.normalizeClass(['p-menu-separator', item.class]),
+              style: vue.normalizeStyle(item.style),
               key: 'separator' + i.toString()
             }, null, 6))
           : vue.createCommentVNode("", true)
@@ -314,9 +316,12 @@ var script = {
 };
 
 const _hoisted_1 = { class: "p-panelmenu p-component" };
-const _hoisted_2 = { class: "p-menuitem-text" };
+const _hoisted_2 = ["href", "onClick"];
 const _hoisted_3 = { class: "p-menuitem-text" };
-const _hoisted_4 = {
+const _hoisted_4 = ["href", "onClick", "onKeydown", "tabindex", "aria-expanded", "id", "aria-controls"];
+const _hoisted_5 = { class: "p-menuitem-text" };
+const _hoisted_6 = ["id", "aria-labelledby"];
+const _hoisted_7 = {
   key: 0,
   class: "p-panelmenu-content"
 };
@@ -325,23 +330,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = vue.resolveComponent("router-link");
   const _component_PanelMenuSub = vue.resolveComponent("PanelMenuSub");
 
-  return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
-    (vue.openBlock(true), vue.createBlock(vue.Fragment, null, vue.renderList($props.model, (item, index) => {
-      return (vue.openBlock(), vue.createBlock(vue.Fragment, {
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.model, (item, index) => {
+      return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
         key: $options.label(item) + '_' + index
       }, [
         ($options.visible(item))
-          ? (vue.openBlock(), vue.createBlock("div", {
+          ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              class: $options.getPanelClass(item),
-              style: item.style
+              class: vue.normalizeClass($options.getPanelClass(item)),
+              style: vue.normalizeStyle(item.style)
             }, [
-              vue.createVNode("div", {
-                class: $options.getHeaderClass(item),
-                style: item.style
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass($options.getHeaderClass(item)),
+                style: vue.normalizeStyle(item.style)
               }, [
                 (!_ctx.$slots.item)
-                  ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
+                  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                       (item.to && !$options.disabled(item))
                         ? (vue.openBlock(), vue.createBlock(_component_router_link, {
                             key: 0,
@@ -349,27 +354,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             custom: ""
                           }, {
                             default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
-                              vue.createVNode("a", {
+                              vue.createElementVNode("a", {
                                 href: href,
-                                class: $options.getHeaderLinkClass(item, {isActive, isExactActive}),
+                                class: vue.normalizeClass($options.getHeaderLinkClass(item, {isActive, isExactActive})),
                                 onClick: $event => ($options.onItemClick($event, item, navigate)),
                                 role: "treeitem"
                               }, [
                                 (item.icon)
-                                  ? (vue.openBlock(), vue.createBlock("span", {
+                                  ? (vue.openBlock(), vue.createElementBlock("span", {
                                       key: 0,
-                                      class: $options.getPanelIcon(item)
+                                      class: vue.normalizeClass($options.getPanelIcon(item))
                                     }, null, 2))
                                   : vue.createCommentVNode("", true),
-                                vue.createVNode("span", _hoisted_2, vue.toDisplayString($options.label(item)), 1)
-                              ], 10, ["href", "onClick"])
+                                vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
+                              ], 10, _hoisted_2)
                             ]),
                             _: 2
                           }, 1032, ["to"]))
-                        : (vue.openBlock(), vue.createBlock("a", {
+                        : (vue.openBlock(), vue.createElementBlock("a", {
                             key: 1,
                             href: item.url,
-                            class: $options.getHeaderLinkClass(item),
+                            class: vue.normalizeClass($options.getHeaderLinkClass(item)),
                             onClick: $event => ($options.onItemClick($event, item)),
                             onKeydown: $event => ($options.onItemKeydown($event, item)),
                             tabindex: $options.disabled(item) ? null : '0',
@@ -378,19 +383,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             "aria-controls": $options.ariaId +'_content_' + index
                           }, [
                             (item.items)
-                              ? (vue.openBlock(), vue.createBlock("span", {
+                              ? (vue.openBlock(), vue.createElementBlock("span", {
                                   key: 0,
-                                  class: $options.getPanelToggleIcon(item)
+                                  class: vue.normalizeClass($options.getPanelToggleIcon(item))
                                 }, null, 2))
                               : vue.createCommentVNode("", true),
                             (item.icon)
-                              ? (vue.openBlock(), vue.createBlock("span", {
+                              ? (vue.openBlock(), vue.createElementBlock("span", {
                                   key: 1,
-                                  class: $options.getPanelIcon(item)
+                                  class: vue.normalizeClass($options.getPanelIcon(item))
                                 }, null, 2))
                               : vue.createCommentVNode("", true),
-                            vue.createVNode("span", _hoisted_3, vue.toDisplayString($options.label(item)), 1)
-                          ], 42, ["href", "onClick", "onKeydown", "tabindex", "aria-expanded", "id", "aria-controls"]))
+                            vue.createElementVNode("span", _hoisted_5, vue.toDisplayString($options.label(item)), 1)
+                          ], 42, _hoisted_4))
                     ], 64))
                   : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {
                       key: 1,
@@ -399,14 +404,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ], 6),
               vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
                 default: vue.withCtx(() => [
-                  vue.withDirectives(vue.createVNode("div", {
+                  vue.withDirectives(vue.createElementVNode("div", {
                     class: "p-toggleable-content",
                     role: "region",
                     id: $options.ariaId +'_content_' + index,
                     "aria-labelledby": $options.ariaId +'_header_' + index
                   }, [
                     (item.items)
-                      ? (vue.openBlock(), vue.createBlock("div", _hoisted_4, [
+                      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
                           vue.createVNode(_component_PanelMenuSub, {
                             model: item.items,
                             class: "p-panelmenu-root-submenu",
@@ -417,7 +422,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           }, null, 8, ["model", "template", "expandedKeys", "onItemToggle", "exact"])
                         ]))
                       : vue.createCommentVNode("", true)
-                  ], 8, ["id", "aria-labelledby"]), [
+                  ], 8, _hoisted_6), [
                     [vue.vShow, $options.isActive(item)]
                   ])
                 ]),

package/panelmenu/panelmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("vue"),t=require("primevue/utils"),n={name:"PanelMenuSub",emits:["item-toggle"],props:{model:{type:null,default:null},template:{type:Function,default:null},expandedKeys:{type:null,default:null},exact:{type:Boolean,default:!0}},data:()=>({activeItem:null}),methods:{onItemClick(e,t,n){this.isActive(t)&&null===this.activeItem&&(this.activeItem=t),this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem&&this.activeItem===t?this.activeItem=null:this.activeItem=t,this.$emit("item-toggle",{item:t,expanded:null!=this.activeItem}),t.to&&n&&n(e))},onItemKeydown(e,t){13===e.which&&this.onItemClick(e,t)},getItemClass:e=>["p-menuitem",e.className],linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},isActive(e){return this.expandedKeys?this.expandedKeys[e.key]:e===this.activeItem},getSubmenuIcon(e){const t=this.isActive(e);return["p-panelmenu-icon pi pi-fw",{"pi-angle-right":!t,"pi-angle-down":t}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label}};const l={class:"p-submenu-list",role:"tree"},a={class:"p-menuitem-text"},i={class:"p-menuitem-text"},o={class:"p-toggleable-content"};n.render=function(t,n,s,c,d,r){const m=e.resolveComponent("router-link"),p=e.resolveComponent("PanelMenuSub",!0);return e.openBlock(),e.createBlock("ul",l,[(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(s.model,((l,c)=>(e.openBlock(),e.createBlock(e.Fragment,{key:r.label(l)+c.toString()},[r.visible(l)&&!l.separator?(e.openBlock(),e.createBlock("li",{key:0,role:"none",class:r.getItemClass(l),style:l.style},[s.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.template),{key:1,item:l},null,8,["item"])):(e.openBlock(),e.createBlock(e.Fragment,{key:0},[l.to&&!r.disabled(l)?(e.openBlock(),e.createBlock(m,{key:0,to:l.to,custom:""},{default:e.withCtx((({navigate:t,href:n,isActive:i,isExactActive:o})=>[e.createVNode("a",{href:n,class:r.linkClass(l,{isRouterActive:i,isExactActive:o}),onClick:e=>r.onItemClick(e,l,t),role:"treeitem","aria-expanded":r.isActive(l)},[e.createVNode("span",{class:["p-menuitem-icon",l.icon]},null,2),e.createVNode("span",a,e.toDisplayString(r.label(l)),1)],10,["href","onClick","aria-expanded"])])),_:2},1032,["to"])):(e.openBlock(),e.createBlock("a",{key:1,href:l.url,class:r.linkClass(l),target:l.target,onClick:e=>r.onItemClick(e,l),onKeydown:e=>r.onItemKeydown(e,l),role:"treeitem","aria-expanded":r.isActive(l),tabindex:r.disabled(l)?null:"0"},[l.items?(e.openBlock(),e.createBlock("span",{key:0,class:r.getSubmenuIcon(l)},null,2)):e.createCommentVNode("",!0),e.createVNode("span",{class:["p-menuitem-icon",l.icon]},null,2),e.createVNode("span",i,e.toDisplayString(r.label(l)),1)],42,["href","target","onClick","onKeydown","aria-expanded","tabindex"]))],64)),e.createVNode(e.Transition,{name:"p-toggleable-content"},{default:e.withCtx((()=>[e.withDirectives(e.createVNode("div",o,[r.visible(l)&&l.items?(e.openBlock(),e.createBlock(p,{model:l.items,key:r.label(l)+"_sub_",template:s.template,expandedKeys:s.expandedKeys,onItemToggle:n[1]||(n[1]=e=>t.$emit("item-toggle",e)),exact:s.exact},null,8,["model","template","expandedKeys","exact"])):e.createCommentVNode("",!0)],512),[[e.vShow,r.isActive(l)]])])),_:2},1024)],6)):e.createCommentVNode("",!0),r.visible(l)&&l.separator?(e.openBlock(),e.createBlock("li",{class:["p-menu-separator",l.class],style:l.style,key:"separator"+c.toString()},null,6)):e.createCommentVNode("",!0)],64)))),128))])};var s={name:"PanelMenu",emits:["update:expandedKeys"],props:{model:{type:Array,default:null},expandedKeys:{type:null,default:null},exact:{type:Boolean,default:!0}},data:()=>({activeItem:null}),methods:{onItemClick(e,t,n){this.isActive(t)&&null===this.activeItem&&(this.activeItem=t),this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem&&this.activeItem===t?this.activeItem=null:this.activeItem=t,this.updateExpandedKeys({item:t,expanded:null!=this.activeItem}),t.to&&n&&n(e))},onItemKeydown(e,t){13===e.which&&this.onItemClick(e,t)},updateExpandedKeys(e){if(this.expandedKeys){let t=e.item,n={...this.expandedKeys};e.expanded?n[t.key]=!0:delete n[t.key],this.$emit("update:expandedKeys",n)}},getPanelClass:e=>["p-panelmenu-panel",e.class],getPanelToggleIcon(e){const t=this.isActive(e);return["p-panelmenu-icon pi",{"pi-chevron-right":!t," pi-chevron-down":t}]},getPanelIcon:e=>["p-menuitem-icon",e.icon],getHeaderLinkClass(e,t){return["p-panelmenu-header-link",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},isActive(e){return this.expandedKeys?this.expandedKeys[e.key]:e===this.activeItem},getHeaderClass(e){return["p-component p-panelmenu-header",{"p-highlight":this.isActive(e),"p-disabled":this.disabled(e)}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},components:{PanelMenuSub:n},computed:{ariaId:()=>t.UniqueComponentId()}};const c={class:"p-panelmenu p-component"},d={class:"p-menuitem-text"},r={class:"p-menuitem-text"},m={key:0,class:"p-panelmenu-content"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panelmenu .p-panelmenu-header-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n}\n.p-panelmenu .p-panelmenu-header-link:focus {\n    z-index: 1;\n}\n.p-panelmenu .p-submenu-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-panelmenu .p-menuitem-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    text-decoration: none;\n}\n.p-panelmenu .p-menuitem-text {\n    line-height: 1;\n}\n"),s.render=function(t,n,l,a,i,o){const s=e.resolveComponent("router-link"),p=e.resolveComponent("PanelMenuSub");return e.openBlock(),e.createBlock("div",c,[(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(l.model,((n,a)=>(e.openBlock(),e.createBlock(e.Fragment,{key:o.label(n)+"_"+a},[o.visible(n)?(e.openBlock(),e.createBlock("div",{key:0,class:o.getPanelClass(n),style:n.style},[e.createVNode("div",{class:o.getHeaderClass(n),style:n.style},[t.$slots.item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.$slots.item),{key:1,item:n},null,8,["item"])):(e.openBlock(),e.createBlock(e.Fragment,{key:0},[n.to&&!o.disabled(n)?(e.openBlock(),e.createBlock(s,{key:0,to:n.to,custom:""},{default:e.withCtx((({navigate:t,href:l,isActive:a,isExactActive:i})=>[e.createVNode("a",{href:l,class:o.getHeaderLinkClass(n,{isActive:a,isExactActive:i}),onClick:e=>o.onItemClick(e,n,t),role:"treeitem"},[n.icon?(e.openBlock(),e.createBlock("span",{key:0,class:o.getPanelIcon(n)},null,2)):e.createCommentVNode("",!0),e.createVNode("span",d,e.toDisplayString(o.label(n)),1)],10,["href","onClick"])])),_:2},1032,["to"])):(e.openBlock(),e.createBlock("a",{key:1,href:n.url,class:o.getHeaderLinkClass(n),onClick:e=>o.onItemClick(e,n),onKeydown:e=>o.onItemKeydown(e,n),tabindex:o.disabled(n)?null:"0","aria-expanded":o.isActive(n),id:o.ariaId+"_header_"+a,"aria-controls":o.ariaId+"_content_"+a},[n.items?(e.openBlock(),e.createBlock("span",{key:0,class:o.getPanelToggleIcon(n)},null,2)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createBlock("span",{key:1,class:o.getPanelIcon(n)},null,2)):e.createCommentVNode("",!0),e.createVNode("span",r,e.toDisplayString(o.label(n)),1)],42,["href","onClick","onKeydown","tabindex","aria-expanded","id","aria-controls"]))],64))],6),e.createVNode(e.Transition,{name:"p-toggleable-content"},{default:e.withCtx((()=>[e.withDirectives(e.createVNode("div",{class:"p-toggleable-content",role:"region",id:o.ariaId+"_content_"+a,"aria-labelledby":o.ariaId+"_header_"+a},[n.items?(e.openBlock(),e.createBlock("div",m,[e.createVNode(p,{model:n.items,class:"p-panelmenu-root-submenu",template:t.$slots.item,expandedKeys:l.expandedKeys,onItemToggle:o.updateExpandedKeys,exact:l.exact},null,8,["model","template","expandedKeys","onItemToggle","exact"])])):e.createCommentVNode("",!0)],8,["id","aria-labelledby"]),[[e.vShow,o.isActive(n)]])])),_:2},1024)],6)):e.createCommentVNode("",!0)],64)))),128))])},module.exports=s;
+"use strict";var e=require("vue"),t=require("primevue/utils"),n={name:"PanelMenuSub",emits:["item-toggle"],props:{model:{type:null,default:null},template:{type:Function,default:null},expandedKeys:{type:null,default:null},exact:{type:Boolean,default:!0}},data:()=>({activeItem:null}),methods:{onItemClick(e,t,n){this.isActive(t)&&null===this.activeItem&&(this.activeItem=t),this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem&&this.activeItem===t?this.activeItem=null:this.activeItem=t,this.$emit("item-toggle",{item:t,expanded:null!=this.activeItem}),t.to&&n&&n(e))},onItemKeydown(e,t){13===e.which&&this.onItemClick(e,t)},getItemClass:e=>["p-menuitem",e.className],linkClass(e,t){return["p-menuitem-link",{"p-disabled":this.disabled(e),"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},isActive(e){return this.expandedKeys?this.expandedKeys[e.key]:e===this.activeItem},getSubmenuIcon(e){const t=this.isActive(e);return["p-panelmenu-icon pi pi-fw",{"pi-angle-right":!t,"pi-angle-down":t}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label}};const l={class:"p-submenu-list",role:"tree"},a=["href","onClick","aria-expanded"],i={class:"p-menuitem-text"},o=["href","target","onClick","onKeydown","aria-expanded","tabindex"],s={class:"p-menuitem-text"},c={class:"p-toggleable-content"};n.render=function(t,n,m,r,d,p){const u=e.resolveComponent("router-link"),k=e.resolveComponent("PanelMenuSub",!0);return e.openBlock(),e.createElementBlock("ul",l,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.model,((l,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:p.label(l)+r.toString()},[p.visible(l)&&!l.separator?(e.openBlock(),e.createElementBlock("li",{key:0,role:"none",class:e.normalizeClass(p.getItemClass(l)),style:e.normalizeStyle(l.style)},[m.template?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.template),{key:1,item:l},null,8,["item"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.to&&!p.disabled(l)?(e.openBlock(),e.createBlock(u,{key:0,to:l.to,custom:""},{default:e.withCtx((({navigate:t,href:n,isActive:o,isExactActive:s})=>[e.createElementVNode("a",{href:n,class:e.normalizeClass(p.linkClass(l,{isActive:o,isExactActive:s})),onClick:e=>p.onItemClick(e,l,t),role:"treeitem","aria-expanded":p.isActive(l)},[e.createElementVNode("span",{class:e.normalizeClass(["p-menuitem-icon",l.icon])},null,2),e.createElementVNode("span",i,e.toDisplayString(p.label(l)),1)],10,a)])),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,href:l.url,class:e.normalizeClass(p.linkClass(l)),target:l.target,onClick:e=>p.onItemClick(e,l),onKeydown:e=>p.onItemKeydown(e,l),role:"treeitem","aria-expanded":p.isActive(l),tabindex:p.disabled(l)?null:"0"},[l.items?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(p.getSubmenuIcon(l))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["p-menuitem-icon",l.icon])},null,2),e.createElementVNode("span",s,e.toDisplayString(p.label(l)),1)],42,o))],64)),e.createVNode(e.Transition,{name:"p-toggleable-content"},{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",c,[p.visible(l)&&l.items?(e.openBlock(),e.createBlock(k,{model:l.items,key:p.label(l)+"_sub_",template:m.template,expandedKeys:m.expandedKeys,onItemToggle:n[0]||(n[0]=e=>t.$emit("item-toggle",e)),exact:m.exact},null,8,["model","template","expandedKeys","exact"])):e.createCommentVNode("",!0)],512),[[e.vShow,p.isActive(l)]])])),_:2},1024)],6)):e.createCommentVNode("",!0),p.visible(l)&&l.separator?(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["p-menu-separator",l.class]),style:e.normalizeStyle(l.style),key:"separator"+r.toString()},null,6)):e.createCommentVNode("",!0)],64)))),128))])};var m={name:"PanelMenu",emits:["update:expandedKeys"],props:{model:{type:Array,default:null},expandedKeys:{type:null,default:null},exact:{type:Boolean,default:!0}},data:()=>({activeItem:null}),methods:{onItemClick(e,t,n){this.isActive(t)&&null===this.activeItem&&(this.activeItem=t),this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),this.activeItem&&this.activeItem===t?this.activeItem=null:this.activeItem=t,this.updateExpandedKeys({item:t,expanded:null!=this.activeItem}),t.to&&n&&n(e))},onItemKeydown(e,t){13===e.which&&this.onItemClick(e,t)},updateExpandedKeys(e){if(this.expandedKeys){let t=e.item,n={...this.expandedKeys};e.expanded?n[t.key]=!0:delete n[t.key],this.$emit("update:expandedKeys",n)}},getPanelClass:e=>["p-panelmenu-panel",e.class],getPanelToggleIcon(e){const t=this.isActive(e);return["p-panelmenu-icon pi",{"pi-chevron-right":!t," pi-chevron-down":t}]},getPanelIcon:e=>["p-menuitem-icon",e.icon],getHeaderLinkClass(e,t){return["p-panelmenu-header-link",{"router-link-active":t&&t.isActive,"router-link-active-exact":this.exact&&t&&t.isExactActive}]},isActive(e){return this.expandedKeys?this.expandedKeys[e.key]:e===this.activeItem},getHeaderClass(e){return["p-component p-panelmenu-header",{"p-highlight":this.isActive(e),"p-disabled":this.disabled(e)}]},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},components:{PanelMenuSub:n},computed:{ariaId:()=>t.UniqueComponentId()}};const r={class:"p-panelmenu p-component"},d=["href","onClick"],p={class:"p-menuitem-text"},u=["href","onClick","onKeydown","tabindex","aria-expanded","id","aria-controls"],k={class:"p-menuitem-text"},y=["id","aria-labelledby"],v={key:0,class:"p-panelmenu-content"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-panelmenu .p-panelmenu-header-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    position: relative;\n    text-decoration: none;\n}\n.p-panelmenu .p-panelmenu-header-link:focus {\n    z-index: 1;\n}\n.p-panelmenu .p-submenu-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-panelmenu .p-menuitem-link {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    cursor: pointer;\n    text-decoration: none;\n}\n.p-panelmenu .p-menuitem-text {\n    line-height: 1;\n}\n"),m.render=function(t,n,l,a,i,o){const s=e.resolveComponent("router-link"),c=e.resolveComponent("PanelMenuSub");return e.openBlock(),e.createElementBlock("div",r,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.model,((n,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.label(n)+"_"+a},[o.visible(n)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(o.getPanelClass(n)),style:e.normalizeStyle(n.style)},[e.createElementVNode("div",{class:e.normalizeClass(o.getHeaderClass(n)),style:e.normalizeStyle(n.style)},[t.$slots.item?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.$slots.item),{key:1,item:n},null,8,["item"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.to&&!o.disabled(n)?(e.openBlock(),e.createBlock(s,{key:0,to:n.to,custom:""},{default:e.withCtx((({navigate:t,href:l,isActive:a,isExactActive:i})=>[e.createElementVNode("a",{href:l,class:e.normalizeClass(o.getHeaderLinkClass(n,{isActive:a,isExactActive:i})),onClick:e=>o.onItemClick(e,n,t),role:"treeitem"},[n.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.getPanelIcon(n))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",p,e.toDisplayString(o.label(n)),1)],10,d)])),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,href:n.url,class:e.normalizeClass(o.getHeaderLinkClass(n)),onClick:e=>o.onItemClick(e,n),onKeydown:e=>o.onItemKeydown(e,n),tabindex:o.disabled(n)?null:"0","aria-expanded":o.isActive(n),id:o.ariaId+"_header_"+a,"aria-controls":o.ariaId+"_content_"+a},[n.items?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(o.getPanelToggleIcon(n))},null,2)):e.createCommentVNode("",!0),n.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(o.getPanelIcon(n))},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",k,e.toDisplayString(o.label(n)),1)],42,u))],64))],6),e.createVNode(e.Transition,{name:"p-toggleable-content"},{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",{class:"p-toggleable-content",role:"region",id:o.ariaId+"_content_"+a,"aria-labelledby":o.ariaId+"_header_"+a},[n.items?(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(c,{model:n.items,class:"p-panelmenu-root-submenu",template:t.$slots.item,expandedKeys:l.expandedKeys,onItemToggle:o.updateExpandedKeys,exact:l.exact},null,8,["model","template","expandedKeys","onItemToggle","exact"])])):e.createCommentVNode("",!0)],8,y),[[e.vShow,o.isActive(n)]])])),_:2},1024)],6)):e.createCommentVNode("",!0)],64)))),128))])},module.exports=m;