primevue 3.16.2 → 3.17.0

package/panelmenu/panelmenu.esm.js

@@ -5,7 +5,7 @@ var script$1 = {
     name: 'PanelMenuSub',
     emits: ['item-toggle'],
     props: {
-		model: {
+        model: {
             type: null,
             default: null
         },
@@ -25,7 +25,7 @@ var script$1 = {
     data() {
         return {
             activeItem: null
-        }
+        };
     },
     methods: {
         onItemClick(event, item, navigate) {
@@ -35,6 +35,7 @@ var script$1 = {
 
             if (this.disabled(item)) {
                 event.preventDefault();
+
                 return;
             }
 
@@ -45,12 +46,10 @@ var script$1 = {
                 });
             }
 
-            if (this.activeItem && this.activeItem === item)
-                this.activeItem = null;
-            else
-                this.activeItem = item;
+            if (this.activeItem && this.activeItem === item) this.activeItem = null;
+            else this.activeItem = item;
 
-            this.$emit('item-toggle', {item: item, expanded: this.activeItem != null});
+            this.$emit('item-toggle', { item: item, expanded: this.activeItem != null });
 
             if (item.to && navigate) {
                 navigate(event);
@@ -65,27 +64,31 @@ var script$1 = {
             return ['p-menuitem', item.className];
         },
         linkClass(item, routerProps) {
-            return ['p-menuitem-link', {
-                'p-disabled': this.disabled(item),
-                'router-link-active': routerProps && routerProps.isActive,
-                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-            }];
+            return [
+                'p-menuitem-link',
+                {
+                    'p-disabled': this.disabled(item),
+                    'router-link-active': routerProps && routerProps.isActive,
+                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                }
+            ];
         },
         isActive(item) {
             return this.expandedKeys ? this.expandedKeys[item.key] : item === this.activeItem;
         },
         getSubmenuIcon(item) {
             const active = this.isActive(item);
-            return ['p-panelmenu-icon pi pi-fw', {'pi-angle-right': !active, 'pi-angle-down': active}];
+
+            return ['p-panelmenu-icon pi pi-fw', { 'pi-angle-right': !active, 'pi-angle-down': active }];
         },
         visible(item) {
-            return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
+            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
         },
         disabled(item) {
-            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
         },
         label(item) {
-            return (typeof item.label === 'function' ? item.label() : item.label);
+            return typeof item.label === 'function' ? item.label() : item.label;
         }
     }
 };
@@ -124,10 +127,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                           to: item.to,
                           custom: ""
                         }, {
-                          default: withCtx(({navigate, href, isActive:isRouterActive, isExactActive}) => [
+                          default: withCtx(({ navigate, href, isActive: isRouterActive, isExactActive }) => [
                             createElementVNode("a", {
                               href: href,
-                              class: normalizeClass($options.linkClass(item, {isActive:isRouterActive, isExactActive})),
+                              class: normalizeClass($options.linkClass(item, { isActive: isRouterActive, isExactActive })),
                               onClick: $event => ($options.onItemClick($event, item, navigate)),
                               role: "treeitem",
                               "aria-expanded": $options.isActive(item)
@@ -172,8 +175,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   withDirectives(createElementVNode("div", _hoisted_6$1, [
                     ($options.visible(item) && item.items)
                       ? (openBlock(), createBlock(_component_PanelMenuSub, {
-                          model: item.items,
                           key: $options.label(item) + '_sub_',
+                          model: item.items,
                           template: $props.template,
                           expandedKeys: $props.expandedKeys,
                           onItemToggle: _cache[0] || (_cache[0] = $event => (_ctx.$emit('item-toggle', $event))),
@@ -190,9 +193,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           : createCommentVNode("", true),
         ($options.visible(item) && item.separator)
           ? (openBlock(), createElementBlock("li", {
+              key: 'separator' + i.toString(),
               class: normalizeClass(['p-menu-separator', item.class]),
-              style: normalizeStyle(item.style),
-              key: 'separator' + i.toString()
+              style: normalizeStyle(item.style)
             }, null, 6))
           : createCommentVNode("", true)
       ], 64))
@@ -206,7 +209,7 @@ var script = {
     name: 'PanelMenu',
     emits: ['update:expandedKeys'],
     props: {
-		model: {
+        model: {
             type: Array,
             default: null
         },
@@ -222,7 +225,7 @@ var script = {
     data() {
         return {
             activeItem: null
-        }
+        };
     },
     methods: {
         onItemClick(event, item, navigate) {
@@ -232,6 +235,7 @@ var script = {
 
             if (this.disabled(item)) {
                 event.preventDefault();
+
                 return;
             }
 
@@ -242,12 +246,10 @@ var script = {
                 });
             }
 
-            if (this.activeItem && this.activeItem === item)
-                this.activeItem = null;
-            else
-                this.activeItem = item;
+            if (this.activeItem && this.activeItem === item) this.activeItem = null;
+            else this.activeItem = item;
 
-            this.updateExpandedKeys({item: item, expanded: this.activeItem != null});
+            this.updateExpandedKeys({ item: item, expanded: this.activeItem != null });
 
             if (item.to && navigate) {
                 navigate(event);
@@ -261,12 +263,10 @@ var script = {
         updateExpandedKeys(event) {
             if (this.expandedKeys) {
                 let item = event.item;
-                let _keys = {...this.expandedKeys};
+                let _keys = { ...this.expandedKeys };
 
-                if (event.expanded)
-                    _keys[item.key] = true;
-                else
-                    delete _keys[item.key];
+                if (event.expanded) _keys[item.key] = true;
+                else delete _keys[item.key];
 
                 this.$emit('update:expandedKeys', _keys);
             }
@@ -276,47 +276,51 @@ var script = {
         },
         getPanelToggleIcon(item) {
             const active = this.isActive(item);
-            return ['p-panelmenu-icon pi', {'pi-chevron-right': !active,' pi-chevron-down': active}];
+
+            return ['p-panelmenu-icon pi', { 'pi-chevron-right': !active, ' pi-chevron-down': active }];
         },
         getPanelIcon(item) {
             return ['p-menuitem-icon', item.icon];
         },
         getHeaderLinkClass(item, routerProps) {
-            return ['p-panelmenu-header-link', {
-                'router-link-active': routerProps && routerProps.isActive,
-                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-            }];
+            return [
+                'p-panelmenu-header-link',
+                {
+                    'router-link-active': routerProps && routerProps.isActive,
+                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                }
+            ];
         },
         isActive(item) {
             return this.expandedKeys ? this.expandedKeys[item.key] : item === this.activeItem;
         },
         getHeaderClass(item) {
-            return ['p-component p-panelmenu-header', {'p-highlight': this.isActive(item), 'p-disabled': this.disabled(item)}];
+            return ['p-component p-panelmenu-header', { 'p-highlight': this.isActive(item), 'p-disabled': this.disabled(item) }];
         },
         visible(item) {
-            return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
+            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
         },
         disabled(item) {
-            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
         },
         label(item) {
-            return (typeof item.label === 'function' ? item.label() : item.label);
+            return typeof item.label === 'function' ? item.label() : item.label;
         }
     },
-    components: {
-        'PanelMenuSub': script$1
-    },
     computed: {
         ariaId() {
             return UniqueComponentId();
         }
+    },
+    components: {
+        PanelMenuSub: script$1
     }
 };
 
 const _hoisted_1 = { class: "p-panelmenu p-component" };
 const _hoisted_2 = ["href", "onClick"];
 const _hoisted_3 = { class: "p-menuitem-text" };
-const _hoisted_4 = ["href", "onClick", "onKeydown", "tabindex", "aria-expanded", "id", "aria-controls"];
+const _hoisted_4 = ["id", "href", "onClick", "onKeydown", "tabindex", "aria-expanded", "aria-controls"];
 const _hoisted_5 = { class: "p-menuitem-text" };
 const _hoisted_6 = ["id", "aria-labelledby"];
 const _hoisted_7 = {
@@ -351,10 +355,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             to: item.to,
                             custom: ""
                           }, {
-                            default: withCtx(({navigate, href, isActive, isExactActive}) => [
+                            default: withCtx(({ navigate, href, isActive, isExactActive }) => [
                               createElementVNode("a", {
                                 href: href,
-                                class: normalizeClass($options.getHeaderLinkClass(item, {isActive, isExactActive})),
+                                class: normalizeClass($options.getHeaderLinkClass(item, { isActive, isExactActive })),
                                 onClick: $event => ($options.onItemClick($event, item, navigate)),
                                 role: "treeitem"
                               }, [
@@ -371,14 +375,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           }, 1032, ["to"]))
                         : (openBlock(), createElementBlock("a", {
                             key: 1,
+                            id: $options.ariaId + '_header_' + index,
                             href: item.url,
                             class: normalizeClass($options.getHeaderLinkClass(item)),
                             onClick: $event => ($options.onItemClick($event, item)),
                             onKeydown: $event => ($options.onItemKeydown($event, item)),
                             tabindex: $options.disabled(item) ? null : '0',
                             "aria-expanded": $options.isActive(item),
-                            id: $options.ariaId +'_header_' + index,
-                            "aria-controls": $options.ariaId +'_content_' + index
+                            "aria-controls": $options.ariaId + '_content_' + index
                           }, [
                             (item.items)
                               ? (openBlock(), createElementBlock("span", {
@@ -403,10 +407,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               createVNode(Transition, { name: "p-toggleable-content" }, {
                 default: withCtx(() => [
                   withDirectives(createElementVNode("div", {
+                    id: $options.ariaId + '_content_' + index,
                     class: "p-toggleable-content",
                     role: "region",
-                    id: $options.ariaId +'_content_' + index,
-                    "aria-labelledby": $options.ariaId +'_header_' + index
+                    "aria-labelledby": $options.ariaId + '_header_' + index
                   }, [
                     (item.items)
                       ? (openBlock(), createElementBlock("div", _hoisted_7, [

package/panelmenu/panelmenu.esm.min.js

@@ -1 +1 @@
-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};
+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,{key:E.label(e)+"_sub_",model:e.items,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",{key:"separator"+l.toString(),class:a(["p-menu-separator",e.class]),style:s(e.style)},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},computed:{ariaId:()=>h()},components:{PanelMenuSub:x}};const w={class:"p-panelmenu p-component"},_=["href","onClick"],E={class:"p-menuitem-text"},P=["id","href","onClick","onKeydown","tabindex","aria-expanded","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,id:I.ariaId+"_header_"+l,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),"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",{id:I.ariaId+"_content_"+l,class:"p-toggleable-content",role:"region","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

@@ -6,7 +6,7 @@ this.primevue.panelmenu = (function (vue, utils) {
         name: 'PanelMenuSub',
         emits: ['item-toggle'],
         props: {
-    		model: {
+            model: {
                 type: null,
                 default: null
             },
@@ -26,7 +26,7 @@ this.primevue.panelmenu = (function (vue, utils) {
         data() {
             return {
                 activeItem: null
-            }
+            };
         },
         methods: {
             onItemClick(event, item, navigate) {
@@ -36,6 +36,7 @@ this.primevue.panelmenu = (function (vue, utils) {
 
                 if (this.disabled(item)) {
                     event.preventDefault();
+
                     return;
                 }
 
@@ -46,12 +47,10 @@ this.primevue.panelmenu = (function (vue, utils) {
                     });
                 }
 
-                if (this.activeItem && this.activeItem === item)
-                    this.activeItem = null;
-                else
-                    this.activeItem = item;
+                if (this.activeItem && this.activeItem === item) this.activeItem = null;
+                else this.activeItem = item;
 
-                this.$emit('item-toggle', {item: item, expanded: this.activeItem != null});
+                this.$emit('item-toggle', { item: item, expanded: this.activeItem != null });
 
                 if (item.to && navigate) {
                     navigate(event);
@@ -66,27 +65,31 @@ this.primevue.panelmenu = (function (vue, utils) {
                 return ['p-menuitem', item.className];
             },
             linkClass(item, routerProps) {
-                return ['p-menuitem-link', {
-                    'p-disabled': this.disabled(item),
-                    'router-link-active': routerProps && routerProps.isActive,
-                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-                }];
+                return [
+                    'p-menuitem-link',
+                    {
+                        'p-disabled': this.disabled(item),
+                        'router-link-active': routerProps && routerProps.isActive,
+                        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                    }
+                ];
             },
             isActive(item) {
                 return this.expandedKeys ? this.expandedKeys[item.key] : item === this.activeItem;
             },
             getSubmenuIcon(item) {
                 const active = this.isActive(item);
-                return ['p-panelmenu-icon pi pi-fw', {'pi-angle-right': !active, 'pi-angle-down': active}];
+
+                return ['p-panelmenu-icon pi pi-fw', { 'pi-angle-right': !active, 'pi-angle-down': active }];
             },
             visible(item) {
-                return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
+                return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
             },
             disabled(item) {
-                return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+                return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
             },
             label(item) {
-                return (typeof item.label === 'function' ? item.label() : item.label);
+                return typeof item.label === 'function' ? item.label() : item.label;
             }
         }
     };
@@ -125,10 +128,10 @@ this.primevue.panelmenu = (function (vue, utils) {
                               to: item.to,
                               custom: ""
                             }, {
-                              default: vue.withCtx(({navigate, href, isActive:isRouterActive, isExactActive}) => [
+                              default: vue.withCtx(({ navigate, href, isActive: isRouterActive, isExactActive }) => [
                                 vue.createElementVNode("a", {
                                   href: href,
-                                  class: vue.normalizeClass($options.linkClass(item, {isActive: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)
@@ -173,8 +176,8 @@ this.primevue.panelmenu = (function (vue, utils) {
                       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_',
+                              model: item.items,
                               template: $props.template,
                               expandedKeys: $props.expandedKeys,
                               onItemToggle: _cache[0] || (_cache[0] = $event => (_ctx.$emit('item-toggle', $event))),
@@ -191,9 +194,9 @@ this.primevue.panelmenu = (function (vue, utils) {
               : vue.createCommentVNode("", true),
             ($options.visible(item) && item.separator)
               ? (vue.openBlock(), vue.createElementBlock("li", {
+                  key: 'separator' + i.toString(),
                   class: vue.normalizeClass(['p-menu-separator', item.class]),
-                  style: vue.normalizeStyle(item.style),
-                  key: 'separator' + i.toString()
+                  style: vue.normalizeStyle(item.style)
                 }, null, 6))
               : vue.createCommentVNode("", true)
           ], 64))
@@ -207,7 +210,7 @@ this.primevue.panelmenu = (function (vue, utils) {
         name: 'PanelMenu',
         emits: ['update:expandedKeys'],
         props: {
-    		model: {
+            model: {
                 type: Array,
                 default: null
             },
@@ -223,7 +226,7 @@ this.primevue.panelmenu = (function (vue, utils) {
         data() {
             return {
                 activeItem: null
-            }
+            };
         },
         methods: {
             onItemClick(event, item, navigate) {
@@ -233,6 +236,7 @@ this.primevue.panelmenu = (function (vue, utils) {
 
                 if (this.disabled(item)) {
                     event.preventDefault();
+
                     return;
                 }
 
@@ -243,12 +247,10 @@ this.primevue.panelmenu = (function (vue, utils) {
                     });
                 }
 
-                if (this.activeItem && this.activeItem === item)
-                    this.activeItem = null;
-                else
-                    this.activeItem = item;
+                if (this.activeItem && this.activeItem === item) this.activeItem = null;
+                else this.activeItem = item;
 
-                this.updateExpandedKeys({item: item, expanded: this.activeItem != null});
+                this.updateExpandedKeys({ item: item, expanded: this.activeItem != null });
 
                 if (item.to && navigate) {
                     navigate(event);
@@ -262,12 +264,10 @@ this.primevue.panelmenu = (function (vue, utils) {
             updateExpandedKeys(event) {
                 if (this.expandedKeys) {
                     let item = event.item;
-                    let _keys = {...this.expandedKeys};
+                    let _keys = { ...this.expandedKeys };
 
-                    if (event.expanded)
-                        _keys[item.key] = true;
-                    else
-                        delete _keys[item.key];
+                    if (event.expanded) _keys[item.key] = true;
+                    else delete _keys[item.key];
 
                     this.$emit('update:expandedKeys', _keys);
                 }
@@ -277,47 +277,51 @@ this.primevue.panelmenu = (function (vue, utils) {
             },
             getPanelToggleIcon(item) {
                 const active = this.isActive(item);
-                return ['p-panelmenu-icon pi', {'pi-chevron-right': !active,' pi-chevron-down': active}];
+
+                return ['p-panelmenu-icon pi', { 'pi-chevron-right': !active, ' pi-chevron-down': active }];
             },
             getPanelIcon(item) {
                 return ['p-menuitem-icon', item.icon];
             },
             getHeaderLinkClass(item, routerProps) {
-                return ['p-panelmenu-header-link', {
-                    'router-link-active': routerProps && routerProps.isActive,
-                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-                }];
+                return [
+                    'p-panelmenu-header-link',
+                    {
+                        'router-link-active': routerProps && routerProps.isActive,
+                        'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                    }
+                ];
             },
             isActive(item) {
                 return this.expandedKeys ? this.expandedKeys[item.key] : item === this.activeItem;
             },
             getHeaderClass(item) {
-                return ['p-component p-panelmenu-header', {'p-highlight': this.isActive(item), 'p-disabled': this.disabled(item)}];
+                return ['p-component p-panelmenu-header', { 'p-highlight': this.isActive(item), 'p-disabled': this.disabled(item) }];
             },
             visible(item) {
-                return (typeof item.visible === 'function' ? item.visible() : item.visible !== false);
+                return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
             },
             disabled(item) {
-                return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+                return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
             },
             label(item) {
-                return (typeof item.label === 'function' ? item.label() : item.label);
+                return typeof item.label === 'function' ? item.label() : item.label;
             }
         },
-        components: {
-            'PanelMenuSub': script$1
-        },
         computed: {
             ariaId() {
                 return utils.UniqueComponentId();
             }
+        },
+        components: {
+            PanelMenuSub: script$1
         }
     };
 
     const _hoisted_1 = { class: "p-panelmenu p-component" };
     const _hoisted_2 = ["href", "onClick"];
     const _hoisted_3 = { class: "p-menuitem-text" };
-    const _hoisted_4 = ["href", "onClick", "onKeydown", "tabindex", "aria-expanded", "id", "aria-controls"];
+    const _hoisted_4 = ["id", "href", "onClick", "onKeydown", "tabindex", "aria-expanded", "aria-controls"];
     const _hoisted_5 = { class: "p-menuitem-text" };
     const _hoisted_6 = ["id", "aria-labelledby"];
     const _hoisted_7 = {
@@ -352,10 +356,10 @@ this.primevue.panelmenu = (function (vue, utils) {
                                 to: item.to,
                                 custom: ""
                               }, {
-                                default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
+                                default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
                                   vue.createElementVNode("a", {
                                     href: href,
-                                    class: vue.normalizeClass($options.getHeaderLinkClass(item, {isActive, isExactActive})),
+                                    class: vue.normalizeClass($options.getHeaderLinkClass(item, { isActive, isExactActive })),
                                     onClick: $event => ($options.onItemClick($event, item, navigate)),
                                     role: "treeitem"
                                   }, [
@@ -372,14 +376,14 @@ this.primevue.panelmenu = (function (vue, utils) {
                               }, 1032, ["to"]))
                             : (vue.openBlock(), vue.createElementBlock("a", {
                                 key: 1,
+                                id: $options.ariaId + '_header_' + index,
                                 href: item.url,
                                 class: vue.normalizeClass($options.getHeaderLinkClass(item)),
                                 onClick: $event => ($options.onItemClick($event, item)),
                                 onKeydown: $event => ($options.onItemKeydown($event, item)),
                                 tabindex: $options.disabled(item) ? null : '0',
                                 "aria-expanded": $options.isActive(item),
-                                id: $options.ariaId +'_header_' + index,
-                                "aria-controls": $options.ariaId +'_content_' + index
+                                "aria-controls": $options.ariaId + '_content_' + index
                               }, [
                                 (item.items)
                                   ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -404,10 +408,10 @@ this.primevue.panelmenu = (function (vue, utils) {
                   vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
                     default: vue.withCtx(() => [
                       vue.withDirectives(vue.createElementVNode("div", {
+                        id: $options.ariaId + '_content_' + index,
                         class: "p-toggleable-content",
                         role: "region",
-                        id: $options.ariaId +'_content_' + index,
-                        "aria-labelledby": $options.ariaId +'_header_' + index
+                        "aria-labelledby": $options.ariaId + '_header_' + index
                       }, [
                         (item.items)
                           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [