primevue 3.32.2 → 3.34.0

package/breadcrumb/breadcrumb.esm.js

@@ -1,7 +1,7 @@
 import ChevronRightIcon from 'primevue/icons/chevronright';
 import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, createBlock, withCtx, createElementVNode, resolveDynamicComponent, normalizeClass, createCommentVNode, toDisplayString, renderList, renderSlot, createVNode } from 'vue';
+import { mergeProps, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, withCtx, createElementVNode, resolveDynamicComponent, normalizeClass, createCommentVNode, toDisplayString, renderList, renderSlot, createVNode } from 'vue';
 
 var styles = "\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";
 var classes = {
@@ -95,7 +95,7 @@ var script$1 = {
       var _this$item = this.item,
         to = _this$item.to,
         url = _this$item.url;
-      var lastPath = this.$router ? this.$router.currentRoute.path : '';
+      var lastPath = typeof window !== 'undefined' ? window.location.pathname : '';
       return to === lastPath || url === lastPath ? 'page' : undefined;
     }
   },
@@ -107,6 +107,24 @@ var script$1 = {
           index: this.index
         }
       };
+    },
+    getMenuItemProps: function getMenuItemProps() {
+      var _this = this;
+      return {
+        action: mergeProps({
+          "class": this.cx('action'),
+          'aria-current': this.isCurrentUrl(),
+          onClick: function onClick($event) {
+            return _this.onClick($event);
+          }
+        }, this.ptm('action', this.ptmOptions)),
+        icon: mergeProps({
+          "class": [this.cx('icon'), this.item.icon]
+        }, this.ptm('icon', this.ptmOptions)),
+        label: mergeProps({
+          "class": this.cx('label')
+        }, this.ptm('label', this.ptmOptions))
+      };
     }
   }
 };
@@ -118,7 +136,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return $options.visible() ? (openBlock(), createElementBlock("li", mergeProps({
     key: 0,
     "class": [_ctx.cx('menuitem'), $props.item["class"]]
-  }, _ctx.ptm('menuitem', $options.ptmOptions)), [!$props.templates || !$props.templates.item ? (openBlock(), createElementBlock(Fragment, {
+  }, _ctx.ptm('menuitem', $options.ptmOptions)), [!$props.templates.item ? (openBlock(), createElementBlock(Fragment, {
     key: 0
   }, [$props.item.to ? (openBlock(), createBlock(_component_router_link, {
     key: 0,
@@ -174,8 +192,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     "class": _ctx.cx('label')
   }, _ctx.ptm('label', $options.ptmOptions)), toDisplayString($options.label()), 17)) : createCommentVNode("", true)], 16, _hoisted_2))], 64)) : (openBlock(), createBlock(resolveDynamicComponent($props.templates.item), {
     key: 1,
-    item: $props.item
-  }, null, 8, ["item"]))], 16)) : createCommentVNode("", true);
+    item: $props.item,
+    label: $options.label(),
+    props: $options.getMenuItemProps
+  }, null, 8, ["item", "label", "props"]))], 16)) : createCommentVNode("", true);
 }
 
 script$1.render = render$1;
@@ -183,6 +203,11 @@ script$1.render = render$1;
 var script = {
   name: 'Breadcrumb',
   "extends": script$2,
+  beforeMount: function beforeMount() {
+    if (!this.$slots.item) {
+      console.warn('In future versions, vue-router support will be removed. Item templating should be used.');
+    }
+  },
   components: {
     BreadcrumbItem: script$1,
     ChevronRightIcon: ChevronRightIcon
@@ -204,8 +229,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "class": _ctx.cx('home'),
     templates: _ctx.$slots,
     exact: _ctx.exact,
-    pt: _ctx.pt
-  }, _ctx.ptm('home')), null, 16, ["item", "class", "templates", "exact", "pt"])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, function (item, i) {
+    pt: _ctx.pt,
+    unstyled: _ctx.unstyled
+  }, _ctx.ptm('home')), null, 16, ["item", "class", "templates", "exact", "pt", "unstyled"])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, function (item, i) {
     return openBlock(), createElementBlock(Fragment, {
       key: item.label
     }, [_ctx.home || i !== 0 ? (openBlock(), createElementBlock("li", mergeProps({
@@ -220,8 +246,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       index: i,
       templates: _ctx.$slots,
       exact: _ctx.exact,
-      pt: _ctx.pt
-    }, null, 8, ["item", "index", "templates", "exact", "pt"])], 64);
+      pt: _ctx.pt,
+      unstyled: _ctx.unstyled
+    }, null, 8, ["item", "index", "templates", "exact", "pt", "unstyled"])], 64);
   }), 128))], 16)], 16);
 }
 

package/breadcrumb/breadcrumb.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/chevronright";import t from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{resolveComponent as i,openBlock as a,createElementBlock as r,mergeProps as m,Fragment as l,createBlock as o,withCtx as s,createElementVNode as c,resolveDynamicComponent as p,normalizeClass as u,createCommentVNode as d,toDisplayString as b,renderList as h,renderSlot as x,createVNode as f}from"vue";var v=n("\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}),y={name:"BaseBreadcrumb",extends:t,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:v.load},provide:function(){return{$parentInstance:this}}},k={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:t,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}}}}},g=["href","aria-current","onClick"],C=["href","target","aria-current"];k.render=function(e,t,n,h,x,f){var v=i("router-link");return f.visible()?(a(),r("li",m({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",f.ptmOptions)),[n.templates&&n.templates.item?(a(),o(p(n.templates.item),{key:1,item:n.item},null,8,["item"])):(a(),r(l,{key:0},[n.item.to?(a(),o(v,{key:0,to:n.item.to,custom:""},{default:s((function(t){var i=t.navigate;return[c("a",m({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":f.isCurrentUrl(),onClick:function(e){return f.onClick(e,i)}},e.ptm("action",f.ptmOptions)),[n.templates.itemicon?(a(),o(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(a(),r("span",m({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",f.ptmOptions)),null,16)):d("",!0),n.item.label?(a(),r("span",m({key:2,class:e.cx("label")},e.ptm("label",f.ptmOptions)),b(f.label()),17)):d("",!0)],16,g)]})),_:1},8,["to"])):(a(),r("a",m({key:1,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":f.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return f.onClick&&f.onClick.apply(f,arguments)})},e.ptm("action",f.ptmOptions)),[n.templates&&n.templates.itemicon?(a(),o(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon",f.ptmOptions))},null,8,["item","class"])):n.item.icon?(a(),r("span",m({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",f.ptmOptions)),null,16)):d("",!0),n.item.label?(a(),r("span",m({key:2,class:e.cx("label")},e.ptm("label",f.ptmOptions)),b(f.label()),17)):d("",!0)],16,C))],64))],16)):d("",!0)};var O={name:"Breadcrumb",extends:y,components:{BreadcrumbItem:k,ChevronRightIcon:e}};O.render=function(e,t,n,s,p,u){var b=i("BreadcrumbItem"),v=i("ChevronRightIcon");return a(),r("nav",m({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[c("ol",m({class:e.cx("menu")},e.ptm("menu")),[e.home?(a(),o(b,m({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"])):d("",!0),(a(!0),r(l,null,h(e.model,(function(t,n){return a(),r(l,{key:t.label},[e.home||0!==n?(a(),r("li",m({key:0,class:e.cx("separator")},e.ptm("separator")),[x(e.$slots,"separator",{},(function(){return[f(v,m({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):d("",!0),f(b,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt},null,8,["item","index","templates","exact","pt"])],64)})),128))],16)],16)};export{O as default};
+import e from"primevue/icons/chevronright";import t from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{mergeProps as i,resolveComponent as a,openBlock as l,createElementBlock as r,Fragment as s,createBlock as m,withCtx as o,createElementVNode as c,resolveDynamicComponent as p,normalizeClass as u,createCommentVNode as d,toDisplayString as b,renderList as h,renderSlot as f,createVNode as x}from"vue";var y=n("\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}),v={name:"BaseBreadcrumb",extends:t,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:y.load},provide:function(){return{$parentInstance:this}}},k={name:"BreadcrumbItem",hostName:"Breadcrumb",extends:t,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="undefined"!=typeof window?window.location.pathname:"";return e.to===t||e.url===t?"page":void 0}},computed:{ptmOptions:function(){return{context:{item:this.item,index:this.index}}},getMenuItemProps:function(){var e=this;return{action:i({class:this.cx("action"),"aria-current":this.isCurrentUrl(),onClick:function(t){return e.onClick(t)}},this.ptm("action",this.ptmOptions)),icon:i({class:[this.cx("icon"),this.item.icon]},this.ptm("icon",this.ptmOptions)),label:i({class:this.cx("label")},this.ptm("label",this.ptmOptions))}}}},g=["href","aria-current","onClick"],C=["href","target","aria-current"];k.render=function(e,t,n,h,f,x){var y=a("router-link");return x.visible()?(l(),r("li",i({key:0,class:[e.cx("menuitem"),n.item.class]},e.ptm("menuitem",x.ptmOptions)),[n.templates.item?(l(),m(p(n.templates.item),{key:1,item:n.item,label:x.label(),props:x.getMenuItemProps},null,8,["item","label","props"])):(l(),r(s,{key:0},[n.item.to?(l(),m(y,{key:0,to:n.item.to,custom:""},{default:o((function(t){var a=t.navigate;return[c("a",i({href:t.href,class:e.cx("action",{isActive:t.isActive,isExactActive:t.isExactActive}),"aria-current":x.isCurrentUrl(),onClick:function(e){return x.onClick(e,a)}},e.ptm("action",x.ptmOptions)),[n.templates.itemicon?(l(),m(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon"))},null,8,["item","class"])):n.item.icon?(l(),r("span",i({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",x.ptmOptions)),null,16)):d("",!0),n.item.label?(l(),r("span",i({key:2,class:e.cx("label")},e.ptm("label",x.ptmOptions)),b(x.label()),17)):d("",!0)],16,g)]})),_:1},8,["to"])):(l(),r("a",i({key:1,href:n.item.url||"#",class:e.cx("action"),target:n.item.target,"aria-current":x.isCurrentUrl(),onClick:t[0]||(t[0]=function(){return x.onClick&&x.onClick.apply(x,arguments)})},e.ptm("action",x.ptmOptions)),[n.templates&&n.templates.itemicon?(l(),m(p(n.templates.itemicon),{key:0,item:n.item,class:u(e.cx("icon",x.ptmOptions))},null,8,["item","class"])):n.item.icon?(l(),r("span",i({key:1,class:[e.cx("icon"),n.item.icon]},e.ptm("icon",x.ptmOptions)),null,16)):d("",!0),n.item.label?(l(),r("span",i({key:2,class:e.cx("label")},e.ptm("label",x.ptmOptions)),b(x.label()),17)):d("",!0)],16,C))],64))],16)):d("",!0)};var O={name:"Breadcrumb",extends:v,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:k,ChevronRightIcon:e}};O.render=function(e,t,n,o,p,u){var b=a("BreadcrumbItem"),y=a("ChevronRightIcon");return l(),r("nav",i({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"breadcrumb"}),[c("ol",i({class:e.cx("menu")},e.ptm("menu")),[e.home?(l(),m(b,i({key:0,item:e.home,class:e.cx("home"),templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","pt","unstyled"])):d("",!0),(l(!0),r(s,null,h(e.model,(function(t,n){return l(),r(s,{key:t.label},[e.home||0!==n?(l(),r("li",i({key:0,class:e.cx("separator")},e.ptm("separator")),[f(e.$slots,"separator",{},(function(){return[x(y,i({"aria-hidden":"true"},e.ptm("separatorIcon")),null,16)]}))],16)):d("",!0),x(b,{item:t,index:n,templates:e.$slots,exact:e.exact,pt:e.pt,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)};export{O as default};

package/breadcrumb/breadcrumb.js

@@ -99,7 +99,7 @@ this.primevue.breadcrumb = (function (ChevronRightIcon, BaseComponent, usestyle,
           var _this$item = this.item,
             to = _this$item.to,
             url = _this$item.url;
-          var lastPath = this.$router ? this.$router.currentRoute.path : '';
+          var lastPath = typeof window !== 'undefined' ? window.location.pathname : '';
           return to === lastPath || url === lastPath ? 'page' : undefined;
         }
       },
@@ -111,6 +111,24 @@ this.primevue.breadcrumb = (function (ChevronRightIcon, BaseComponent, usestyle,
               index: this.index
             }
           };
+        },
+        getMenuItemProps: function getMenuItemProps() {
+          var _this = this;
+          return {
+            action: vue.mergeProps({
+              "class": this.cx('action'),
+              'aria-current': this.isCurrentUrl(),
+              onClick: function onClick($event) {
+                return _this.onClick($event);
+              }
+            }, this.ptm('action', this.ptmOptions)),
+            icon: vue.mergeProps({
+              "class": [this.cx('icon'), this.item.icon]
+            }, this.ptm('icon', this.ptmOptions)),
+            label: vue.mergeProps({
+              "class": this.cx('label')
+            }, this.ptm('label', this.ptmOptions))
+          };
         }
       }
     };
@@ -122,7 +140,7 @@ this.primevue.breadcrumb = (function (ChevronRightIcon, BaseComponent, usestyle,
       return $options.visible() ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
         key: 0,
         "class": [_ctx.cx('menuitem'), $props.item["class"]]
-      }, _ctx.ptm('menuitem', $options.ptmOptions)), [!$props.templates || !$props.templates.item ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+      }, _ctx.ptm('menuitem', $options.ptmOptions)), [!$props.templates.item ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
         key: 0
       }, [$props.item.to ? (vue.openBlock(), vue.createBlock(_component_router_link, {
         key: 0,
@@ -178,8 +196,10 @@ this.primevue.breadcrumb = (function (ChevronRightIcon, BaseComponent, usestyle,
         "class": _ctx.cx('label')
       }, _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);
+        item: $props.item,
+        label: $options.label(),
+        props: $options.getMenuItemProps
+      }, null, 8, ["item", "label", "props"]))], 16)) : vue.createCommentVNode("", true);
     }
 
     script$1.render = render$1;
@@ -187,6 +207,11 @@ this.primevue.breadcrumb = (function (ChevronRightIcon, BaseComponent, usestyle,
     var script = {
       name: 'Breadcrumb',
       "extends": script$2,
+      beforeMount: function beforeMount() {
+        if (!this.$slots.item) {
+          console.warn('In future versions, vue-router support will be removed. Item templating should be used.');
+        }
+      },
       components: {
         BreadcrumbItem: script$1,
         ChevronRightIcon: ChevronRightIcon__default["default"]
@@ -208,8 +233,9 @@ this.primevue.breadcrumb = (function (ChevronRightIcon, BaseComponent, usestyle,
         "class": _ctx.cx('home'),
         templates: _ctx.$slots,
         exact: _ctx.exact,
-        pt: _ctx.pt
-      }, _ctx.ptm('home')), null, 16, ["item", "class", "templates", "exact", "pt"])) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.model, function (item, i) {
+        pt: _ctx.pt,
+        unstyled: _ctx.unstyled
+      }, _ctx.ptm('home')), null, 16, ["item", "class", "templates", "exact", "pt", "unstyled"])) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.model, function (item, i) {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: item.label
         }, [_ctx.home || i !== 0 ? (vue.openBlock(), vue.createElementBlock("li", vue.mergeProps({
@@ -224,8 +250,9 @@ this.primevue.breadcrumb = (function (ChevronRightIcon, BaseComponent, usestyle,
           index: i,
           templates: _ctx.$slots,
           exact: _ctx.exact,
-          pt: _ctx.pt
-        }, null, 8, ["item", "index", "templates", "exact", "pt"])], 64);
+          pt: _ctx.pt,
+          unstyled: _ctx.unstyled
+        }, null, 8, ["item", "index", "templates", "exact", "pt", "unstyled"])], 64);
       }), 128))], 16)], 16);
     }
 

package/breadcrumb/breadcrumb.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.breadcrumb=function(e,t,n,o){"use strict";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}};return 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)},u}(primevue.icons.chevronright,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.breadcrumb=function(e,t,n,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),l=i(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="undefined"!=typeof window?window.location.pathname:"";return e.to===t||e.url===t?"page":void 0}},computed:{ptmOptions:function(){return{context:{item:this.item,index:this.index}}},getMenuItemProps:function(){var e=this;return{action:o.mergeProps({class:this.cx("action"),"aria-current":this.isCurrentUrl(),onClick:function(t){return e.onClick(t)}},this.ptm("action",this.ptmOptions)),icon:o.mergeProps({class:[this.cx("icon"),this.item.icon]},this.ptm("icon",this.ptmOptions)),label:o.mergeProps({class:this.cx("label")},this.ptm("label",this.ptmOptions))}}}},s=["href","aria-current","onClick"],p=["href","target","aria-current"];c.render=function(e,t,n,i,r,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.item?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(n.templates.item),{key:1,item:n.item,label:l.label(),props:l.getMenuItemProps},null,8,["item","label","props"])):(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 i=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,i)}},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,beforeMount:function(){this.$slots.item||console.warn("In future versions, vue-router support will be removed. Item templating should be used.")},components:{BreadcrumbItem:c,ChevronRightIcon:r.default}};return u.render=function(e,t,n,i,r,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,unstyled:e.unstyled},e.ptm("home")),null,16,["item","class","templates","exact","pt","unstyled"])):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,unstyled:e.unstyled},null,8,["item","index","templates","exact","pt","unstyled"])],64)})),128))],16)],16)},u}(primevue.icons.chevronright,primevue.basecomponent,primevue.usestyle,Vue);

