primevue 3.12.4 → 3.13.0

package/panelmenu/panelmenu.esm.js

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createBlock, Fragment, renderList, withCtx, createVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, Transition, withDirectives, vShow } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, Fragment, renderList, normalizeClass, normalizeStyle, createBlock, withCtx, createElementVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, createVNode, Transition, withDirectives, vShow } from 'vue';
 import { UniqueComponentId } from 'primevue/utils';
 
 var script$1 = {
@@ -94,28 +94,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 = resolveComponent("router-link");
   const _component_PanelMenuSub = resolveComponent("PanelMenuSub", true);
 
-  return (openBlock(), createBlock("ul", _hoisted_1$1, [
-    (openBlock(true), createBlock(Fragment, null, renderList($props.model, (item, i) => {
-      return (openBlock(), createBlock(Fragment, {
+  return (openBlock(), createElementBlock("ul", _hoisted_1$1, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList($props.model, (item, i) => {
+      return (openBlock(), createElementBlock(Fragment, {
         key: $options.label(item) + i.toString()
       }, [
         ($options.visible(item) && !item.separator)
-          ? (openBlock(), createBlock("li", {
+          ? (openBlock(), createElementBlock("li", {
               key: 0,
               role: "none",
-              class: $options.getItemClass(item),
-              style: item.style
+              class: normalizeClass($options.getItemClass(item)),
+              style: normalizeStyle(item.style)
             }, [
               (!$props.template)
-                ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     (item.to && !$options.disabled(item))
                       ? (openBlock(), createBlock(_component_router_link, {
                           key: 0,
@@ -123,25 +125,25 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                           custom: ""
                         }, {
                           default: withCtx(({navigate, href, isActive:isRouterActive, isExactActive}) => [
-                            createVNode("a", {
+                            createElementVNode("a", {
                               href: href,
-                              class: $options.linkClass(item, {isRouterActive, isExactActive}),
+                              class: normalizeClass($options.linkClass(item, {isActive:isRouterActive, isExactActive})),
                               onClick: $event => ($options.onItemClick($event, item, navigate)),
                               role: "treeitem",
                               "aria-expanded": $options.isActive(item)
                             }, [
-                              createVNode("span", {
-                                class: ['p-menuitem-icon', item.icon]
+                              createElementVNode("span", {
+                                class: normalizeClass(['p-menuitem-icon', item.icon])
                               }, null, 2),
-                              createVNode("span", _hoisted_2$1, toDisplayString($options.label(item)), 1)
-                            ], 10, ["href", "onClick", "aria-expanded"])
+                              createElementVNode("span", _hoisted_3$1, toDisplayString($options.label(item)), 1)
+                            ], 10, _hoisted_2$1)
                           ]),
                           _: 2
                         }, 1032, ["to"]))
-                      : (openBlock(), createBlock("a", {
+                      : (openBlock(), createElementBlock("a", {
                           key: 1,
                           href: item.url,
-                          class: $options.linkClass(item),
+                          class: normalizeClass($options.linkClass(item)),
                           target: item.target,
                           onClick: $event => ($options.onItemClick($event, item)),
                           onKeydown: $event => ($options.onItemKeydown($event, item)),
@@ -150,16 +152,16 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                           tabindex: $options.disabled(item) ? null : '0'
                         }, [
                           (item.items)
-                            ? (openBlock(), createBlock("span", {
+                            ? (openBlock(), createElementBlock("span", {
                                 key: 0,
-                                class: $options.getSubmenuIcon(item)
+                                class: normalizeClass($options.getSubmenuIcon(item))
                               }, null, 2))
                             : createCommentVNode("", true),
-                          createVNode("span", {
-                            class: ['p-menuitem-icon', item.icon]
+                          createElementVNode("span", {
+                            class: normalizeClass(['p-menuitem-icon', item.icon])
                           }, null, 2),
-                          createVNode("span", _hoisted_3$1, toDisplayString($options.label(item)), 1)
-                        ], 42, ["href", "target", "onClick", "onKeydown", "aria-expanded", "tabindex"]))
+                          createElementVNode("span", _hoisted_5$1, toDisplayString($options.label(item)), 1)
+                        ], 42, _hoisted_4$1))
                   ], 64))
                 : (openBlock(), createBlock(resolveDynamicComponent($props.template), {
                     key: 1,
@@ -167,14 +169,14 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   }, null, 8, ["item"])),
               createVNode(Transition, { name: "p-toggleable-content" }, {
                 default: withCtx(() => [
-                  withDirectives(createVNode("div", _hoisted_4$1, [
+                  withDirectives(createElementVNode("div", _hoisted_6$1, [
                     ($options.visible(item) && item.items)
                       ? (openBlock(), 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"]))
                       : createCommentVNode("", true)
@@ -187,9 +189,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             ], 6))
           : createCommentVNode("", true),
         ($options.visible(item) && item.separator)
-          ? (openBlock(), createBlock("li", {
-              class: ['p-menu-separator', item.class],
-              style: item.style,
+          ? (openBlock(), createElementBlock("li", {
+              class: normalizeClass(['p-menu-separator', item.class]),
+              style: normalizeStyle(item.style),
               key: 'separator' + i.toString()
             }, null, 6))
           : createCommentVNode("", true)
@@ -312,9 +314,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"
 };
@@ -323,23 +328,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_router_link = resolveComponent("router-link");
   const _component_PanelMenuSub = resolveComponent("PanelMenuSub");
 
-  return (openBlock(), createBlock("div", _hoisted_1, [
-    (openBlock(true), createBlock(Fragment, null, renderList($props.model, (item, index) => {
-      return (openBlock(), createBlock(Fragment, {
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList($props.model, (item, index) => {
+      return (openBlock(), createElementBlock(Fragment, {
         key: $options.label(item) + '_' + index
       }, [
         ($options.visible(item))
-          ? (openBlock(), createBlock("div", {
+          ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: $options.getPanelClass(item),
-              style: item.style
+              class: normalizeClass($options.getPanelClass(item)),
+              style: normalizeStyle(item.style)
             }, [
-              createVNode("div", {
-                class: $options.getHeaderClass(item),
-                style: item.style
+              createElementVNode("div", {
+                class: normalizeClass($options.getHeaderClass(item)),
+                style: normalizeStyle(item.style)
               }, [
                 (!_ctx.$slots.item)
-                  ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                  ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                       (item.to && !$options.disabled(item))
                         ? (openBlock(), createBlock(_component_router_link, {
                             key: 0,
@@ -347,27 +352,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             custom: ""
                           }, {
                             default: withCtx(({navigate, href, isActive, isExactActive}) => [
-                              createVNode("a", {
+                              createElementVNode("a", {
                                 href: href,
-                                class: $options.getHeaderLinkClass(item, {isActive, isExactActive}),
+                                class: normalizeClass($options.getHeaderLinkClass(item, {isActive, isExactActive})),
                                 onClick: $event => ($options.onItemClick($event, item, navigate)),
                                 role: "treeitem"
                               }, [
                                 (item.icon)
-                                  ? (openBlock(), createBlock("span", {
+                                  ? (openBlock(), createElementBlock("span", {
                                       key: 0,
-                                      class: $options.getPanelIcon(item)
+                                      class: normalizeClass($options.getPanelIcon(item))
                                     }, null, 2))
                                   : createCommentVNode("", true),
-                                createVNode("span", _hoisted_2, toDisplayString($options.label(item)), 1)
-                              ], 10, ["href", "onClick"])
+                                createElementVNode("span", _hoisted_3, toDisplayString($options.label(item)), 1)
+                              ], 10, _hoisted_2)
                             ]),
                             _: 2
                           }, 1032, ["to"]))
-                        : (openBlock(), createBlock("a", {
+                        : (openBlock(), createElementBlock("a", {
                             key: 1,
                             href: item.url,
-                            class: $options.getHeaderLinkClass(item),
+                            class: normalizeClass($options.getHeaderLinkClass(item)),
                             onClick: $event => ($options.onItemClick($event, item)),
                             onKeydown: $event => ($options.onItemKeydown($event, item)),
                             tabindex: $options.disabled(item) ? null : '0',
@@ -376,19 +381,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             "aria-controls": $options.ariaId +'_content_' + index
                           }, [
                             (item.items)
-                              ? (openBlock(), createBlock("span", {
+                              ? (openBlock(), createElementBlock("span", {
                                   key: 0,
-                                  class: $options.getPanelToggleIcon(item)
+                                  class: normalizeClass($options.getPanelToggleIcon(item))
                                 }, null, 2))
                               : createCommentVNode("", true),
                             (item.icon)
-                              ? (openBlock(), createBlock("span", {
+                              ? (openBlock(), createElementBlock("span", {
                                   key: 1,
-                                  class: $options.getPanelIcon(item)
+                                  class: normalizeClass($options.getPanelIcon(item))
                                 }, null, 2))
                               : createCommentVNode("", true),
-                            createVNode("span", _hoisted_3, toDisplayString($options.label(item)), 1)
-                          ], 42, ["href", "onClick", "onKeydown", "tabindex", "aria-expanded", "id", "aria-controls"]))
+                            createElementVNode("span", _hoisted_5, toDisplayString($options.label(item)), 1)
+                          ], 42, _hoisted_4))
                     ], 64))
                   : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.item), {
                       key: 1,
@@ -397,14 +402,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ], 6),
               createVNode(Transition, { name: "p-toggleable-content" }, {
                 default: withCtx(() => [
-                  withDirectives(createVNode("div", {
+                  withDirectives(createElementVNode("div", {
                     class: "p-toggleable-content",
                     role: "region",
                     id: $options.ariaId +'_content_' + index,
                     "aria-labelledby": $options.ariaId +'_header_' + index
                   }, [
                     (item.items)
-                      ? (openBlock(), createBlock("div", _hoisted_4, [
+                      ? (openBlock(), createElementBlock("div", _hoisted_7, [
                           createVNode(_component_PanelMenuSub, {
                             model: item.items,
                             class: "p-panelmenu-root-submenu",
@@ -415,7 +420,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           }, null, 8, ["model", "template", "expandedKeys", "onItemToggle", "exact"])
                         ]))
                       : createCommentVNode("", true)
-                  ], 8, ["id", "aria-labelledby"]), [
+                  ], 8, _hoisted_6), [
                     [vShow, $options.isActive(item)]
                   ])
                 ]),
@@ -460,4 +465,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/panelmenu/panelmenu.esm.min.js

@@ -1 +1 @@
-import{resolveComponent as e,openBlock as t,createBlock as n,Fragment as i,renderList as l,withCtx as a,createVNode as s,toDisplayString as o,createCommentVNode as d,resolveDynamicComponent as c,Transition as m,withDirectives as p,vShow as r}from"vue";import{UniqueComponentId as u}from"primevue/utils";var y={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 v={class:"p-submenu-list",role:"tree"},b={class:"p-menuitem-text"},h={class:"p-menuitem-text"},x={class:"p-toggleable-content"};y.render=function(u,y,g,k,f,I){const C=e("router-link"),K=e("PanelMenuSub",!0);return t(),n("ul",v,[(t(!0),n(i,null,l(g.model,((e,l)=>(t(),n(i,{key:I.label(e)+l.toString()},[I.visible(e)&&!e.separator?(t(),n("li",{key:0,role:"none",class:I.getItemClass(e),style:e.style},[g.template?(t(),n(c(g.template),{key:1,item:e},null,8,["item"])):(t(),n(i,{key:0},[e.to&&!I.disabled(e)?(t(),n(C,{key:0,to:e.to,custom:""},{default:a((({navigate:t,href:n,isActive:i,isExactActive:l})=>[s("a",{href:n,class:I.linkClass(e,{isRouterActive:i,isExactActive:l}),onClick:n=>I.onItemClick(n,e,t),role:"treeitem","aria-expanded":I.isActive(e)},[s("span",{class:["p-menuitem-icon",e.icon]},null,2),s("span",b,o(I.label(e)),1)],10,["href","onClick","aria-expanded"])])),_:2},1032,["to"])):(t(),n("a",{key:1,href:e.url,class:I.linkClass(e),target:e.target,onClick:t=>I.onItemClick(t,e),onKeydown:t=>I.onItemKeydown(t,e),role:"treeitem","aria-expanded":I.isActive(e),tabindex:I.disabled(e)?null:"0"},[e.items?(t(),n("span",{key:0,class:I.getSubmenuIcon(e)},null,2)):d("",!0),s("span",{class:["p-menuitem-icon",e.icon]},null,2),s("span",h,o(I.label(e)),1)],42,["href","target","onClick","onKeydown","aria-expanded","tabindex"]))],64)),s(m,{name:"p-toggleable-content"},{default:a((()=>[p(s("div",x,[I.visible(e)&&e.items?(t(),n(K,{model:e.items,key:I.label(e)+"_sub_",template:g.template,expandedKeys:g.expandedKeys,onItemToggle:y[1]||(y[1]=e=>u.$emit("item-toggle",e)),exact:g.exact},null,8,["model","template","expandedKeys","exact"])):d("",!0)],512),[[r,I.isActive(e)]])])),_:2},1024)],6)):d("",!0),I.visible(e)&&e.separator?(t(),n("li",{class:["p-menu-separator",e.class],style:e.style,key:"separator"+l.toString()},null,6)):d("",!0)],64)))),128))])};var g={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:y},computed:{ariaId:()=>u()}};const k={class:"p-panelmenu p-component"},f={class:"p-menuitem-text"},I={class:"p-menuitem-text"},C={key:0,class:"p-panelmenu-content"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.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"),g.render=function(u,y,v,b,h,x){const g=e("router-link"),K=e("PanelMenuSub");return t(),n("div",k,[(t(!0),n(i,null,l(v.model,((e,l)=>(t(),n(i,{key:x.label(e)+"_"+l},[x.visible(e)?(t(),n("div",{key:0,class:x.getPanelClass(e),style:e.style},[s("div",{class:x.getHeaderClass(e),style:e.style},[u.$slots.item?(t(),n(c(u.$slots.item),{key:1,item:e},null,8,["item"])):(t(),n(i,{key:0},[e.to&&!x.disabled(e)?(t(),n(g,{key:0,to:e.to,custom:""},{default:a((({navigate:i,href:l,isActive:a,isExactActive:c})=>[s("a",{href:l,class:x.getHeaderLinkClass(e,{isActive:a,isExactActive:c}),onClick:t=>x.onItemClick(t,e,i),role:"treeitem"},[e.icon?(t(),n("span",{key:0,class:x.getPanelIcon(e)},null,2)):d("",!0),s("span",f,o(x.label(e)),1)],10,["href","onClick"])])),_:2},1032,["to"])):(t(),n("a",{key:1,href:e.url,class:x.getHeaderLinkClass(e),onClick:t=>x.onItemClick(t,e),onKeydown:t=>x.onItemKeydown(t,e),tabindex:x.disabled(e)?null:"0","aria-expanded":x.isActive(e),id:x.ariaId+"_header_"+l,"aria-controls":x.ariaId+"_content_"+l},[e.items?(t(),n("span",{key:0,class:x.getPanelToggleIcon(e)},null,2)):d("",!0),e.icon?(t(),n("span",{key:1,class:x.getPanelIcon(e)},null,2)):d("",!0),s("span",I,o(x.label(e)),1)],42,["href","onClick","onKeydown","tabindex","aria-expanded","id","aria-controls"]))],64))],6),s(m,{name:"p-toggleable-content"},{default:a((()=>[p(s("div",{class:"p-toggleable-content",role:"region",id:x.ariaId+"_content_"+l,"aria-labelledby":x.ariaId+"_header_"+l},[e.items?(t(),n("div",C,[s(K,{model:e.items,class:"p-panelmenu-root-submenu",template:u.$slots.item,expandedKeys:v.expandedKeys,onItemToggle:x.updateExpandedKeys,exact:v.exact},null,8,["model","template","expandedKeys","onItemToggle","exact"])])):d("",!0)],8,["id","aria-labelledby"]),[[r,x.isActive(e)]])])),_:2},1024)],6)):d("",!0)],64)))),128))])};export default g;
+import{resolveComponent as e,openBlock as t,createElementBlock as n,Fragment as i,renderList as l,normalizeClass as a,normalizeStyle as s,createBlock as o,withCtx as d,createElementVNode as c,toDisplayString as m,createCommentVNode as p,resolveDynamicComponent as r,createVNode as u,Transition as y,withDirectives as v,vShow as b}from"vue";import{UniqueComponentId as h}from"primevue/utils";var x={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 g={class:"p-submenu-list",role:"tree"},k=["href","onClick","aria-expanded"],f={class:"p-menuitem-text"},I=["href","target","onClick","onKeydown","aria-expanded","tabindex"],C={class:"p-menuitem-text"},K={class:"p-toggleable-content"};x.render=function(h,x,A,w,_,E){const P=e("router-link"),S=e("PanelMenuSub",!0);return t(),n("ul",g,[(t(!0),n(i,null,l(A.model,((e,l)=>(t(),n(i,{key:E.label(e)+l.toString()},[E.visible(e)&&!e.separator?(t(),n("li",{key:0,role:"none",class:a(E.getItemClass(e)),style:s(e.style)},[A.template?(t(),o(r(A.template),{key:1,item:e},null,8,["item"])):(t(),n(i,{key:0},[e.to&&!E.disabled(e)?(t(),o(P,{key:0,to:e.to,custom:""},{default:d((({navigate:t,href:n,isActive:i,isExactActive:l})=>[c("a",{href:n,class:a(E.linkClass(e,{isActive:i,isExactActive:l})),onClick:n=>E.onItemClick(n,e,t),role:"treeitem","aria-expanded":E.isActive(e)},[c("span",{class:a(["p-menuitem-icon",e.icon])},null,2),c("span",f,m(E.label(e)),1)],10,k)])),_:2},1032,["to"])):(t(),n("a",{key:1,href:e.url,class:a(E.linkClass(e)),target:e.target,onClick:t=>E.onItemClick(t,e),onKeydown:t=>E.onItemKeydown(t,e),role:"treeitem","aria-expanded":E.isActive(e),tabindex:E.disabled(e)?null:"0"},[e.items?(t(),n("span",{key:0,class:a(E.getSubmenuIcon(e))},null,2)):p("",!0),c("span",{class:a(["p-menuitem-icon",e.icon])},null,2),c("span",C,m(E.label(e)),1)],42,I))],64)),u(y,{name:"p-toggleable-content"},{default:d((()=>[v(c("div",K,[E.visible(e)&&e.items?(t(),o(S,{model:e.items,key:E.label(e)+"_sub_",template:A.template,expandedKeys:A.expandedKeys,onItemToggle:x[0]||(x[0]=e=>h.$emit("item-toggle",e)),exact:A.exact},null,8,["model","template","expandedKeys","exact"])):p("",!0)],512),[[b,E.isActive(e)]])])),_:2},1024)],6)):p("",!0),E.visible(e)&&e.separator?(t(),n("li",{class:a(["p-menu-separator",e.class]),style:s(e.style),key:"separator"+l.toString()},null,6)):p("",!0)],64)))),128))])};var A={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:x},computed:{ariaId:()=>h()}};const w={class:"p-panelmenu p-component"},_=["href","onClick"],E={class:"p-menuitem-text"},P=["href","onClick","onKeydown","tabindex","aria-expanded","id","aria-controls"],S={class:"p-menuitem-text"},T=["id","aria-labelledby"],$={key:0,class:"p-panelmenu-content"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.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"),A.render=function(h,x,g,k,f,I){const C=e("router-link"),K=e("PanelMenuSub");return t(),n("div",w,[(t(!0),n(i,null,l(g.model,((e,l)=>(t(),n(i,{key:I.label(e)+"_"+l},[I.visible(e)?(t(),n("div",{key:0,class:a(I.getPanelClass(e)),style:s(e.style)},[c("div",{class:a(I.getHeaderClass(e)),style:s(e.style)},[h.$slots.item?(t(),o(r(h.$slots.item),{key:1,item:e},null,8,["item"])):(t(),n(i,{key:0},[e.to&&!I.disabled(e)?(t(),o(C,{key:0,to:e.to,custom:""},{default:d((({navigate:i,href:l,isActive:s,isExactActive:o})=>[c("a",{href:l,class:a(I.getHeaderLinkClass(e,{isActive:s,isExactActive:o})),onClick:t=>I.onItemClick(t,e,i),role:"treeitem"},[e.icon?(t(),n("span",{key:0,class:a(I.getPanelIcon(e))},null,2)):p("",!0),c("span",E,m(I.label(e)),1)],10,_)])),_:2},1032,["to"])):(t(),n("a",{key:1,href:e.url,class:a(I.getHeaderLinkClass(e)),onClick:t=>I.onItemClick(t,e),onKeydown:t=>I.onItemKeydown(t,e),tabindex:I.disabled(e)?null:"0","aria-expanded":I.isActive(e),id:I.ariaId+"_header_"+l,"aria-controls":I.ariaId+"_content_"+l},[e.items?(t(),n("span",{key:0,class:a(I.getPanelToggleIcon(e))},null,2)):p("",!0),e.icon?(t(),n("span",{key:1,class:a(I.getPanelIcon(e))},null,2)):p("",!0),c("span",S,m(I.label(e)),1)],42,P))],64))],6),u(y,{name:"p-toggleable-content"},{default:d((()=>[v(c("div",{class:"p-toggleable-content",role:"region",id:I.ariaId+"_content_"+l,"aria-labelledby":I.ariaId+"_header_"+l},[e.items?(t(),n("div",$,[u(K,{model:e.items,class:"p-panelmenu-root-submenu",template:h.$slots.item,expandedKeys:g.expandedKeys,onItemToggle:I.updateExpandedKeys,exact:g.exact},null,8,["model","template","expandedKeys","onItemToggle","exact"])])):p("",!0)],8,T),[[b,I.isActive(e)]])])),_:2},1024)],6)):p("",!0)],64)))),128))])};export{A as default};

package/panelmenu/panelmenu.js

@@ -95,28 +95,30 @@ this.primevue.panelmenu = (function (vue, utils) {
       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,
@@ -124,25 +126,25 @@ this.primevue.panelmenu = (function (vue, utils) {
                               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)),
@@ -151,16 +153,16 @@ this.primevue.panelmenu = (function (vue, utils) {
                               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,
@@ -168,14 +170,14 @@ this.primevue.panelmenu = (function (vue, utils) {
                       }, 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)
@@ -188,9 +190,9 @@ this.primevue.panelmenu = (function (vue, utils) {
                 ], 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)
@@ -313,9 +315,12 @@ this.primevue.panelmenu = (function (vue, utils) {
     };
 
     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"
     };
@@ -324,23 +329,23 @@ this.primevue.panelmenu = (function (vue, utils) {
       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,
@@ -348,27 +353,27 @@ this.primevue.panelmenu = (function (vue, utils) {
                                 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',
@@ -377,19 +382,19 @@ this.primevue.panelmenu = (function (vue, utils) {
                                 "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,
@@ -398,14 +403,14 @@ this.primevue.panelmenu = (function (vue, utils) {
                   ], 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",
@@ -416,7 +421,7 @@ this.primevue.panelmenu = (function (vue, utils) {
                               }, null, 8, ["model", "template", "expandedKeys", "onItemToggle", "exact"])
                             ]))
                           : vue.createCommentVNode("", true)
-                      ], 8, ["id", "aria-labelledby"]), [
+                      ], 8, _hoisted_6), [
                         [vue.vShow, $options.isActive(item)]
                       ])
                     ]),
@@ -463,4 +468,4 @@ this.primevue.panelmenu = (function (vue, utils) {
 
     return script;
 
-}(Vue, primevue.utils));
+})(Vue, primevue.utils);