primevue 3.16.2 → 3.17.0

package/menubar/menubar.js

@@ -40,6 +40,11 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
             }
         },
         documentClickListener: null,
+        data() {
+            return {
+                activeItem: null
+            };
+        },
         watch: {
             parentActive(newValue) {
                 if (!newValue) {
@@ -47,11 +52,6 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
                 }
             }
         },
-        data() {
-            return {
-                activeItem: null
-            }
-        },
         updated() {
             if (this.root && this.activeItem) {
                 this.bindDocumentClickListener();
@@ -64,6 +64,7 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
             onItemMouseEnter(event, item) {
                 if (this.disabled(item) || this.mobileActive) {
                     event.preventDefault();
+
                     return;
                 }
 
@@ -71,14 +72,14 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
                     if (this.activeItem || this.popup) {
                         this.activeItem = item;
                     }
-                }
-                else {
+                } else {
                     this.activeItem = item;
                 }
             },
             onItemClick(event, item, navigate) {
                 if (this.disabled(item)) {
                     event.preventDefault();
+
                     return;
                 }
 
@@ -90,10 +91,8 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
                 }
 
                 if (item.items) {
-                    if (this.activeItem && item === this.activeItem)
-                        this.activeItem = null;
-                    else
-                        this.activeItem = item;
+                    if (this.activeItem && item === this.activeItem) this.activeItem = null;
+                    else this.activeItem = item;
                 }
 
                 if (!item.items) {
@@ -111,20 +110,19 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
             onItemKeyDown(event, item) {
                 let listItem = event.currentTarget.parentElement;
 
-                switch(event.which) {
+                switch (event.which) {
                     //down
                     case 40:
                         if (this.root) {
                             if (item.items) {
                                 this.expandSubmenu(item, listItem);
                             }
-                        }
-                        else {
+                        } else {
                             this.navigateToNextItem(listItem);
                         }
 
                         event.preventDefault();
-                    break;
+                        break;
 
                     //up
                     case 38:
@@ -133,24 +131,24 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
                         }
 
                         event.preventDefault();
-                    break;
+                        break;
 
                     //right
                     case 39:
                         if (this.root) {
                             var nextItem = this.findNextItem(listItem);
+
                             if (nextItem) {
                                 nextItem.children[0].focus();
                             }
-                        }
-                        else {
+                        } else {
                             if (item.items) {
                                 this.expandSubmenu(item, listItem);
                             }
                         }
 
                         event.preventDefault();
-                    break;
+                        break;
 
                     //left
                     case 37:
@@ -159,7 +157,7 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
                         }
 
                         event.preventDefault();
-                    break;
+                        break;
                 }
 
                 this.$emit('keydown-item', {
@@ -173,8 +171,7 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
                     if (event.originalEvent.which === 38 && event.element.previousElementSibling == null) {
                         this.collapseMenu(event.element);
                     }
-                }
-                else {
+                } else {
                     //left
                     if (event.originalEvent.which === 37) {
                         this.collapseMenu(event.element);
@@ -184,18 +181,14 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
             findNextItem(item) {
                 let nextItem = item.nextElementSibling;
 
-                if (nextItem)
-                    return utils.DomHandler.hasClass(nextItem, 'p-disabled') || !utils.DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;
-                else
-                    return null;
+                if (nextItem) return utils.DomHandler.hasClass(nextItem, 'p-disabled') || !utils.DomHandler.hasClass(nextItem, 'p-menuitem') ? this.findNextItem(nextItem) : nextItem;
+                else return null;
             },
             findPrevItem(item) {
                 let prevItem = item.previousElementSibling;
 
-                if (prevItem)
-                    return utils.DomHandler.hasClass(prevItem, 'p-disabled') || !utils.DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;
-                else
-                    return null;
+                if (prevItem) return utils.DomHandler.hasClass(prevItem, 'p-disabled') || !utils.DomHandler.hasClass(prevItem, 'p-menuitem') ? this.findPrevItem(prevItem) : prevItem;
+                else return null;
             },
             expandSubmenu(item, listItem) {
                 this.activeItem = item;
@@ -210,29 +203,36 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
             },
             navigateToNextItem(listItem) {
                 var nextItem = this.findNextItem(listItem);
+
                 if (nextItem) {
                     nextItem.children[0].focus();
                 }
             },
             navigateToPrevItem(listItem) {
                 var prevItem = this.findPrevItem(listItem);
+
                 if (prevItem) {
                     prevItem.children[0].focus();
                 }
             },
             getItemClass(item) {
                 return [
-                    'p-menuitem', item.class, {
+                    'p-menuitem',
+                    item.class,
+                    {
                         'p-menuitem-active': this.activeItem === item
                     }
-                ]
+                ];
             },
             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
+                    }
+                ];
             },
             bindDocumentClickListener() {
                 if (!this.documentClickListener) {
@@ -253,27 +253,25 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
                 }
             },
             getSubmenuIcon() {
-                return [
-                    'p-submenu-icon pi', {'pi-angle-right': !this.root, 'pi-angle-down': this.root}
-                ];
+                return ['p-submenu-icon pi', { 'pi-angle-right': !this.root, 'pi-angle-down': this.root }];
             },
             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;
             }
         },
         computed: {
             containerClass() {
-                return {'p-submenu-list': !this.root, 'p-menubar-root-list': this.root};
+                return { 'p-submenu-list': !this.root, 'p-menubar-root-list': this.root };
             }
         },
         directives: {
-            'ripple': Ripple__default["default"]
+            ripple: Ripple__default["default"]
         }
     };
 
