primevue 3.30.2 → 3.32.0

package/blockui/BlockUI.vue

@@ -35,14 +35,36 @@ export default {
 
             if (this.fullScreen) {
                 styleClass += ' p-blockui-document';
-                this.mask = document.createElement('div');
-                !this.isUnstyled && this.mask.setAttribute('class', styleClass);
+
+                this.mask = DomHandler.createElement('div', {
+                    'data-pc-section': 'mask',
+                    style: {
+                        position: 'fixed',
+                        top: '0',
+                        left: '0',
+                        width: '100%',
+                        height: '100%'
+                    },
+                    class: !this.isUnstyled && styleClass,
+                    'p-bind': this.ptm('mask')
+                });
+
                 document.body.appendChild(this.mask);
                 DomHandler.addClass(document.body, 'p-overflow-hidden');
                 document.activeElement.blur();
             } else {
-                this.mask = document.createElement('div');
-                !this.isUnstyled && this.mask.setAttribute('class', styleClass);
+                this.mask = DomHandler.createElement('div', {
+                    'data-pc-section': 'mask',
+                    style: {
+                        position: 'absolute',
+                        top: '0',
+                        left: '0',
+                        width: '100%',
+                        height: '100%'
+                    },
+                    class: !this.isUnstyled && styleClass,
+                    'p-bind': this.ptm('mask')
+                });
                 this.$refs.container.appendChild(this.mask);
             }
 
@@ -55,18 +77,21 @@ export default {
         },
         unblock() {
             !this.isUnstyled && DomHandler.addClass(this.mask, 'p-component-overlay-leave');
-            this.mask.addEventListener('animationend', () => {
+
+            if (DomHandler.hasCSSAnimation(this.mask) > 0) {
+                this.mask.addEventListener('animationend', () => {
+                    this.removeMask();
+                });
+            } else {
                 this.removeMask();
-            });
+            }
         },
         removeMask() {
             ZIndexUtils.clear(this.mask);
 
             if (this.fullScreen) {
-                if (!this.isUnstyled) {
-                    document.body.removeChild(this.mask);
-                    DomHandler.removeClass(document.body, 'p-overflow-hidden');
-                }
+                document.body.removeChild(this.mask);
+                DomHandler.removeClass(document.body, 'p-overflow-hidden');
             } else {
                 this.$refs.container.removeChild(this.mask);
             }

package/blockui/blockui.cjs.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n";
+var styles = "\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n";
 var classes = {
   root: 'p-blockui-container'
 };
@@ -75,14 +75,34 @@ var script = {
       var styleClass = 'p-blockui p-component-overlay p-component-overlay-enter';
       if (this.fullScreen) {
         styleClass += ' p-blockui-document';
-        this.mask = document.createElement('div');
-        !this.isUnstyled && this.mask.setAttribute('class', styleClass);
+        this.mask = utils.DomHandler.createElement('div', {
+          'data-pc-section': 'mask',
+          style: {
+            position: 'fixed',
+            top: '0',
+            left: '0',
+            width: '100%',
+            height: '100%'
+          },
+          "class": !this.isUnstyled && styleClass,
+          'p-bind': this.ptm('mask')
+        });
         document.body.appendChild(this.mask);
         utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
         document.activeElement.blur();
       } else {
-        this.mask = document.createElement('div');
-        !this.isUnstyled && this.mask.setAttribute('class', styleClass);
+        this.mask = utils.DomHandler.createElement('div', {
+          'data-pc-section': 'mask',
+          style: {
+            position: 'absolute',
+            top: '0',
+            left: '0',
+            width: '100%',
+            height: '100%'
+          },
+          "class": !this.isUnstyled && styleClass,
+          'p-bind': this.ptm('mask')
+        });
         this.$refs.container.appendChild(this.mask);
       }
       if (this.autoZIndex) {
@@ -94,17 +114,19 @@ var script = {
     unblock: function unblock() {
       var _this = this;
       !this.isUnstyled && utils.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
-      this.mask.addEventListener('animationend', function () {
-        _this.removeMask();
-      });
+      if (utils.DomHandler.hasCSSAnimation(this.mask) > 0) {
+        this.mask.addEventListener('animationend', function () {
+          _this.removeMask();
+        });
+      } else {
+        this.removeMask();
+      }
     },
     removeMask: function removeMask() {
       utils.ZIndexUtils.clear(this.mask);
       if (this.fullScreen) {
-        if (!this.isUnstyled) {
-          document.body.removeChild(this.mask);
-          utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-        }
+        document.body.removeChild(this.mask);
+        utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
       } else {
         this.$refs.container.removeChild(this.mask);
       }

package/blockui/blockui.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("primevue/basecomponent"),n=require("primevue/usestyle"),o=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t),l=n.useStyle("\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n",{name:"blockui",manual:!0}),a={name:"BlockUI",extends:{name:"BaseBlockUI",extends:i.default,props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},css:{classes:{root:"p-blockui-container"},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["block","unblock"],mask:null,data:function(){return{isBlocked:!1}},watch:{blocked:function(e){!0===e?this.block():this.unblock()}},mounted:function(){this.blocked&&this.block()},methods:{block:function(){var t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),!this.isUnstyled&&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.isUnstyled&&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.isBlocked=!0,this.$emit("block")},unblock:function(){var t=this;!this.isUnstyled&&e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(function(){t.removeMask()}))},removeMask:function(){e.ZIndexUtils.clear(this.mask),this.fullScreen?this.isUnstyled||(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}},c=["aria-busy"];a.render=function(e,t,n,s,i,l){return o.openBlock(),o.createElementBlock("div",o.mergeProps({ref:"container",class:e.cx("root"),"aria-busy":i.isBlocked},e.ptm("root")),[o.renderSlot(e.$slots,"default")],16,c)},module.exports=a;
+"use strict";var e=require("primevue/utils"),t=require("primevue/basecomponent"),o=require("primevue/usestyle"),n=require("vue");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t),a=o.useStyle("\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n",{name:"blockui",manual:!0}),l={name:"BlockUI",extends:{name:"BaseBlockUI",extends:i.default,props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},css:{classes:{root:"p-blockui-container"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},emits:["block","unblock"],mask:null,data:function(){return{isBlocked:!1}},watch:{blocked:function(e){!0===e?this.block():this.unblock()}},mounted:function(){this.blocked&&this.block()},methods:{block:function(){var t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"fixed",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock:function(){var t=this;!this.isUnstyled&&e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),e.DomHandler.hasCSSAnimation(this.mask)>0?this.mask.addEventListener("animationend",(function(){t.removeMask()})):this.removeMask()},removeMask:function(){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.isBlocked=!1,this.$emit("unblock")}}},d=["aria-busy"];l.render=function(e,t,o,s,i,a){return n.openBlock(),n.createElementBlock("div",n.mergeProps({ref:"container",class:e.cx("root"),"aria-busy":i.isBlocked},e.ptm("root")),[n.renderSlot(e.$slots,"default")],16,d)},module.exports=l;

package/blockui/blockui.esm.js

@@ -3,7 +3,7 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 
-var styles = "\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n";
+var styles = "\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n";
 var classes = {
   root: 'p-blockui-container'
 };
@@ -69,14 +69,34 @@ var script = {
       var styleClass = 'p-blockui p-component-overlay p-component-overlay-enter';
       if (this.fullScreen) {
         styleClass += ' p-blockui-document';
-        this.mask = document.createElement('div');
-        !this.isUnstyled && this.mask.setAttribute('class', styleClass);
+        this.mask = DomHandler.createElement('div', {
+          'data-pc-section': 'mask',
+          style: {
+            position: 'fixed',
+            top: '0',
+            left: '0',
+            width: '100%',
+            height: '100%'
+          },
+          "class": !this.isUnstyled && styleClass,
+          'p-bind': this.ptm('mask')
+        });
         document.body.appendChild(this.mask);
         DomHandler.addClass(document.body, 'p-overflow-hidden');
         document.activeElement.blur();
       } else {
-        this.mask = document.createElement('div');
-        !this.isUnstyled && this.mask.setAttribute('class', styleClass);
+        this.mask = DomHandler.createElement('div', {
+          'data-pc-section': 'mask',
+          style: {
+            position: 'absolute',
+            top: '0',
+            left: '0',
+            width: '100%',
+            height: '100%'
+          },
+          "class": !this.isUnstyled && styleClass,
+          'p-bind': this.ptm('mask')
+        });
         this.$refs.container.appendChild(this.mask);
       }
       if (this.autoZIndex) {
@@ -88,17 +108,19 @@ var script = {
     unblock: function unblock() {
       var _this = this;
       !this.isUnstyled && DomHandler.addClass(this.mask, 'p-component-overlay-leave');
-      this.mask.addEventListener('animationend', function () {
-        _this.removeMask();
-      });
+      if (DomHandler.hasCSSAnimation(this.mask) > 0) {
+        this.mask.addEventListener('animationend', function () {
+          _this.removeMask();
+        });
+      } else {
+        this.removeMask();
+      }
     },
     removeMask: function removeMask() {
       ZIndexUtils.clear(this.mask);
       if (this.fullScreen) {
-        if (!this.isUnstyled) {
-          document.body.removeChild(this.mask);
-          DomHandler.removeClass(document.body, 'p-overflow-hidden');
-        }
+        document.body.removeChild(this.mask);
+        DomHandler.removeClass(document.body, 'p-overflow-hidden');
       } 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 o from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{openBlock as s,createElementBlock as i,mergeProps as a,renderSlot as l}from"vue";var c=n("\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n",{name:"blockui",manual:!0}),d={name:"BlockUI",extends:{name:"BaseBlockUI",extends:o,props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},css:{classes:{root:"p-blockui-container"},loadStyle:c.load},provide:function(){return{$parentInstance:this}}},emits:["block","unblock"],mask:null,data:function(){return{isBlocked:!1}},watch:{blocked:function(e){!0===e?this.block():this.unblock()}},mounted:function(){this.blocked&&this.block()},methods:{block:function(){var o="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(o+=" p-blockui-document",this.mask=document.createElement("div"),!this.isUnstyled&&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.isUnstyled&&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.isBlocked=!0,this.$emit("block")},unblock:function(){var t=this;!this.isUnstyled&&e.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(function(){t.removeMask()}))},removeMask:function(){t.clear(this.mask),this.fullScreen?this.isUnstyled||(document.body.removeChild(this.mask),e.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}},r=["aria-busy"];d.render=function(e,t,o,n,c,d){return s(),i("div",a({ref:"container",class:e.cx("root"),"aria-busy":c.isBlocked},e.ptm("root")),[l(e.$slots,"default")],16,r)};export{d as default};
+import{DomHandler as e,ZIndexUtils as t}from"primevue/utils";import o from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{openBlock as i,createElementBlock as s,mergeProps as a,renderSlot as l}from"vue";var c=n("\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n",{name:"blockui",manual:!0}),d={name:"BlockUI",extends:{name:"BaseBlockUI",extends:o,props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},css:{classes:{root:"p-blockui-container"},loadStyle:c.load},provide:function(){return{$parentInstance:this}}},emits:["block","unblock"],mask:null,data:function(){return{isBlocked:!1}},watch:{blocked:function(e){!0===e?this.block():this.unblock()}},mounted:function(){this.blocked&&this.block()},methods:{block:function(){var o="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(o+=" p-blockui-document",this.mask=e.createElement("div",{"data-pc-section":"mask",style:{position:"fixed",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&o,"p-bind":this.ptm("mask")}),document.body.appendChild(this.mask),e.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=e.createElement("div",{"data-pc-section":"mask",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&o,"p-bind":this.ptm("mask")}),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&t.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock:function(){var t=this;!this.isUnstyled&&e.addClass(this.mask,"p-component-overlay-leave"),e.hasCSSAnimation(this.mask)>0?this.mask.addEventListener("animationend",(function(){t.removeMask()})):this.removeMask()},removeMask:function(){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.isBlocked=!1,this.$emit("unblock")}}},m=["aria-busy"];d.render=function(e,t,o,n,c,d){return i(),s("div",a({ref:"container",class:e.cx("root"),"aria-busy":c.isBlocked},e.ptm("root")),[l(e.$slots,"default")],16,m)};export{d as default};

package/blockui/blockui.js

@@ -6,7 +6,7 @@ this.primevue.blockui = (function (utils, BaseComponent, usestyle, vue) {
 
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n";
+    var styles = "\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n";
     var classes = {
       root: 'p-blockui-container'
     };
@@ -72,14 +72,34 @@ this.primevue.blockui = (function (utils, BaseComponent, usestyle, vue) {
           var styleClass = 'p-blockui p-component-overlay p-component-overlay-enter';
           if (this.fullScreen) {
             styleClass += ' p-blockui-document';
-            this.mask = document.createElement('div');
-            !this.isUnstyled && this.mask.setAttribute('class', styleClass);
+            this.mask = utils.DomHandler.createElement('div', {
+              'data-pc-section': 'mask',
+              style: {
+                position: 'fixed',
+                top: '0',
+                left: '0',
+                width: '100%',
+                height: '100%'
+              },
+              "class": !this.isUnstyled && styleClass,
+              'p-bind': this.ptm('mask')
+            });
             document.body.appendChild(this.mask);
             utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
             document.activeElement.blur();
           } else {
-            this.mask = document.createElement('div');
-            !this.isUnstyled && this.mask.setAttribute('class', styleClass);
+            this.mask = utils.DomHandler.createElement('div', {
+              'data-pc-section': 'mask',
+              style: {
+                position: 'absolute',
+                top: '0',
+                left: '0',
+                width: '100%',
+                height: '100%'
+              },
+              "class": !this.isUnstyled && styleClass,
+              'p-bind': this.ptm('mask')
+            });
             this.$refs.container.appendChild(this.mask);
           }
           if (this.autoZIndex) {
@@ -91,17 +111,19 @@ this.primevue.blockui = (function (utils, BaseComponent, usestyle, vue) {
         unblock: function unblock() {
           var _this = this;
           !this.isUnstyled && utils.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
-          this.mask.addEventListener('animationend', function () {
-            _this.removeMask();
-          });
+          if (utils.DomHandler.hasCSSAnimation(this.mask) > 0) {
+            this.mask.addEventListener('animationend', function () {
+              _this.removeMask();
+            });
+          } else {
+            this.removeMask();
+          }
         },
         removeMask: function removeMask() {
           utils.ZIndexUtils.clear(this.mask);
           if (this.fullScreen) {
-            if (!this.isUnstyled) {
-              document.body.removeChild(this.mask);
-              utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-            }
+            document.body.removeChild(this.mask);
+            utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
           } else {
             this.$refs.container.removeChild(this.mask);
           }

package/blockui/blockui.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.blockui=function(e,t,n,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t),l=n.useStyle("\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n",{name:"blockui",manual:!0}),a={name:"BlockUI",extends:{name:"BaseBlockUI",extends:s.default,props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},css:{classes:{root:"p-blockui-container"},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["block","unblock"],mask:null,data:function(){return{isBlocked:!1}},watch:{blocked:function(e){!0===e?this.block():this.unblock()}},mounted:function(){this.blocked&&this.block()},methods:{block:function(){var t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=document.createElement("div"),!this.isUnstyled&&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.isUnstyled&&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.isBlocked=!0,this.$emit("block")},unblock:function(){var t=this;!this.isUnstyled&&e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),this.mask.addEventListener("animationend",(function(){t.removeMask()}))},removeMask:function(){e.ZIndexUtils.clear(this.mask),this.fullScreen?this.isUnstyled||(document.body.removeChild(this.mask),e.DomHandler.removeClass(document.body,"p-overflow-hidden")):this.$refs.container.removeChild(this.mask),this.isBlocked=!1,this.$emit("unblock")}}},c=["aria-busy"];return a.render=function(e,t,n,i,s,l){return o.openBlock(),o.createElementBlock("div",o.mergeProps({ref:"container",class:e.cx("root"),"aria-busy":s.isBlocked},e.ptm("root")),[o.renderSlot(e.$slots,"default")],16,c)},a}(primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.blockui=function(e,t,n,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t),a=n.useStyle("\n.p-blockui-container {\n    position: relative;\n}\n\n.p-blockui.p-component-overlay {\n    position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n    position: fixed;\n}\n",{name:"blockui",manual:!0}),l={name:"BlockUI",extends:{name:"BaseBlockUI",extends:s.default,props:{blocked:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0}},css:{classes:{root:"p-blockui-container"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},emits:["block","unblock"],mask:null,data:function(){return{isBlocked:!1}},watch:{blocked:function(e){!0===e?this.block():this.unblock()}},mounted:function(){this.blocked&&this.block()},methods:{block:function(){var t="p-blockui p-component-overlay p-component-overlay-enter";this.fullScreen?(t+=" p-blockui-document",this.mask=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"fixed",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),document.body.appendChild(this.mask),e.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()):(this.mask=e.DomHandler.createElement("div",{"data-pc-section":"mask",style:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},class:!this.isUnstyled&&t,"p-bind":this.ptm("mask")}),this.$refs.container.appendChild(this.mask)),this.autoZIndex&&e.ZIndexUtils.set("modal",this.mask,this.baseZIndex+this.$primevue.config.zIndex.modal),this.isBlocked=!0,this.$emit("block")},unblock:function(){var t=this;!this.isUnstyled&&e.DomHandler.addClass(this.mask,"p-component-overlay-leave"),e.DomHandler.hasCSSAnimation(this.mask)>0?this.mask.addEventListener("animationend",(function(){t.removeMask()})):this.removeMask()},removeMask:function(){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.isBlocked=!1,this.$emit("unblock")}}},d=["aria-busy"];return l.render=function(e,t,n,i,s,a){return o.openBlock(),o.createElementBlock("div",o.mergeProps({ref:"container",class:e.cx("root"),"aria-busy":s.isBlocked},e.ptm("root")),[o.renderSlot(e.$slots,"default")],16,d)},l}(primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);

package/breadcrumb/Breadcrumb.d.ts

@@ -20,6 +20,7 @@ export declare type BreadcrumbPassThroughOptionType = BreadcrumbPassThroughAttri
 export interface BreadcrumbPassThroughMethodOptions {
     instance: any;
     props: BreadcrumbProps;
+    context: BreadcrumbContext;
 }
 
 /**
@@ -28,39 +29,39 @@ export interface BreadcrumbPassThroughMethodOptions {
  */
 export interface BreadcrumbPassThroughOptions {
     /**
-     * Uses to pass attributes to the root's DOM element.
+     * Used to pass attributes to the root's DOM element.
      */
     root?: BreadcrumbPassThroughOptionType;
     /**
-     * Uses to pass attributes to the list's DOM element.
+     * Used to pass attributes to the list's DOM element.
      */
     menu?: BreadcrumbPassThroughOptionType;
     /**
-     * Uses to pass attributes to the list item's DOM element.
+     * Used to pass attributes to the list item's DOM element.
      */
     menuitem?: BreadcrumbPassThroughOptionType;
     /**
-     * Uses to pass attributes to the action's DOM element.
+     * Used to pass attributes to the action's DOM element.
      */
     action?: BreadcrumbPassThroughOptionType;
     /**
-     * Uses to pass attributes to the icon's DOM element.
+     * Used to pass attributes to the icon's DOM element.
      */
     icon?: BreadcrumbPassThroughOptionType;
     /**
-     * Uses to pass attributes to the label's DOM element.
+     * Used to pass attributes to the label's DOM element.
      */
     label?: BreadcrumbPassThroughOptionType;
     /**
-     * Uses to pass attributes to the separator's DOM element.
+     * Used to pass attributes to the separator's DOM element.
      */
     separator?: BreadcrumbPassThroughOptionType;
     /**
-     * Uses to pass attributes to the separator icon's DOM element.
+     * Used to pass attributes to the separator icon's DOM element.
      */
     separatorIcon?: BreadcrumbPassThroughOptionType;
     /**
-     * Uses to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -73,6 +74,20 @@ export interface BreadcrumbPassThroughAttributes {
     [key: string]: any;
 }
 
+/**
+ * Defines current options in Breadcrumb component.
+ */
+export interface BreadcrumbContext {
+    /**
+     * Current menuitem
+     */
+    item: any;
+    /**
+     * Index of the menuitem
+     */
+    index: number;
+}
+
 /**
  * Defines valid properties in Breadcrumb component.
  */
@@ -99,7 +114,7 @@ export interface BreadcrumbProps {
      */
     'aria-labelledby'?: string | undefined;
     /**
-     * Uses to pass attributes to DOM elements inside the component.
+     * Used to pass attributes to DOM elements inside the component.
      * @type {BreadcrumbPassThroughOptions}
      */
     pt?: BreadcrumbPassThroughOptions;

package/breadcrumb/BreadcrumbItem.vue

@@ -1,17 +1,17 @@
 <template>
-    <li v-if="visible()" :class="[cx('menuitem'), item.class]" v-bind="ptm('menuitem')">
+    <li v-if="visible()" :class="[cx('menuitem'), item.class]" v-bind="ptm('menuitem', ptmOptions)">
         <template v-if="!templates || !templates.item">
             <router-link v-if="item.to" v-slot="{ navigate, href, isActive, isExactActive }" :to="item.to" custom>
-                <a :href="href" :class="cx('action', { isActive, isExactActive })" :aria-current="isCurrentUrl()" @click="onClick($event, navigate)" v-bind="ptm('action')">
+                <a :href="href" :class="cx('action', { isActive, isExactActive })" :aria-current="isCurrentUrl()" @click="onClick($event, navigate)" v-bind="ptm('action', ptmOptions)">
                     <component v-if="templates.itemicon" :is="templates.itemicon" :item="item" :class="cx('icon')" />
-                    <span v-else-if="item.icon" :class="[cx('icon'), item.icon]" v-bind="ptm('icon')" />
-                    <span v-if="item.label" :class="cx('label')" v-bind="ptm('label')">{{ label() }}</span>
+                    <span v-else-if="item.icon" :class="[cx('icon'), item.icon]" v-bind="ptm('icon', ptmOptions)" />
+                    <span v-if="item.label" :class="cx('label')" v-bind="ptm('label', ptmOptions)">{{ label() }}</span>
                 </a>
             </router-link>
-            <a v-else :href="item.url || '#'" :class="cx('action')" :target="item.target" :aria-current="isCurrentUrl()" @click="onClick" v-bind="ptm('action')">
-                <component v-if="templates && templates.itemicon" :is="templates.itemicon" :item="item" :class="cx('icon')" />
-                <span v-else-if="item.icon" :class="[cx('icon'), item.icon]" v-bind="ptm('icon')" />
-                <span v-if="item.label" :class="cx('label')" v-bind="ptm('label')">{{ label() }}</span>
+            <a v-else :href="item.url || '#'" :class="cx('action')" :target="item.target" :aria-current="isCurrentUrl()" @click="onClick" v-bind="ptm('action', ptmOptions)">
+                <component v-if="templates && templates.itemicon" :is="templates.itemicon" :item="item" :class="cx('icon', ptmOptions)" />
+                <span v-else-if="item.icon" :class="[cx('icon'), item.icon]" v-bind="ptm('icon', ptmOptions)" />
+                <span v-if="item.label" :class="cx('label')" v-bind="ptm('label', ptmOptions)">{{ label() }}</span>
             </a>
         </template>
         <component v-else :is="templates.item" :item="item"></component>
@@ -59,6 +59,16 @@ export default {
 
             return to === lastPath || url === lastPath ? 'page' : undefined;
         }
+    },
+    computed: {
+        ptmOptions() {
+            return {
+                context: {
+                    item: this.item,
+                    index: this.index
+                }
+            };
+        }
     }
 };
 </script>

package/breadcrumb/breadcrumb.cjs.js

@@ -105,6 +105,16 @@ var script$1 = {
       var lastPath = this.$router ? this.$router.currentRoute.path : '';
       return to === lastPath || url === lastPath ? 'page' : undefined;
     }
+  },
+  computed: {
+    ptmOptions: function ptmOptions() {
+      return {
+        context: {
+          item: this.item,
+          index: this.index
+        }
+      };
+    }
   }
 };
 
@@ -115,7 +125,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return $options.visible() ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
     key: 0,
     "class": [_ctx.cx('menuitem'), $props.item["class"]]
-  }, _ctx.ptm('menuitem')), [!$props.templates || !$props.templates.item ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+  }, _ctx.ptm('menuitem', $options.ptmOptions)), [!$props.templates || !$props.templates.item ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
     key: 0
   }, [$props.item.to ? (vue.openBlock(), vue.createBlock(_component_router_link, {
     key: 0,
@@ -137,17 +147,17 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: function onClick($event) {
           return $options.onClick($event, navigate);
         }
-      }, _ctx.ptm('action')), [$props.templates.itemicon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.itemicon), {
+      }, _ctx.ptm('action', $options.ptmOptions)), [$props.templates.itemicon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.itemicon), {
         key: 0,
         item: $props.item,
         "class": vue.normalizeClass(_ctx.cx('icon'))
       }, null, 8, ["item", "class"])) : $props.item.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         key: 1,
         "class": [_ctx.cx('icon'), $props.item.icon]
-      }, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true), $props.item.label ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+      }, _ctx.ptm('icon', $options.ptmOptions)), null, 16)) : vue.createCommentVNode("", true), $props.item.label ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         key: 2,
         "class": _ctx.cx('label')
-      }, _ctx.ptm('label')), vue.toDisplayString($options.label()), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_1)];
+      }, _ctx.ptm('label', $options.ptmOptions)), vue.toDisplayString($options.label()), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_1)];
     }),
     _: 1
   }, 8, ["to"])) : (vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({
@@ -159,17 +169,17 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = function () {
       return $options.onClick && $options.onClick.apply($options, arguments);
     })
-  }, _ctx.ptm('action')), [$props.templates && $props.templates.itemicon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.itemicon), {
+  }, _ctx.ptm('action', $options.ptmOptions)), [$props.templates && $props.templates.itemicon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.itemicon), {
     key: 0,
     item: $props.item,
-    "class": vue.normalizeClass(_ctx.cx('icon'))
+    "class": vue.normalizeClass(_ctx.cx('icon', $options.ptmOptions))
   }, null, 8, ["item", "class"])) : $props.item.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
     key: 1,
     "class": [_ctx.cx('icon'), $props.item.icon]
