primevue 3.16.2 → 3.18.0

package/badgedirective/badgedirective.cjs.js

@@ -5,24 +5,25 @@ var utils = require('primevue/utils');
 const BadgeDirective = {
     beforeMount(el, options) {
         const id = utils.UniqueComponentId() + '_badge';
+
         el.$_pbadgeId = id;
 
         let badge = document.createElement('span');
+
         badge.id = id;
         badge.className = 'p-badge p-component';
 
         for (let modifier in options.modifiers) {
             utils.DomHandler.addClass(badge, 'p-badge-' + modifier);
         }
-        
+
         if (options.value != null) {
             badge.appendChild(document.createTextNode(options.value));
-            
+
             if (String(options.value).length === 1) {
                 utils.DomHandler.addClass(badge, 'p-badge-no-gutter');
             }
-        }
-        else {
+        } else {
             utils.DomHandler.addClass(badge, 'p-badge-dot');
         }
 
@@ -40,12 +41,9 @@ const BadgeDirective = {
                     utils.DomHandler.removeClass(badge, 'p-badge-dot');
                 }
 
-                if (String(options.value).length === 1)
-                    utils.DomHandler.addClass(badge, 'p-badge-no-gutter');
-                else
-                    utils.DomHandler.removeClass(badge, 'p-badge-no-gutter');
-            }
-            else if (!options.value && !utils.DomHandler.hasClass(badge, 'p-badge-dot')) {
+                if (String(options.value).length === 1) utils.DomHandler.addClass(badge, 'p-badge-no-gutter');
+                else utils.DomHandler.removeClass(badge, 'p-badge-no-gutter');
+            } else if (!options.value && !utils.DomHandler.hasClass(badge, 'p-badge-dot')) {
                 utils.DomHandler.addClass(badge, 'p-badge-dot');
             }
 

package/badgedirective/badgedirective.esm.js

@@ -3,24 +3,25 @@ import { UniqueComponentId, DomHandler } from 'primevue/utils';
 const BadgeDirective = {
     beforeMount(el, options) {
         const id = UniqueComponentId() + '_badge';
+
         el.$_pbadgeId = id;
 
         let badge = document.createElement('span');
+
         badge.id = id;
         badge.className = 'p-badge p-component';
 
         for (let modifier in options.modifiers) {
             DomHandler.addClass(badge, 'p-badge-' + modifier);
         }
-        
+
         if (options.value != null) {
             badge.appendChild(document.createTextNode(options.value));
-            
+
             if (String(options.value).length === 1) {
                 DomHandler.addClass(badge, 'p-badge-no-gutter');
             }
-        }
-        else {
+        } else {
             DomHandler.addClass(badge, 'p-badge-dot');
         }
 
@@ -38,12 +39,9 @@ const BadgeDirective = {
                     DomHandler.removeClass(badge, 'p-badge-dot');
                 }
 
-                if (String(options.value).length === 1)
-                    DomHandler.addClass(badge, 'p-badge-no-gutter');
-                else
-                    DomHandler.removeClass(badge, 'p-badge-no-gutter');
-            }
-            else if (!options.value && !DomHandler.hasClass(badge, 'p-badge-dot')) {
+                if (String(options.value).length === 1) DomHandler.addClass(badge, 'p-badge-no-gutter');
+                else DomHandler.removeClass(badge, 'p-badge-no-gutter');
+            } else if (!options.value && !DomHandler.hasClass(badge, 'p-badge-dot')) {
                 DomHandler.addClass(badge, 'p-badge-dot');
             }
 

package/badgedirective/badgedirective.js

@@ -5,24 +5,25 @@ this.primevue.badgedirective = (function (utils) {
     const BadgeDirective = {
         beforeMount(el, options) {
             const id = utils.UniqueComponentId() + '_badge';
+
             el.$_pbadgeId = id;
 
             let badge = document.createElement('span');
+
             badge.id = id;
             badge.className = 'p-badge p-component';
 
             for (let modifier in options.modifiers) {
                 utils.DomHandler.addClass(badge, 'p-badge-' + modifier);
             }
-            
+
             if (options.value != null) {
                 badge.appendChild(document.createTextNode(options.value));
-                
+
                 if (String(options.value).length === 1) {
                     utils.DomHandler.addClass(badge, 'p-badge-no-gutter');
                 }
-            }
-            else {
+            } else {
                 utils.DomHandler.addClass(badge, 'p-badge-dot');
             }
 
@@ -40,12 +41,9 @@ this.primevue.badgedirective = (function (utils) {
                         utils.DomHandler.removeClass(badge, 'p-badge-dot');
                     }
 
-                    if (String(options.value).length === 1)
-                        utils.DomHandler.addClass(badge, 'p-badge-no-gutter');
-                    else
-                        utils.DomHandler.removeClass(badge, 'p-badge-no-gutter');
-                }
-                else if (!options.value && !utils.DomHandler.hasClass(badge, 'p-badge-dot')) {
+                    if (String(options.value).length === 1) utils.DomHandler.addClass(badge, 'p-badge-no-gutter');
+                    else utils.DomHandler.removeClass(badge, 'p-badge-no-gutter');
+                } else if (!options.value && !utils.DomHandler.hasClass(badge, 'p-badge-dot')) {
                     utils.DomHandler.addClass(badge, 'p-badge-dot');
                 }
 

package/blockui/BlockUI.d.ts

@@ -33,18 +33,18 @@ export declare type BlockUIEmits = {
     /**
      * Fired when the element gets blocked.
      */
-    'block': () => void;
+    block: () => void;
     /**
      * Fired when the element gets unblocked.
      */
-    'unblock': () => void;
-}
+    unblock: () => void;
+};
 
-declare class BlockUI extends ClassComponent<BlockUIProps, BlockUISlots, BlockUIEmits> { }
+declare class BlockUI extends ClassComponent<BlockUIProps, BlockUISlots, BlockUIEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        BlockUI: GlobalComponentConstructor<BlockUI>
+        BlockUI: GlobalComponentConstructor<BlockUI>;
     }
 }
 
@@ -54,7 +54,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [BlockUI](https://www.primefaces.org/primevue/showcase/#/blockui)
+ * - [BlockUI](https://www.primefaces.org/primevue/blockui)
  *
  */
 export default BlockUI;

package/blockui/BlockUI.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import {DomHandler,ZIndexUtils} from 'primevue/utils';
+import { DomHandler, ZIndexUtils } from 'primevue/utils';
 
 export default {
     name: 'BlockUI',
@@ -29,22 +29,21 @@ export default {
         }
     },
     mask: null,
+    watch: {
+        blocked(newValue) {
+            if (newValue === true) this.block();
+            else this.unblock();
+        }
+    },
     mounted() {
         if (this.blocked) {
             this.block();
         }
     },
-    watch: {
-        blocked(newValue) {
-            if (newValue === true)
-                this.block();
-            else
-                this.unblock();
-        }
-    },
     methods: {
         block() {
             let styleClass = 'p-blockui p-component-overlay p-component-overlay-enter';
+
             if (this.fullScreen) {
                 styleClass += ' p-blockui-document';
                 this.mask = document.createElement('div');
@@ -52,8 +51,7 @@ export default {
                 document.body.appendChild(this.mask);
                 DomHandler.addClass(document.body, 'p-overflow-hidden');
                 document.activeElement.blur();
-            }
-            else {
+            } else {
                 this.mask = document.createElement('div');
                 this.mask.setAttribute('class', styleClass);
                 this.$refs.container.appendChild(this.mask);
@@ -73,18 +71,18 @@ export default {
         },
         removeMask() {
             ZIndexUtils.clear(this.mask);
-             if (this.fullScreen) {
+
+            if (this.fullScreen) {
                 document.body.removeChild(this.mask);
                 DomHandler.removeClass(document.body, 'p-overflow-hidden');
-            }
-            else {
+            } else {
                 this.$refs.container.removeChild(this.mask);
             }
 
             this.$emit('unblock');
         }
     }
-}
+};
 </script>
 
 <style>

package/blockui/blockui.cjs.js

@@ -25,22 +25,21 @@ var script = {
         }
     },
     mask: null,
+    watch: {
+        blocked(newValue) {
+            if (newValue === true) this.block();
+            else this.unblock();
+        }
+    },
     mounted() {
         if (this.blocked) {
             this.block();
         }
     },
-    watch: {
-        blocked(newValue) {
-            if (newValue === true)
-                this.block();
-            else
-                this.unblock();
-        }
-    },
     methods: {
         block() {
             let styleClass = 'p-blockui p-component-overlay p-component-overlay-enter';
+
             if (this.fullScreen) {
                 styleClass += ' p-blockui-document';
                 this.mask = document.createElement('div');
@@ -48,8 +47,7 @@ var script = {
                 document.body.appendChild(this.mask);
                 utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
                 document.activeElement.blur();
-            }
-            else {
+            } else {
                 this.mask = document.createElement('div');
                 this.mask.setAttribute('class', styleClass);
                 this.$refs.container.appendChild(this.mask);
@@ -69,11 +67,11 @@ var script = {
         },
         removeMask() {
             utils.ZIndexUtils.clear(this.mask);
-             if (this.fullScreen) {
+
+            if (this.fullScreen) {
                 document.body.removeChild(this.mask);
                 utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-            }
-            else {
+            } else {
                 this.$refs.container.removeChild(this.mask);
             }
 

package/blockui/blockui.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("vue"),o={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,mounted(){this.blocked&&this.block()},watch:{blocked(e){!0===e?this.block():this.unblock()}},methods:{block(){let t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.$emit("block")},unblock(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.$emit("unblock")}}};!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===o&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),o.render=function(e,o,n,s,i,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref:"container",class:"p-blockui-container"},e.$attrs),[t.renderSlot(e.$slots,"default")],16)},module.exports=o;
+"use strict";var e=require("primevue/utils"),t=require("vue"),o={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.$emit("block")},unblock(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.$emit("unblock")}}};!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===o&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),o.render=function(e,o,n,s,i,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref:"container",class:"p-blockui-container"},e.$attrs),[t.renderSlot(e.$slots,"default")],16)},module.exports=o;

package/blockui/blockui.esm.js

@@ -23,22 +23,21 @@ var script = {
         }
     },
     mask: null,
+    watch: {
+        blocked(newValue) {
+            if (newValue === true) this.block();
+            else this.unblock();
+        }
+    },
     mounted() {
         if (this.blocked) {
             this.block();
         }
     },
-    watch: {
-        blocked(newValue) {
-            if (newValue === true)
-                this.block();
-            else
-                this.unblock();
-        }
-    },
     methods: {
         block() {
             let styleClass = 'p-blockui p-component-overlay p-component-overlay-enter';
+
             if (this.fullScreen) {
                 styleClass += ' p-blockui-document';
                 this.mask = document.createElement('div');
@@ -46,8 +45,7 @@ var script = {
                 document.body.appendChild(this.mask);
                 DomHandler.addClass(document.body, 'p-overflow-hidden');
                 document.activeElement.blur();
-            }
-            else {
+            } else {
                 this.mask = document.createElement('div');
                 this.mask.setAttribute('class', styleClass);
                 this.$refs.container.appendChild(this.mask);
@@ -67,11 +65,11 @@ var script = {
         },
         removeMask() {
             ZIndexUtils.clear(this.mask);
-             if (this.fullScreen) {
+
+            if (this.fullScreen) {
                 document.body.removeChild(this.mask);
                 DomHandler.removeClass(document.body, 'p-overflow-hidden');
-            }
-            else {
+            } else {
                 this.$refs.container.removeChild(this.mask);
             }
 

package/blockui/blockui.esm.min.js

@@ -1 +1 @@
-import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import{openBlock as o,createElementBlock as n,mergeProps as i,renderSlot as s}from"vue";var l={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,mounted(){this.blocked&&this.block()},watch:{blocked(e){!0===e?this.block():this.unblock()}},methods:{block(){let o="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(o+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",o),document.body.appendChild(this.mask),e.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",o),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.$emit("block")},unblock(){e.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){t.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.$emit("unblock")}}};!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),l.render=function(e,t,l,a,d,c){return o(),n("div",i({ref:"container",class:"p-blockui-container"},e.$attrs),[s(e.$slots,"default")],16)};export{l as default};
+import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import{openBlock as o,createElementBlock as n,mergeProps as i,renderSlot as s}from"vue";var l={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let o="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(o+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",o),document.body.appendChild(this.mask),e.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",o),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.$emit("block")},unblock(){e.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){t.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.$emit("unblock")}}};!function(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),l.render=function(e,t,l,a,d,c){return o(),n("div",i({ref:"container",class:"p-blockui-container"},e.$attrs),[s(e.$slots,"default")],16)};export{l as default};

package/blockui/blockui.js

@@ -24,22 +24,21 @@ this.primevue.blockui = (function (utils, vue) {
             }
         },
         mask: null,
+        watch: {
+            blocked(newValue) {
+                if (newValue === true) this.block();
+                else this.unblock();
+            }
+        },
         mounted() {
             if (this.blocked) {
                 this.block();
             }
         },
-        watch: {
-            blocked(newValue) {
-                if (newValue === true)
-                    this.block();
-                else
-                    this.unblock();
-            }
-        },
         methods: {
             block() {
                 let styleClass = 'p-blockui p-component-overlay p-component-overlay-enter';
+
                 if (this.fullScreen) {
                     styleClass += ' p-blockui-document';
                     this.mask = document.createElement('div');
@@ -47,8 +46,7 @@ this.primevue.blockui = (function (utils, vue) {
                     document.body.appendChild(this.mask);
                     utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
                     document.activeElement.blur();
-                }
-                else {
+                } else {
                     this.mask = document.createElement('div');
                     this.mask.setAttribute('class', styleClass);
                     this.$refs.container.appendChild(this.mask);
@@ -68,11 +66,11 @@ this.primevue.blockui = (function (utils, vue) {
             },
             removeMask() {
                 utils.ZIndexUtils.clear(this.mask);
-                 if (this.fullScreen) {
+
+                if (this.fullScreen) {
                     document.body.removeChild(this.mask);
                     utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-                }
-                else {
+                } else {
                     this.$refs.container.removeChild(this.mask);
                 }
 

package/blockui/blockui.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.blockui=function(e,t){"use strict";var n={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,mounted(){this.blocked&&this.block()},watch:{blocked(e){!0===e?this.block():this.unblock()}},methods:{block(){let t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.$emit("block")},unblock(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.$emit("unblock")}}};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),n.render=function(e,n,o,i,s,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref:"container",class:"p-blockui-container"},e.$attrs),[t.renderSlot(e.$slots,"default")],16)},n}(primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.blockui=function(e,t){"use strict";var n={name:"BlockUI",emits:["block","unblock"],props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},mask:null,watch:{blocked(e){!0===e?this.block():this.unblock()}},mounted(){this.blocked&&this.block()},methods:{block(){let t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),this.mask.setAttribute("class",t),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=document.createElement("div"),this.mask.setAttribute("class",t),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.$emit("block")},unblock(){e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(()=>{this.removeMask()}))},removeMask(){e.ZIndexUtils.clear(this.mask),this.fullScreen?(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.$emit("unblock")}}};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-blockui-container {\n    position: relative;\n}\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n"),n.render=function(e,n,o,i,s,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref:"container",class:"p-blockui-container"},e.$attrs),[t.renderSlot(e.$slots,"default")],16)},n}(primevue.utils,Vue);

package/breadcrumb/Breadcrumb.d.ts

@@ -1,6 +1,6 @@
 import { VNode } from 'vue';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { MenuItem } from '../menuitem';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export interface BreadcrumbProps {
     /**
@@ -16,6 +16,14 @@ export interface BreadcrumbProps {
      * Default value is true.
      */
     exact?: boolean;
+    /**
+     * Defines a string value that labels an interactive element.
+     */
+    'aria-label'?: string | undefined;
+    /**
+     * Identifier of the underlying menu element.
+     */
+    'aria-labelledby'?: string | undefined;
 }
 
 export interface BreadcrumbSlots {
@@ -31,14 +39,13 @@ export interface BreadcrumbSlots {
     }) => VNode[];
 }
 
-export declare type BreadcrumbEmits = {
-}
+export declare type BreadcrumbEmits = {};
 
-declare class Breadcrumb extends ClassComponent<BreadcrumbProps, BreadcrumbSlots, BreadcrumbEmits> { }
+declare class Breadcrumb extends ClassComponent<BreadcrumbProps, BreadcrumbSlots, BreadcrumbEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Breadcrumb: GlobalComponentConstructor<Breadcrumb>
+        Breadcrumb: GlobalComponentConstructor<Breadcrumb>;
     }
 }
 
@@ -48,11 +55,11 @@ declare module '@vue/runtime-core' {
  *
  * Helper API:
  *
- * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ * - [MenuItem](https://www.primefaces.org/primevue/menumodel)
  *
  * Demos:
  *
- * - [Breadcrumb](https://www.primefaces.org/primevue/showcase/#/breadcrumb)
+ * - [Breadcrumb](https://www.primefaces.org/primevue/breadcrumb)
  *
  */
 export default Breadcrumb;

package/breadcrumb/Breadcrumb.vue

@@ -1,12 +1,14 @@
 <template>
-    <nav class="p-breadcrumb p-component" aria-label="Breadcrumb">
-        <ul>
+    <nav class="p-breadcrumb p-component">
+        <ol class="p-breadcrumb-list">
             <BreadcrumbItem v-if="home" :item="home" class="p-breadcrumb-home" :template="$slots.item" :exact="exact" />
             <template v-for="item of model" :key="item.label">
-                <li class="p-breadcrumb-chevron pi pi-chevron-right"></li>
+                <li class="p-menuitem-separator">
+                    <span class="pi pi-chevron-right" aria-hidden="true"></span>
+                </li>
                 <BreadcrumbItem :item="item" :template="$slots.item" :exact="exact" />
             </template>
-        </ul>
+        </ol>
     </nav>
 </template>
 
@@ -30,9 +32,9 @@ export default {
         }
     },
     components: {
-        'BreadcrumbItem': BreadcrumbItem
+        BreadcrumbItem: BreadcrumbItem
     }
-}
+};
 </script>
 
 <style>
@@ -40,7 +42,7 @@ export default {
     overflow-x: auto;
 }
 
-.p-breadcrumb ul {
+.p-breadcrumb .p-breadcrumb-list {
     margin: 0;
     padding: 0;
     list-style-type: none;
@@ -55,6 +57,13 @@ export default {
 
 .p-breadcrumb .p-menuitem-link {
     text-decoration: none;
+    display: flex;
+    align-items: center;
+}
+
+.p-breadcrumb .p-menuitem-separator {
+    display: flex;
+    align-items: center;
 }
 
 .p-breadcrumb::-webkit-scrollbar {

package/breadcrumb/BreadcrumbItem.vue

@@ -1,15 +1,15 @@
 <template>
-    <li :class="containerClass(item)" v-if="visible()">
+    <li v-if="visible()" :class="containerClass(item)">
         <template v-if="!template">
-            <router-link v-if="item.to" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
-                <a :href="href" :class="linkClass({isActive, isExactActive})" @click="onClick($event, navigate)">
+            <router-link v-if="item.to" v-slot="{ navigate, href, isActive, isExactActive }" :to="item.to" custom>
+                <a :href="href" :class="linkClass({ isActive, isExactActive })" :aria-current="isCurrentUrl()" @click="onClick($event, navigate)">
                     <span v-if="item.icon" :class="iconClass"></span>
-                    <span v-if="item.label" class="p-menuitem-text">{{label()}}</span>
+                    <span v-if="item.label" class="p-menuitem-text">{{ label() }}</span>
                 </a>
             </router-link>
-            <a v-else :href="item.url||'#'" :class="linkClass()" @click="onClick" :target="item.target">
+            <a v-else :href="item.url || '#'" :class="linkClass()" :target="item.target" :aria-current="isCurrentUrl()" @click="onClick">
                 <span v-if="item.icon" :class="iconClass"></span>
-                <span v-if="item.label" class="p-menuitem-text">{{label()}}</span>
+                <span v-if="item.label" class="p-menuitem-text">{{ label() }}</span>
             </a>
         </template>
         <component v-else :is="template" :item="item"></component>
@@ -38,22 +38,31 @@ export default {
             }
         },
         containerClass(item) {
-            return [{'p-disabled': this.disabled(item)}, this.item.class];
+            return ['p-menuitem', { 'p-disabled': this.disabled(item) }, this.item.class];
         },
         linkClass(routerProps) {
-            return ['p-menuitem-link', {
-                'router-link-active': routerProps && routerProps.isActive,
-                'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-            }];
+            return [
+                'p-menuitem-link',
+                {
+                    'router-link-active': routerProps && routerProps.isActive,
+                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
+                }
+            ];
         },
         visible() {
-            return (typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false);
+            return typeof this.item.visible === 'function' ? this.item.visible() : this.item.visible !== false;
         },
         disabled(item) {
-            return (typeof item.disabled === 'function' ? item.disabled() : item.disabled);
+            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
         },
         label() {
-            return (typeof this.item.label === 'function' ? this.item.label() : this.item.label);
+            return typeof this.item.label === 'function' ? this.item.label() : this.item.label;
+        },
+        isCurrentUrl() {
+            const { to, url } = this.item;
+            const lastPath = `/${window.location.href.split('/').pop()}`;
+
+            return to === lastPath || url === lastPath ? 'page' : undefined;
         }
     },
     computed: {
@@ -61,5 +70,5 @@ export default {
             return ['p-menuitem-icon', this.item.icon];
         }
     }
-}
+};
 </script>