@@ -313,11 +311,11 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
                               to: item.to,
                               custom: ""
                             }, {
-                              default: vue.withCtx(({navigate, href, isActive, isExactActive}) => [
+                              default: vue.withCtx(({ navigate, href, isActive, isExactActive }) => [
                                 vue.withDirectives((vue.openBlock(), vue.createElementBlock("a", {
                                   href: href,
                                   onClick: $event => ($options.onItemClick($event, item, navigate)),
-                                  class: vue.normalizeClass($options.linkClass(item, {isActive, isExactActive})),
+                                  class: vue.normalizeClass($options.linkClass(item, { isActive, isExactActive })),
                                   onKeydown: $event => ($options.onItemKeyDown($event, item)),
                                   role: "menuitem"
                                 }, [
@@ -369,8 +367,8 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
                       }, null, 8, ["item"])),
                   ($options.visible(item) && item.items)
                     ? (vue.openBlock(), vue.createBlock(_component_MenubarSub, {
-                        model: item.items,
                         key: $options.label(item) + '_sub_',
+                        model: item.items,
                         mobileActive: $props.mobileActive,
                         onLeafClick: $options.onLeafClick,
                         onKeydownItem: $options.onChildItemKeyDown,
@@ -383,9 +381,9 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
               : 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(),
                   role: "separator"
                 }, null, 6))
               : vue.createCommentVNode("", true)
@@ -399,7 +397,7 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
     var script = {
         name: 'Menubar',
         props: {
-    		model: {
+            model: {
                 type: Array,
                 default: null
             },
@@ -412,11 +410,12 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
         data() {
             return {
                 mobileActive: false
-            }
+            };
         },
         beforeUnmount() {
             this.mobileActive = false;
             this.unbindOutsideClickListener();
+
             if (this.$refs.rootmenu && this.$refs.rootmenu.$el) {
                 utils.ZIndexUtils.clear(this.$refs.rootmenu.$el);
             }
@@ -426,8 +425,7 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
                 if (this.mobileActive) {
                     this.mobileActive = false;
                     utils.ZIndexUtils.clear(this.$refs.rootmenu.$el);
-                }
-                else {
+                } else {
                     this.mobileActive = true;
                     utils.ZIndexUtils.set('menu', this.$refs.rootmenu.$el, this.$primevue.config.zIndex.menu);
                 }
@@ -438,11 +436,11 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
             bindOutsideClickListener() {
                 if (!this.outsideClickListener) {
                     this.outsideClickListener = (event) => {
-                        if (this.mobileActive && this.$refs.rootmenu.$el !== event.target && !this.$refs.rootmenu.$el.contains(event.target)
-                            && this.$refs.menubutton !== event.target && !this.$refs.menubutton.contains(event.target)) {
+                        if (this.mobileActive && this.$refs.rootmenu.$el !== event.target && !this.$refs.rootmenu.$el.contains(event.target) && this.$refs.menubutton !== event.target && !this.$refs.menubutton.contains(event.target)) {
                             this.mobileActive = false;
                         }
                     };
+
                     document.addEventListener('click', this.outsideClickListener);
                 }
             },
@@ -458,11 +456,11 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
         },
         computed: {
             containerClass() {
-                return ['p-menubar p-component', {'p-menubar-mobile-active': this.mobileActive}];
+                return ['p-menubar p-component', { 'p-menubar-mobile-active': this.mobileActive }];
             }
         },
         components: {
-            'MenubarSub': script$1
+            MenubarSub: script$1
         }
     };
 
@@ -540,7 +538,7 @@ this.primevue.menubar = (function (utils, Ripple, vue) {
       }
     }
 
-    var css_248z = "\n.p-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .p-menuitem-link {\n    cursor: pointer;\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    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-root-list {\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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list  {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-decoration: none;\n}\n";
+    var css_248z = "\n.p-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .p-menuitem-link {\n    cursor: pointer;\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    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-root-list {\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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-decoration: none;\n}\n";
     styleInject(css_248z);
 
     script.render = render;

package/menubar/menubar.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.menubar=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"MenubarSub",emits:["keydown-item","leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},mobileActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},documentClickListener:null,watch:{parentActive(e){e||(this.activeItem=null)}},data:()=>({activeItem:null}),updated(){this.root&&this.activeItem&&this.bindDocumentClickListener()},beforeUnmount(){this.unbindDocumentClickListener()},methods:{onItemMouseEnter(e,t){this.disabled(t)||this.mobileActive?e.preventDefault():this.root?(this.activeItem||this.popup)&&(this.activeItem=t):this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onItemKeyDown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.root){var i=this.findNextItem(n);i&&i.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.root&&this.navigateToPrevItem(n),e.preventDefault()}this.$emit("keydown-item",{originalEvent:e,element:n})},onChildItemKeyDown(e){this.root?38===e.originalEvent.which&&null==e.element.previousElementSibling&&this.collapseMenu(e.element):37===e.originalEvent.which&&this.collapseMenu(e.element)},findNextItem(t){let n=t.nextElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null},findPrevItem(t){let n=t.previousElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null},expandSubmenu(e,t){this.activeItem=e,setTimeout((()=>{t.children[1].children[0].children[0].focus()}),50)},collapseMenu(e){this.activeItem=null,e.parentElement.previousElementSibling.focus()},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},getSubmenuIcon(){return["p-submenu-icon pi",{"pi-angle-right":!this.root,"pi-angle-down":this.root}]},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:{containerClass(){return{"p-submenu-list":!this.root,"p-menubar-root-list":this.root}}},directives:{ripple:i(t).default}};const o=["role"],s=["onMouseenter"],a=["href","onClick","onKeydown"],r={class:"p-menuitem-text"},c=["href","target","aria-haspopup","aria-expanded","onClick","onKeydown","tabindex"],m={class:"p-menuitem-text"};l.render=function(e,t,i,l,u,d){const p=n.resolveComponent("router-link"),b=n.resolveComponent("MenubarSub",!0),h=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("ul",{class:n.normalizeClass(d.containerClass),role:i.root?"menubar":"menu"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.model,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:d.label(e)+t.toString()},[d.visible(e)&&!e.separator?(n.openBlock(),n.createElementBlock("li",{key:0,role:"none",class:n.normalizeClass(d.getItemClass(e)),style:n.normalizeStyle(e.style),onMouseenter:t=>d.onItemMouseEnter(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[e.to&&!d.disabled(e)?(n.openBlock(),n.createBlock(p,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:l,isExactActive:o})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:i,onClick:n=>d.onItemClick(n,e,t),class:n.normalizeClass(d.linkClass(e,{isActive:l,isExactActive:o})),onKeydown:t=>d.onItemKeyDown(t,e),role:"menuitem"},[e.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",r,n.toDisplayString(d.label(e)),1)],42,a)),[[h]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:e.url,class:n.normalizeClass(d.linkClass(e)),target:e.target,"aria-haspopup":null!=e.items,"aria-expanded":e===u.activeItem,onClick:t=>d.onItemClick(t,e),onKeydown:t=>d.onItemKeyDown(t,e),role:"menuitem",tabindex:d.disabled(e)?null:"0"},[e.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",m,n.toDisplayString(d.label(e)),1),e.items?(n.openBlock(),n.createElementBlock("span",{key:1,class:n.normalizeClass(d.getSubmenuIcon())},null,2)):n.createCommentVNode("",!0)],42,c)),[[h]])],64)),d.visible(e)&&e.items?(n.openBlock(),n.createBlock(b,{model:e.items,key:d.label(e)+"_sub_",mobileActive:i.mobileActive,onLeafClick:d.onLeafClick,onKeydownItem:d.onChildItemKeyDown,parentActive:e===u.activeItem,template:i.template,exact:i.exact},null,8,["model","mobileActive","onLeafClick","onKeydownItem","parentActive","template","exact"])):n.createCommentVNode("",!0)],46,s)):n.createCommentVNode("",!0),d.visible(e)&&e.separator?(n.openBlock(),n.createElementBlock("li",{class:n.normalizeClass(["p-menu-separator",e.class]),style:n.normalizeStyle(e.style),key:"separator"+t.toString(),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],10,o)};var u={name:"Menubar",props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0}},outsideClickListener:null,data:()=>({mobileActive:!1}),beforeUnmount(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.$refs.rootmenu&&this.$refs.rootmenu.$el&&e.ZIndexUtils.clear(this.$refs.rootmenu.$el)},methods:{toggle(t){this.mobileActive?(this.mobileActive=!1,e.ZIndexUtils.clear(this.$refs.rootmenu.$el)):(this.mobileActive=!0,e.ZIndexUtils.set("menu",this.$refs.rootmenu.$el,this.$primevue.config.zIndex.menu)),this.bindOutsideClickListener(),t.preventDefault()},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{!this.mobileActive||this.$refs.rootmenu.$el===e.target||this.$refs.rootmenu.$el.contains(e.target)||this.$refs.menubutton===e.target||this.$refs.menubutton.contains(e.target)||(this.mobileActive=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},onLeafClick(){this.mobileActive=!1}},computed:{containerClass(){return["p-menubar p-component",{"p-menubar-mobile-active":this.mobileActive}]}},components:{MenubarSub:l}};const d={key:0,class:"p-menubar-start"},p=[n.createElementVNode("i",{class:"pi pi-bars"},null,-1)],b={key:1,class:"p-menubar-end"};return 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-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .p-menuitem-link {\n    cursor: pointer;\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    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-root-list {\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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list  {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-decoration: none;\n}\n"),u.render=function(e,t,i,l,o,s){const a=n.resolveComponent("MenubarSub");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(s.containerClass)},[e.$slots.start?(n.openBlock(),n.createElementBlock("div",d,[n.renderSlot(e.$slots,"start")])):n.createCommentVNode("",!0),n.createElementVNode("a",{ref:"menubutton",tabindex:"0",class:"p-menubar-button",onClick:t[0]||(t[0]=e=>s.toggle(e))},p,512),n.createVNode(a,{ref:"rootmenu",model:i.model,root:!0,mobileActive:o.mobileActive,onLeafClick:s.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","mobileActive","onLeafClick","template","exact"]),e.$slots.end?(n.openBlock(),n.createElementBlock("div",b,[n.renderSlot(e.$slots,"end")])):n.createCommentVNode("",!0)],2)},u}(primevue.utils,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.menubar=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l={name:"MenubarSub",emits:["keydown-item","leaf-click"],props:{model:{type:Array,default:null},root:{type:Boolean,default:!1},popup:{type:Boolean,default:!1},parentActive:{type:Boolean,default:!1},mobileActive:{type:Boolean,default:!1},template:{type:Function,default:null},exact:{type:Boolean,default:!0}},documentClickListener:null,data:()=>({activeItem:null}),watch:{parentActive(e){e||(this.activeItem=null)}},updated(){this.root&&this.activeItem&&this.bindDocumentClickListener()},beforeUnmount(){this.unbindDocumentClickListener()},methods:{onItemMouseEnter(e,t){this.disabled(t)||this.mobileActive?e.preventDefault():this.root?(this.activeItem||this.popup)&&(this.activeItem=t):this.activeItem=t},onItemClick(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.items&&(this.activeItem&&t===this.activeItem?this.activeItem=null:this.activeItem=t),t.items||this.onLeafClick(),t.to&&n&&n(e))},onLeafClick(){this.activeItem=null,this.$emit("leaf-click")},onItemKeyDown(e,t){let n=e.currentTarget.parentElement;switch(e.which){case 40:this.root?t.items&&this.expandSubmenu(t,n):this.navigateToNextItem(n),e.preventDefault();break;case 38:this.root||this.navigateToPrevItem(n),e.preventDefault();break;case 39:if(this.root){var i=this.findNextItem(n);i&&i.children[0].focus()}else t.items&&this.expandSubmenu(t,n);e.preventDefault();break;case 37:this.root&&this.navigateToPrevItem(n),e.preventDefault()}this.$emit("keydown-item",{originalEvent:e,element:n})},onChildItemKeyDown(e){this.root?38===e.originalEvent.which&&null==e.element.previousElementSibling&&this.collapseMenu(e.element):37===e.originalEvent.which&&this.collapseMenu(e.element)},findNextItem(t){let n=t.nextElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findNextItem(n):n:null},findPrevItem(t){let n=t.previousElementSibling;return n?e.DomHandler.hasClass(n,"p-disabled")||!e.DomHandler.hasClass(n,"p-menuitem")?this.findPrevItem(n):n:null},expandSubmenu(e,t){this.activeItem=e,setTimeout((()=>{t.children[1].children[0].children[0].focus()}),50)},collapseMenu(e){this.activeItem=null,e.parentElement.previousElementSibling.focus()},navigateToNextItem(e){var t=this.findNextItem(e);t&&t.children[0].focus()},navigateToPrevItem(e){var t=this.findPrevItem(e);t&&t.children[0].focus()},getItemClass(e){return["p-menuitem",e.class,{"p-menuitem-active":this.activeItem===e}]},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}]},bindDocumentClickListener(){this.documentClickListener||(this.documentClickListener=e=>{this.$el&&!this.$el.contains(e.target)&&(this.activeItem=null,this.unbindDocumentClickListener())},document.addEventListener("click",this.documentClickListener))},unbindDocumentClickListener(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)},getSubmenuIcon(){return["p-submenu-icon pi",{"pi-angle-right":!this.root,"pi-angle-down":this.root}]},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:{containerClass(){return{"p-submenu-list":!this.root,"p-menubar-root-list":this.root}}},directives:{ripple:i(t).default}};const o=["role"],s=["onMouseenter"],a=["href","onClick","onKeydown"],r={class:"p-menuitem-text"},c=["href","target","aria-haspopup","aria-expanded","onClick","onKeydown","tabindex"],m={class:"p-menuitem-text"};l.render=function(e,t,i,l,u,d){const p=n.resolveComponent("router-link"),b=n.resolveComponent("MenubarSub",!0),h=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("ul",{class:n.normalizeClass(d.containerClass),role:i.root?"menubar":"menu"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(i.model,((e,t)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:d.label(e)+t.toString()},[d.visible(e)&&!e.separator?(n.openBlock(),n.createElementBlock("li",{key:0,role:"none",class:n.normalizeClass(d.getItemClass(e)),style:n.normalizeStyle(e.style),onMouseenter:t=>d.onItemMouseEnter(t,e)},[i.template?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.template),{key:1,item:e},null,8,["item"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[e.to&&!d.disabled(e)?(n.openBlock(),n.createBlock(p,{key:0,to:e.to,custom:""},{default:n.withCtx((({navigate:t,href:i,isActive:l,isExactActive:o})=>[n.withDirectives((n.openBlock(),n.createElementBlock("a",{href:i,onClick:n=>d.onItemClick(n,e,t),class:n.normalizeClass(d.linkClass(e,{isActive:l,isExactActive:o})),onKeydown:t=>d.onItemKeyDown(t,e),role:"menuitem"},[e.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",r,n.toDisplayString(d.label(e)),1)],42,a)),[[h]])])),_:2},1032,["to"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",{key:1,href:e.url,class:n.normalizeClass(d.linkClass(e)),target:e.target,"aria-haspopup":null!=e.items,"aria-expanded":e===u.activeItem,onClick:t=>d.onItemClick(t,e),onKeydown:t=>d.onItemKeyDown(t,e),role:"menuitem",tabindex:d.disabled(e)?null:"0"},[e.icon?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(["p-menuitem-icon",e.icon])},null,2)):n.createCommentVNode("",!0),n.createElementVNode("span",m,n.toDisplayString(d.label(e)),1),e.items?(n.openBlock(),n.createElementBlock("span",{key:1,class:n.normalizeClass(d.getSubmenuIcon())},null,2)):n.createCommentVNode("",!0)],42,c)),[[h]])],64)),d.visible(e)&&e.items?(n.openBlock(),n.createBlock(b,{key:d.label(e)+"_sub_",model:e.items,mobileActive:i.mobileActive,onLeafClick:d.onLeafClick,onKeydownItem:d.onChildItemKeyDown,parentActive:e===u.activeItem,template:i.template,exact:i.exact},null,8,["model","mobileActive","onLeafClick","onKeydownItem","parentActive","template","exact"])):n.createCommentVNode("",!0)],46,s)):n.createCommentVNode("",!0),d.visible(e)&&e.separator?(n.openBlock(),n.createElementBlock("li",{key:"separator"+t.toString(),class:n.normalizeClass(["p-menu-separator",e.class]),style:n.normalizeStyle(e.style),role:"separator"},null,6)):n.createCommentVNode("",!0)],64)))),128))],10,o)};var u={name:"Menubar",props:{model:{type:Array,default:null},exact:{type:Boolean,default:!0}},outsideClickListener:null,data:()=>({mobileActive:!1}),beforeUnmount(){this.mobileActive=!1,this.unbindOutsideClickListener(),this.$refs.rootmenu&&this.$refs.rootmenu.$el&&e.ZIndexUtils.clear(this.$refs.rootmenu.$el)},methods:{toggle(t){this.mobileActive?(this.mobileActive=!1,e.ZIndexUtils.clear(this.$refs.rootmenu.$el)):(this.mobileActive=!0,e.ZIndexUtils.set("menu",this.$refs.rootmenu.$el,this.$primevue.config.zIndex.menu)),this.bindOutsideClickListener(),t.preventDefault()},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{!this.mobileActive||this.$refs.rootmenu.$el===e.target||this.$refs.rootmenu.$el.contains(e.target)||this.$refs.menubutton===e.target||this.$refs.menubutton.contains(e.target)||(this.mobileActive=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},onLeafClick(){this.mobileActive=!1}},computed:{containerClass(){return["p-menubar p-component",{"p-menubar-mobile-active":this.mobileActive}]}},components:{MenubarSub:l}};const d={key:0,class:"p-menubar-start"},p=[n.createElementVNode("i",{class:"pi pi-bars"},null,-1)],b={key:1,class:"p-menubar-end"};return 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-menubar {\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}\n.p-menubar ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.p-menubar .p-menuitem-link {\n    cursor: pointer;\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    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n.p-menubar .p-menuitem-text {\n    line-height: 1;\n}\n.p-menubar .p-menuitem {\n    position: relative;\n}\n.p-menubar-root-list {\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}\n.p-menubar-root-list > li ul {\n    display: none;\n    z-index: 1;\n}\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n}\n.p-menubar .p-submenu-list {\n    display: none;\n    position: absolute;\n    z-index: 1;\n}\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n    margin-left: auto;\n    -ms-flex-item-align: center;\n        align-self: center;\n}\n.p-menubar-button {\n    display: none;\n    cursor: pointer;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-decoration: none;\n}\n"),u.render=function(e,t,i,l,o,s){const a=n.resolveComponent("MenubarSub");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(s.containerClass)},[e.$slots.start?(n.openBlock(),n.createElementBlock("div",d,[n.renderSlot(e.$slots,"start")])):n.createCommentVNode("",!0),n.createElementVNode("a",{ref:"menubutton",tabindex:"0",class:"p-menubar-button",onClick:t[0]||(t[0]=e=>s.toggle(e))},p,512),n.createVNode(a,{ref:"rootmenu",model:i.model,root:!0,mobileActive:o.mobileActive,onLeafClick:s.onLeafClick,template:e.$slots.item,exact:i.exact},null,8,["model","mobileActive","onLeafClick","template","exact"]),e.$slots.end?(n.openBlock(),n.createElementBlock("div",b,[n.renderSlot(e.$slots,"end")])):n.createCommentVNode("",!0)],2)},u}(primevue.utils,primevue.ripple,Vue);