-  }, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true), $props.item.label ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+  }, _ctx.ptm('icon', $options.ptmOptions)), null, 16)) : vue.createCommentVNode("", true), $props.item.label ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
     key: 2,
     "class": _ctx.cx('label')
-  }, _ctx.ptm('label')), vue.toDisplayString($options.label()), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_2))], 64)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.item), {
+  }, _ctx.ptm('label', $options.ptmOptions)), vue.toDisplayString($options.label()), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_2))], 64)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.item), {
     key: 1,
     item: $props.item
   }, null, 8, ["item"]))], 16)) : vue.createCommentVNode("", true);

package/breadcrumb/breadcrumb.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/chevronright"),t=require("primevue/basecomponent"),n=require("primevue/usestyle"),r=require("vue");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e),a=o(t),i=n.useStyle("\n.p-breadcrumb {\n    overflow-x: auto;\n}\n\n.p-breadcrumb .p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n}\n\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n}\n\n.p-breadcrumb .p-menuitem-separator {\n    display: flex;\n    align-items: center;\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n",{name:"breadcrumb",manual:!0}),c={name:"BaseBreadcrumb",extends:a.default,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:i.load},provide:function(){return{$parentInstance:this}}},m={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:a.default,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},visible:function(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label:function(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl:function(){var e=this.item,t=this.$router?this.$router.currentRoute.path:"";return e.to===t||e.url===t?"page":void 0}}},s=["href","aria-current","onClick"],p=["href","target","aria-current"];m.render=function(e,t,n,o,l,a){var i=r.resolveComponent("router-link");return a.visible()?(r.openBlock(),r.createElementBlock("li",r.mergeProps({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem")),[n.templates&&n.templates.item?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.item),{key:1,item:n.item},null,8,["item"])):(r.openBlock(),r.createElementBlock(r.Fragment,{key:0},[n.item.to?(r.openBlock(),r.createBlock(i,{key:0,to:n.item.to,custom:""},{default:r.withCtx((function(t){var o=t.navigate;return[r.createElementVNode("a",r.mergeProps({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":a.isCurrentUrl(),onClick:function(e){return a.onClick(e,o)}},e.ptm("action")),[n.templates.itemicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:r.normalizeClass(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon")),null,16)):r.createCommentVNode("",!0),n.item.label?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:2,class:e.cx("label")},e.ptm("label")),r.toDisplayString(a.label()),17)):r.createCommentVNode("",!0)],16,s)]})),_:1},8,["to"])):(r.openBlock(),r.createElementBlock("a",r.mergeProps({key:1,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":a.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return a.onClick&&a.onClick.apply(a,arguments)})},e.ptm("action")),[n.templates&&n.templates.itemicon?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:r.normalizeClass(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon")),null,16)):r.createCommentVNode("",!0),n.item.label?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:2,class:e.cx("label")},e.ptm("label")),r.toDisplayString(a.label()),17)):r.createCommentVNode("",!0)],16,p))],64))],16)):r.createCommentVNode("",!0)};var u={name:"Breadcrumb",extends:c,components:{BreadcrumbItem:m,ChevronRightIcon:l.default}};u.render=function(e,t,n,o,l,a){var i=r.resolveComponent("BreadcrumbItem"),c=r.resolveComponent("ChevronRightIcon");return r.openBlock(),r.createElementBlock("nav",r.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[r.createElementVNode("ol",r.mergeProps({class:e.cx("menu")},e.ptm("menu")),[e.home?(r.openBlock(),r.createBlock(i,r.mergeProps({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt},e.ptm("home")),null,16,["item","class","templates","exact","pt"])):r.createCommentVNode("",!0),(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(e.model,(function(t,n){return r.openBlock(),r.createElementBlock(r.Fragment,{key:t.label},[e.home||0!==n?(r.openBlock(),r.createElementBlock("li",r.mergeProps({key:0,class:e.cx("separator")},e.ptm("separator")),[r.renderSlot(e.$slots,"separator",{},(function(){return[r.createVNode(c,r.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):r.createCommentVNode("",!0),r.createVNode(i,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt},null,8,["item","index","templates","exact","pt"])],64)})),128))],16)],16)},module.exports=u;
+"use strict";var e=require("primevue/icons/chevronright"),t=require("primevue/basecomponent"),n=require("primevue/usestyle"),o=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),l=r(t),a=n.useStyle("\n.p-breadcrumb {\n    overflow-x: auto;\n}\n\n.p-breadcrumb .p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n}\n\n.p-breadcrumb .p-menuitem-text {\n    line-height: 1;\n}\n\n.p-breadcrumb .p-menuitem-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n}\n\n.p-breadcrumb .p-menuitem-separator {\n    display: flex;\n    align-items: center;\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n",{name:"breadcrumb",manual:!0}),m={name:"BaseBreadcrumb",extends:l.default,props:{model:{type:Array,default:null},home:{type:null,default:null},exact:{type:Boolean,default:!0}},css:{classes:{root:"p-breadcrumb p-component",menu:"p-breadcrumb-list",home:"p-breadcrumb-home",separator:"p-menuitem-separator",menuitem:function(e){return["p-menuitem",{"p-disabled":e.instance.disabled()}]},action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},icon:"p-menuitem-icon",label:"p-menuitem-text"},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},c={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:l.default,props:{item:null,templates:null,exact:null,index:null},methods:{onClick:function(e,t){this.item.command&&this.item.command({originalEvent:e,item:this.item}),this.item.to&&t&&t(e)},visible:function(){return"function"==typeof this.item.visible?this.item.visible():!1!==this.item.visible},disabled:function(){return"function"==typeof this.item.disabled?this.item.disabled():this.item.disabled},label:function(){return"function"==typeof this.item.label?this.item.label():this.item.label},isCurrentUrl:function(){var e=this.item,t=this.$router?this.$router.currentRoute.path:"";return e.to===t||e.url===t?"page":void 0}},computed:{ptmOptions:function(){return{context:{item:this.item,index:this.index}}}}},s=["href","aria-current","onClick"],p=["href","target","aria-current"];c.render=function(e,t,n,r,i,l){var a=o.resolveComponent("router-link");return l.visible()?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",l.ptmOptions)),[n.templates&&n.templates.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.item),{key:1,item:n.item},null,8,["item"])):(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[n.item.to?(o.openBlock(),o.createBlock(a,{key:0,to:n.item.to,custom:""},{default:o.withCtx((function(t){var r=t.navigate;return[o.createElementVNode("a",o.mergeProps({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":l.isCurrentUrl(),onClick:function(e){return l.onClick(e,r)}},e.ptm("action",l.ptmOptions)),[n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",l.ptmOptions)),null,16)):o.createCommentVNode("",!0),n.item.label?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:e.cx("label")},e.ptm("label",l.ptmOptions)),o.toDisplayString(l.label()),17)):o.createCommentVNode("",!0)],16,s)]})),_:1},8,["to"])):(o.openBlock(),o.createElementBlock("a",o.mergeProps({key:1,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":l.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return l.onClick&&l.onClick.apply(l,arguments)})},e.ptm("action",l.ptmOptions)),[n.templates&&n.templates.itemicon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.itemicon),{key:0,item:n.item,class:o.normalizeClass(e.cx("icon",l.ptmOptions))},null,8,["item","class"])):n.item.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",l.ptmOptions)),null,16)):o.createCommentVNode("",!0),n.item.label?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:e.cx("label")},e.ptm("label",l.ptmOptions)),o.toDisplayString(l.label()),17)):o.createCommentVNode("",!0)],16,p))],64))],16)):o.createCommentVNode("",!0)};var u={name:"Breadcrumb",extends:m,components:{BreadcrumbItem:c,ChevronRightIcon:i.default}};u.render=function(e,t,n,r,i,l){var a=o.resolveComponent("BreadcrumbItem"),m=o.resolveComponent("ChevronRightIcon");return o.openBlock(),o.createElementBlock("nav",o.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[o.createElementVNode("ol",o.mergeProps({class:e.cx("menu")},e.ptm("menu")),[e.home?(o.openBlock(),o.createBlock(a,o.mergeProps({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt},e.ptm("home")),null,16,["item","class","templates","exact","pt"])):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.model,(function(t,n){return o.openBlock(),o.createElementBlock(o.Fragment,{key:t.label},[e.home||0!==n?(o.openBlock(),o.createElementBlock("li",o.mergeProps({key:0,class:e.cx("separator")},e.ptm("separator")),[o.renderSlot(e.$slots,"separator",{},(function(){return[o.createVNode(m,o.mergeProps({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):o.createCommentVNode("",!0),o.createVNode(a,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt},null,8,["item","index","templates","exact","pt"])],64)})),128))],16)],16)},module.exports=u;