package/button/Button.d.ts

@@ -9,7 +9,8 @@
  */
 import { ButtonHTMLAttributes, VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
 
 export declare type ButtonPassThroughOptionType = ButtonPassThroughAttributes | ((options: ButtonPassThroughMethodOptions) => ButtonPassThroughAttributes | string) | string | null | undefined;
 
@@ -17,10 +18,26 @@ export declare type ButtonPassThroughOptionType = ButtonPassThroughAttributes |
  * Custom passthrough(pt) option method.
  */
 export interface ButtonPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
     instance: any;
+    /**
+     * Defines valid properties.
+     */
     props: ButtonProps;
+    /**
+     * Defines current options.
+     */
     context: ButtonContext;
+    /**
+     * Defines parent instance.
+     */
     parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
 }
 
 /**
@@ -150,7 +167,12 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * Used to pass attributes to DOM elements inside the component.
      * @type {ButtonPassThroughOptions}
      */
-    pt?: PTOptions<ButtonPassThroughOptions>;
+    pt?: PassThrough<ButtonPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false

package/button/button.cjs.js

@@ -13,7 +13,7 @@ var SpinnerIcon__default = /*#__PURE__*/_interopDefaultLegacy(SpinnerIcon);
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }

package/button/button.esm.js

@@ -4,7 +4,7 @@ import Ripple from 'primevue/ripple';
 import BaseComponent from 'primevue/basecomponent';
 import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, mergeProps, renderSlot, normalizeClass, createBlock, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }

package/button/button.js

@@ -9,7 +9,7 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, vue
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+    function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
     function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
     function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
     function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }

package/calendar/Calendar.d.ts

@@ -10,7 +10,8 @@
 import { HTMLAttributes, InputHTMLAttributes, TransitionProps, VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { ButtonPassThroughOptionType } from '../button';
-import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
 
 export declare type CalendarPassThroughOptionType = CalendarPassThroughAttributes | ((options: CalendarPassThroughMethodOptions) => CalendarPassThroughAttributes | string) | string | null | undefined;
 
@@ -20,10 +21,26 @@ export declare type CalendarPassThroughTransitionType = TransitionProps | ((opti
  * Custom passthrough(pt) option method.
  */
 export interface CalendarPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
     instance: any;
+    /**
+     * Defines valid properties.
+     */
     props: CalendarProps;
+    /**
+     * Defines current inline state.
+     */
     state: CalendarState;
+    /**
+     * Defines current options.
+     */
     context: CalendarContext;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
 }
 
 /**
@@ -393,7 +410,7 @@ export interface CalendarContext {
 }
 
 /**
- * Defines cuurent month options.
+ * Defines current month options.
  */
 export interface CalendarMonthOptions {
     /**
@@ -624,7 +641,7 @@ export interface CalendarProps {
      */
     showWeek?: boolean | undefined;
     /**
-     * Wheter to allow prevents entering the date manually via typing.
+     * Whether to allow entering the date manually via typing.
      * @defaultValue true
      */
     manualInput?: boolean | undefined;
@@ -691,7 +708,12 @@ export interface CalendarProps {
      * Used to pass attributes to DOM elements inside the component.
      * @type {CalendarPassThroughOptions}
      */
-    pt?: PTOptions<CalendarPassThroughOptions>;
+    pt?: PassThrough<CalendarPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false