package/menuitem/MenuItem.d.ts

@@ -1,4 +1,4 @@
-import { RouteLocationRaw } from "vue-router";
+import { RouteLocationRaw } from 'vue-router';
 
 type MenuItemLabelType = string | ((...args: any) => string) | undefined;
 
@@ -74,7 +74,7 @@ export interface MenuItem {
     /**
      * Unique identifier of an item.
      */
-    key?: string | undefined
+    key?: string | undefined;
     /**
      * Optional
      */

package/message/Message.d.ts

@@ -42,14 +42,14 @@ export declare type MessageEmits = {
      * Callback to invoke when a message is closed.
      * @param {Event} event - Browser event.
      */
-    'close': (event: Event) => void;
-}
+    close: (event: Event) => void;
+};
 
-declare class Message extends ClassComponent<MessageProps, MessageSlots, MessageEmits> { }
+declare class Message extends ClassComponent<MessageProps, MessageSlots, MessageEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Message: GlobalComponentConstructor<Message>
+        Message: GlobalComponentConstructor<Message>;
     }
 }
 
@@ -59,7 +59,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [Message](https://www.primefaces.org/primevue/showcase/#/message)
+ * - [Message](https://www.primefaces.org/primevue/message)
  *
  */
 export default Message;

package/message/Message.vue

@@ -1,12 +1,12 @@
 <template>
     <transition name="p-message" appear>
-        <div :class="containerClass" v-show="visible" role="alert">
+        <div v-show="visible" :class="containerClass" role="alert">
             <div class="p-message-wrapper">
                 <span :class="iconClass"></span>
                 <div class="p-message-text">
                     <slot></slot>
                 </div>
-                <button class="p-message-close p-link" @click="close($event)" v-if="closable" type="button" v-ripple>
+                <button v-if="closable" v-ripple class="p-message-close p-link" @click="close($event)" type="button">
                     <i class="p-message-close-icon pi pi-times"></i>
                 </button>
             </div>
@@ -40,13 +40,13 @@ export default {
         icon: {
             type: String,
             default: null
-        },
+        }
     },
     timeout: null,
     data() {
         return {
             visible: true
-        }
+        };
     },
     mounted() {
         if (!this.sticky) {
@@ -66,18 +66,23 @@ export default {
             return 'p-message p-component p-message-' + this.severity;
         },
         iconClass() {
-            return ['p-message-icon pi', this.icon ? this.icon : {
-                'pi-info-circle': this.severity === 'info',
-                'pi-check': this.severity === 'success',
-                'pi-exclamation-triangle': this.severity === 'warn',
-                'pi-times-circle': this.severity === 'error'
-            }];
+            return [
+                'p-message-icon pi',
+                this.icon
+                    ? this.icon
+                    : {
+                          'pi-info-circle': this.severity === 'info',
+                          'pi-check': this.severity === 'success',
+                          'pi-exclamation-triangle': this.severity === 'warn',
+                          'pi-times-circle': this.severity === 'error'
+                      }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple
+        ripple: Ripple
     }
-}
+};
 </script>
 
 <style>
@@ -103,7 +108,7 @@ export default {
 }
 
 .p-message-enter-active {
-    transition: opacity .3s;
+    transition: opacity 0.3s;
 }
 
 .p-message.p-message-leave-from {
@@ -118,7 +123,7 @@ export default {
 
 .p-message-leave-active {
     overflow: hidden;
-    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;
+    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
 }
 
 .p-message-leave-active .p-message-close {

package/message/message.cjs.js

@@ -30,13 +30,13 @@ var script = {
         icon: {
             type: String,
             default: null
-        },
+        }
     },
     timeout: null,
     data() {
         return {
             visible: true
-        }
+        };
     },
     mounted() {
         if (!this.sticky) {
@@ -56,16 +56,21 @@ var script = {
             return 'p-message p-component p-message-' + this.severity;
         },
         iconClass() {
-            return ['p-message-icon pi', this.icon ? this.icon : {
-                'pi-info-circle': this.severity === 'info',
-                'pi-check': this.severity === 'success',
-                'pi-exclamation-triangle': this.severity === 'warn',
-                'pi-times-circle': this.severity === 'error'
-            }];
+            return [
+                'p-message-icon pi',
+                this.icon
+                    ? this.icon
+                    : {
+                          'pi-info-circle': this.severity === 'info',
+                          'pi-check': this.severity === 'success',
+                          'pi-exclamation-triangle': this.severity === 'warn',
+                          'pi-times-circle': this.severity === 'error'
+                      }
+            ];
         }
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
@@ -141,7 +146,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-message-wrapper {\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}\n.p-message-close {\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-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    -webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n";
+var css_248z = "\n.p-message-wrapper {\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}\n.p-message-close {\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-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    -webkit-transition: opacity 0.3s;\n    transition: opacity 0.3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    -webkit-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n";
 styleInject(css_248z);
 
 script.render = render;

package/message/message.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/ripple"),t=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s={name:"Message",emits:["close"],props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:null}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},methods:{close(e){this.visible=!1,this.$emit("close",e)}},computed:{containerClass(){return"p-message p-component p-message-"+this.severity},iconClass(){return["p-message-icon pi",this.icon?this.icon:{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}},directives:{ripple:i(e).default}};const n={class:"p-message-wrapper"},a={class:"p-message-text"},l=[t.createElementVNode("i",{class:"p-message-close-icon pi pi-times"},null,-1)];!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-message-wrapper {\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}\n.p-message-close {\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-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    -webkit-transition: opacity .3s;\n    transition: opacity .3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    -webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n    transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s, margin .15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n"),s.render=function(e,i,s,o,r,c){const p=t.resolveDirective("ripple");return t.openBlock(),t.createBlock(t.Transition,{name:"p-message",appear:""},{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("div",{class:t.normalizeClass(c.containerClass),role:"alert"},[t.createElementVNode("div",n,[t.createElementVNode("span",{class:t.normalizeClass(c.iconClass)},null,2),t.createElementVNode("div",a,[t.renderSlot(e.$slots,"default")]),s.closable?t.withDirectives((t.openBlock(),t.createElementBlock("button",{key:0,class:"p-message-close p-link",onClick:i[0]||(i[0]=e=>c.close(e)),type:"button"},l)),[[p]]):t.createCommentVNode("",!0)])],2),[[t.vShow,r.visible]])])),_:3})},module.exports=s;
+"use strict";var e=require("primevue/ripple"),t=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s={name:"Message",emits:["close"],props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:null}},timeout:null,data:()=>({visible:!0}),mounted(){this.sticky||setTimeout((()=>{this.visible=!1}),this.life)},methods:{close(e){this.visible=!1,this.$emit("close",e)}},computed:{containerClass(){return"p-message p-component p-message-"+this.severity},iconClass(){return["p-message-icon pi",this.icon?this.icon:{"pi-info-circle":"info"===this.severity,"pi-check":"success"===this.severity,"pi-exclamation-triangle":"warn"===this.severity,"pi-times-circle":"error"===this.severity}]}},directives:{ripple:i(e).default}};const n={class:"p-message-wrapper"},a={class:"p-message-text"},l=[t.createElementVNode("i",{class:"p-message-close-icon pi pi-times"},null,-1)];!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-message-wrapper {\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}\n.p-message-close {\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-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n.p-message-enter-from {\n    opacity: 0;\n}\n.p-message-enter-active {\n    -webkit-transition: opacity 0.3s;\n    transition: opacity 0.3s;\n}\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n.p-message-leave-active {\n    overflow: hidden;\n    -webkit-transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n"),s.render=function(e,i,s,o,r,c){const p=t.resolveDirective("ripple");return t.openBlock(),t.createBlock(t.Transition,{name:"p-message",appear:""},{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("div",{class:t.normalizeClass(c.containerClass),role:"alert"},[t.createElementVNode("div",n,[t.createElementVNode("span",{class:t.normalizeClass(c.iconClass)},null,2),t.createElementVNode("div",a,[t.renderSlot(e.$slots,"default")]),s.closable?t.withDirectives((t.openBlock(),t.createElementBlock("button",{key:0,class:"p-message-close p-link",onClick:i[0]||(i[0]=e=>c.close(e)),type:"button"},l)),[[p]]):t.createCommentVNode("",!0)])],2),[[t.vShow,r.visible]])])),_:3})},module.exports=s;