primevue 3.30.0 → 3.30.2

package/tabview/tabview.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tabview=function(e,t,n,r,a,i,o){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),p=c(a),u=i.useStyle("\n.p-tabview-nav-container {\n    position: relative;\n}\n\n.p-tabview-scrollable .p-tabview-nav-container {\n    overflow: hidden;\n}\n\n.p-tabview-nav-content {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    overscroll-behavior: contain auto;\n}\n\n.p-tabview-nav {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    flex: 1 1 auto;\n}\n\n.p-tabview-header-action {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden;\n}\n\n.p-tabview-ink-bar {\n    display: none;\n    z-index: 1;\n}\n\n.p-tabview-header-action:focus {\n    z-index: 1;\n}\n\n.p-tabview-title {\n    line-height: 1;\n    white-space: nowrap;\n}\n\n.p-tabview-nav-btn {\n    position: absolute;\n    top: 0;\n    z-index: 2;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-tabview-nav-prev {\n    left: 0;\n}\n\n.p-tabview-nav-next {\n    right: 0;\n}\n\n.p-tabview-nav-content::-webkit-scrollbar {\n    display: none;\n}\n",{name:"tabview",manual:!0});function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){var t=g(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var y={name:"TabView",extends:{name:"BaseTabView",extends:p.default,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(e){var t=e.instance,n=e.tab,r=e.index;return["p-tabview-header",t.getTabProp(n,"headerClass"),{"p-highlight":t.d_activeIndex===r,"p-disabled":t.getTabProp(n,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(e){return["p-tabview-panel",e.instance.getTabProp(e.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"},loadStyle:u.load},provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(e){this.id=e||r.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.id=this.id||r.UniqueComponentId(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(e){return"TabPanel"===e.type.name},isTabActive:function(e){return this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var r={props:e.props,parent:{props:this.$props,state:this.$data},context:{index:n}};return f(f({},this.ptm("tab.".concat(t),{tab:r})),this.ptmo(this.getTabProp(e,"pt"),t,r))},onScroll:function(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick:function(){var e=this.$refs.content,t=r.DomHandler.getWidth(e),n=e.scrollLeft-t;e.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var e=this.$refs.content,t=r.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),n=e.scrollLeft+t,a=e.scrollWidth-t;e.scrollLeft=n>=a?a:n},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowLeft":this.onTabArrowLeftKey(e);break;case"ArrowRight":this.onTabArrowRightKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey:function(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey:function(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?r.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===r.DomHandler.getAttribute(t,"data-pc-section")?this.findNextHeaderAction(t):r.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?r.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===r.DomHandler.getAttribute(t,"data-pc-section")?this.findPrevHeaderAction(t):r.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(e,t,n){this.getTabProp(t,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:e,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(e,t){if(t&&(r.DomHandler.focus(t),this.scrollInView({element:t}),this.selectOnFocus)){var n=parseInt(t.parentElement.dataset.index,10);this.changeActiveIndex(e,this.tabs[n],n)}},scrollInView:function(e){var t=e.index,n=e.element||this.$refs.nav.children[void 0===t?-1:t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=r.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=r.DomHandler.getOffset(e).left-r.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var e=this.$refs.content,t=e.scrollLeft,n=e.scrollWidth,a=r.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-a},getVisibleButtonWidths:function(){var e=this.$refs;return[e.prevBtn,e.nextBtn].reduce((function(e,t){return t?e+r.DomHandler.getWidth(t):e}),0)}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isTabPanel(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isTabPanel(n)&&t.push(n)})),t}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:d.default},components:{ChevronLeftIcon:l.default,ChevronRightIcon:s.default}};function x(e){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},x(e)}function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(e){var t=B(e,"string");return"symbol"===x(t)?t:String(t)}function B(e,t){if("object"!==x(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var I=["tabindex","aria-label"],D=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],A=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],C=["tabindex","aria-label"],S=["aria-labelledby","data-pc-index","data-p-active"];return y.render=function(e,t,n,r,a,i){var c=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tabview"}),[o.createElementVNode("div",o.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!a.isPrevButtonDisabled?o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({key:0,ref:"prevBtn",type:"button",class:e.cx("previousButton"),tabindex:e.tabindex,"aria-label":i.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return i.onPrevButtonClick&&i.onPrevButtonClick.apply(i,arguments)})},P(P({},e.previousButtonProps),e.ptm("previousButton"))),[o.renderSlot(e.$slots,"previcon",{},(function(){return[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),o.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,I)),[[c]]):o.createCommentVNode("",!0),o.createElementVNode("div",o.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return i.onScroll&&i.onScroll.apply(i,arguments)})},e.ptm("navContent")),[o.createElementVNode("ul",o.mergeProps({ref:"nav",class:e.cx("nav"),role:"tablist"},e.ptm("nav")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.tabs,(function(t,n){return o.openBlock(),o.createElementBlock("li",o.mergeProps({key:i.getKey(t,n),style:i.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation","data-pc-name":"tabpanel","data-p-highlight":a.d_activeIndex===n,"data-p-disabled":i.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":a.d_activeIndex===n},P(P(P({},i.getTabProp(t,"headerProps")),i.getTabPT(t,"root",n)),i.getTabPT(t,"header",n))),[o.withDirectives((o.openBlock(),o.createElementBlock("a",o.mergeProps({id:i.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:i.getTabProp(t,"disabled")||!i.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":i.getTabProp(t,"disabled"),"aria-selected":i.isTabActive(n),"aria-controls":i.getTabContentId(n),onClick:function(e){return i.onTabClick(e,t,n)},onKeydown:function(e){return i.onTabKeyDown(e,t,n)}},P(P({},i.getTabProp(t,"headerActionProps")),i.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:e.cx("tab.headerTitle")},i.getTabPT(t,"headerTitle",n)),o.toDisplayString(t.props.header),17)):o.createCommentVNode("",!0),t.children&&t.children.header?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t.children.header),{key:1})):o.createCommentVNode("",!0)],16,A)),[[c]])],16,D)})),128)),o.createElementVNode("li",o.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!a.isNextButtonDisabled?o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({key:1,ref:"nextBtn",type:"button",class:e.cx("nextButton"),tabindex:e.tabindex,"aria-label":i.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return i.onNextButtonClick&&i.onNextButtonClick.apply(i,arguments)})},P(P({},e.nextButtonProps),e.ptm("nextButton"))),[o.renderSlot(e.$slots,"nexticon",{},(function(){return[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),o.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,C)),[[c]]):o.createCommentVNode("",!0)],16),o.createElementVNode("div",o.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(i.tabs,(function(t,n){return o.openBlock(),o.createElementBlock(o.Fragment,{key:i.getKey(t,n)},[!e.lazy||i.isTabActive(n)?o.withDirectives((o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,style:i.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":i.getTabHeaderActionId(n),"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":a.d_activeIndex===n},P(P(P({},i.getTabProp(t,"contentProps")),i.getTabPT(t,"root",n)),i.getTabPT(t,"content",n))),[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t)))],16,S)),[[o.vShow,!!e.lazy||i.isTabActive(n)]]):o.createCommentVNode("",!0)],64)})),128))],16)],16)},y}(primevue.icons.chevronleft,primevue.icons.chevronright,primevue.ripple,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.tabview=function(e,t,n,a,i,r,o){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),p=c(r),u=o.useStyle("\n.p-tabview-nav-container {\n    position: relative;\n}\n\n.p-tabview-scrollable .p-tabview-nav-container {\n    overflow: hidden;\n}\n\n.p-tabview-nav-content {\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scrollbar-width: none;\n    overscroll-behavior: contain auto;\n}\n\n.p-tabview-nav {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    flex: 1 1 auto;\n}\n\n.p-tabview-header-action {\n    cursor: pointer;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden;\n}\n\n.p-tabview-ink-bar {\n    display: none;\n    z-index: 1;\n}\n\n.p-tabview-header-action:focus {\n    z-index: 1;\n}\n\n.p-tabview-title {\n    line-height: 1;\n    white-space: nowrap;\n}\n\n.p-tabview-nav-btn {\n    position: absolute;\n    top: 0;\n    z-index: 2;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-tabview-nav-prev {\n    left: 0;\n}\n\n.p-tabview-nav-next {\n    right: 0;\n}\n\n.p-tabview-nav-content::-webkit-scrollbar {\n    display: none;\n}\n",{name:"tabview",manual:!0}),b={name:"TabView",extends:{name:"BaseTabView",extends:p.default,props:{activeIndex:{type:Number,default:0},lazy:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},previousButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null},prevIcon:{type:String,default:void 0},nextIcon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-tabview p-component",{"p-tabview-scrollable":e.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(e){var t=e.instance,n=e.tab,a=e.index;return["p-tabview-header",t.getTabProp(n,"headerClass"),{"p-highlight":t.d_activeIndex===a,"p-disabled":t.getTabProp(n,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(e){return["p-tabview-panel",e.instance.getTabProp(e.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"},loadStyle:u.load},provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change","tab-click"],data:function(){return{id:this.$attrs.id,d_activeIndex:this.activeIndex,isPrevButtonDisabled:!0,isNextButtonDisabled:!1}},watch:{"$attrs.id":function(e){this.id=e||a.UniqueComponentId()},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.id=this.id||a.UniqueComponentId(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar()},methods:{isTabPanel:function(e){return"TabPanel"===e.type.name},isTabActive:function(e){return this.d_activeIndex===e},getTabProp:function(e,t){return e.props?e.props[t]:void 0},getKey:function(e,t){return this.getTabProp(e,"header")||t},getTabHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getTabContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getTabPT:function(e,t,n){var a=this.tabs.length,r={props:e.props,parent:{props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return i.mergeProps(this.ptm("tab.".concat(t),{tab:r}),this.ptm("tabpanel.".concat(t),{tabpanel:r}),this.ptm("tabpanel.".concat(t),r),this.ptmo(this.getTabProp(e,"pt"),t,r))},onScroll:function(e){this.scrollable&&this.updateButtonState(),e.preventDefault()},onPrevButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e),n=e.scrollLeft-t;e.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var e=this.$refs.content,t=a.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),n=e.scrollLeft+t,i=e.scrollWidth-t;e.scrollLeft=n>=i?i:n},onTabClick:function(e,t,n){this.changeActiveIndex(e,t,n),this.$emit("tab-click",{originalEvent:e,index:n})},onTabKeyDown:function(e,t,n){switch(e.code){case"ArrowLeft":this.onTabArrowLeftKey(e);break;case"ArrowRight":this.onTabArrowRightKey(e);break;case"Home":this.onTabHomeKey(e);break;case"End":this.onTabEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"Space":this.onTabEnterKey(e,t,n)}},onTabArrowRightKey:function(e){var t=this.findNextHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabHomeKey(e),e.preventDefault()},onTabArrowLeftKey:function(e){var t=this.findPrevHeaderAction(e.target.parentElement);t?this.changeFocusedTab(e,t):this.onTabEndKey(e),e.preventDefault()},onTabHomeKey:function(e){var t=this.findFirstHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onTabEndKey:function(e){var t=this.findLastHeaderAction();this.changeFocusedTab(e,t),e.preventDefault()},onPageDownKey:function(e){this.scrollInView({index:this.$refs.nav.children.length-2}),e.preventDefault()},onPageUpKey:function(e){this.scrollInView({index:0}),e.preventDefault()},onTabEnterKey:function(e,t,n){this.changeActiveIndex(e,t,n),e.preventDefault()},findNextHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.nextElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findNextHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?e:e.previousElementSibling;return t?a.DomHandler.getAttribute(t,"data-p-disabled")||"inkbar"===a.DomHandler.getAttribute(t,"data-pc-section")?this.findPrevHeaderAction(t):a.DomHandler.findSingle(t,'[data-pc-section="headeraction"]'):null},findFirstHeaderAction:function(){return this.findNextHeaderAction(this.$refs.nav.firstElementChild,!0)},findLastHeaderAction:function(){return this.findPrevHeaderAction(this.$refs.nav.lastElementChild,!0)},changeActiveIndex:function(e,t,n){this.getTabProp(t,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:e,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(e,t){if(t&&(a.DomHandler.focus(t),this.scrollInView({element:t}),this.selectOnFocus)){var n=parseInt(t.parentElement.dataset.index,10);this.changeActiveIndex(e,this.tabs[n],n)}},scrollInView:function(e){var t=e.index,n=e.element||this.$refs.nav.children[void 0===t?-1:t];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var e=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.DomHandler.getWidth(e)+"px",this.$refs.inkbar.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var e=this.$refs.content,t=e.scrollLeft,n=e.scrollWidth,i=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-i},getVisibleButtonWidths:function(){var e=this.$refs;return[e.prevBtn,e.nextBtn].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isTabPanel(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isTabPanel(n)&&t.push(n)})),t}),[])},prevButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.previous:void 0},nextButtonAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.next:void 0}},directives:{ripple:d.default},components:{ChevronLeftIcon:l.default,ChevronRightIcon:s.default}};function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){var t=y(e,"string");return"symbol"===v(t)?t:String(t)}function y(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!==v(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var x=["tabindex","aria-label"],w=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],P=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],k=["tabindex","aria-label"],T=["aria-labelledby","data-pc-index","data-p-active"];return b.render=function(e,t,n,a,r,o){var c=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tabview"}),[i.createElementVNode("div",i.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!r.isPrevButtonDisabled?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:0,ref:"prevBtn",type:"button",class:e.cx("previousButton"),tabindex:e.tabindex,"aria-label":o.prevButtonAriaLabel,onClick:t[0]||(t[0]=function(){return o.onPrevButtonClick&&o.onPrevButtonClick.apply(o,arguments)})},f(f({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[i.renderSlot(e.$slots,"previcon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),i.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,x)),[[c]]):i.createCommentVNode("",!0),i.createElementVNode("div",i.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[i.createElementVNode("ul",i.mergeProps({ref:"nav",class:e.cx("nav"),role:"tablist"},e.ptm("nav")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock("li",i.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},f(f(f({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":r.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":r.d_activeIndex===n}),[i.withDirectives((i.openBlock(),i.createElementBlock("a",i.mergeProps({id:o.getTabHeaderActionId(n),class:e.cx("tab.headerAction"),tabindex:o.getTabProp(t,"disabled")||!o.isTabActive(n)?-1:e.tabindex,role:"tab","aria-disabled":o.getTabProp(t,"disabled"),"aria-selected":o.isTabActive(n),"aria-controls":o.getTabContentId(n),onClick:function(e){return o.onTabClick(e,t,n)},onKeydown:function(e){return o.onTabKeyDown(e,t,n)}},f(f({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),i.toDisplayString(t.props.header),17)):i.createCommentVNode("",!0),t.children&&t.children.header?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.children.header),{key:1})):i.createCommentVNode("",!0)],16,P)),[[c]])],16,w)})),128)),i.createElementVNode("li",i.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!r.isNextButtonDisabled?i.withDirectives((i.openBlock(),i.createElementBlock("button",i.mergeProps({key:1,ref:"nextBtn",type:"button",class:e.cx("nextButton"),tabindex:e.tabindex,"aria-label":o.nextButtonAriaLabel,onClick:t[2]||(t[2]=function(){return o.onNextButtonClick&&o.onNextButtonClick.apply(o,arguments)})},f(f({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[i.renderSlot(e.$slots,"nexticon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),i.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,k)),[[c]]):i.createCommentVNode("",!0)],16),i.createElementVNode("div",i.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(o.tabs,(function(t,n){return i.openBlock(),i.createElementBlock(i.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},f(f(f({},o.getTabProp(t,"contentProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":r.d_activeIndex===n}),[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t)))],16,T)),[[i.vShow,!!e.lazy||o.isTabActive(n)]]):i.createCommentVNode("",!0)],64)})),128))],16)],16)},b}(primevue.icons.chevronleft,primevue.icons.chevronright,primevue.ripple,primevue.utils,Vue,primevue.basecomponent,primevue.usestyle);

package/tag/Tag.d.ts

@@ -11,7 +11,7 @@ import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-export declare type TagPassThroughOptionType = TagPassThroughAttributes | ((options: TagPassThroughMethodOptions) => TagPassThroughAttributes) | null | undefined;
+export declare type TagPassThroughOptionType = TagPassThroughAttributes | ((options: TagPassThroughMethodOptions) => TagPassThroughAttributes | string) | string | null | undefined;
 
 /**
  * Custom passthrough(pt) option method.

package/terminal/Terminal.d.ts

@@ -10,7 +10,7 @@
 import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-export declare type TerminalPassThroughOptionType = TerminalPassThroughAttributes | ((options: TerminalPassThroughMethodOptions) => TerminalPassThroughAttributes) | null | undefined;
+export declare type TerminalPassThroughOptionType = TerminalPassThroughAttributes | ((options: TerminalPassThroughMethodOptions) => TerminalPassThroughAttributes | string) | string | null | undefined;
 
 /**
  * Custom passthrough(pt) option method.

package/textarea/Textarea.d.ts

@@ -11,7 +11,7 @@ import { TextareaHTMLAttributes } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-export declare type TextareaPassThroughOptionType = TextareaPassThroughAttributes | ((options: TextareaPassThroughMethodOptions) => TextareaPassThroughAttributes) | null | undefined;
+export declare type TextareaPassThroughOptionType = TextareaPassThroughAttributes | ((options: TextareaPassThroughMethodOptions) => TextareaPassThroughAttributes | string) | string | null | undefined;
 
 /**
  * Custom passthrough(pt) option method.
@@ -19,6 +19,7 @@ export declare type TextareaPassThroughOptionType = TextareaPassThroughAttribute
 export interface TextareaPassThroughMethodOptions {
     instance: any;
     props: TextareaProps;
+    context: TextareaContext;
 }
 
 /**
@@ -44,6 +45,22 @@ export interface TextareaPassThroughAttributes {
     [key: string]: any;
 }
 
+/**
+ * Defines current options in Textarea component.
+ */
+export interface TextareaContext {
+    /**
+     * Current filled state of the component as a boolean.
+     * @defaultValue false
+     */
+    filled: boolean;
+    /**
+     * Current disabled state of the component as a boolean.
+     * @defaultValue false
+     */
+    disabled: boolean;
+}
+
 /**
  * Defines valid properties in Textarea component. In addition to these, all properties of TextareaHTMLAttributes can be used in this component.
  * @extends TextareaHTMLAttributes

package/textarea/Textarea.vue

@@ -1,5 +1,5 @@
 <template>
-    <textarea :class="cx('root')" :value="modelValue" @input="onInput" v-bind="ptm('root')" data-pc-name="textarea"></textarea>
+    <textarea :class="cx('root')" :value="modelValue" @input="onInput" v-bind="ptm('root', ptmParams)" data-pc-name="textarea"></textarea>
 </template>
 
 <script>
@@ -44,6 +44,13 @@ export default {
     computed: {
         filled() {
             return this.modelValue != null && this.modelValue.toString().length > 0;
+        },
+        ptmParams() {
+            return {
+                context: {
+                    disabled: this.$attrs.disabled || this.$attrs.disabled === ''
+                }
+            };
         }
     }
 };

package/textarea/textarea.cjs.js

@@ -78,6 +78,13 @@ var script = {
   computed: {
     filled: function filled() {
       return this.modelValue != null && this.modelValue.toString().length > 0;
+    },
+    ptmParams: function ptmParams() {
+      return {
+        context: {
+          disabled: this.$attrs.disabled || this.$attrs.disabled === ''
+        }
+      };
     }
   }
 };
@@ -90,7 +97,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })
-  }, _ctx.ptm('root'), {
+  }, _ctx.ptm('root', $options.ptmParams), {
     "data-pc-name": "textarea"
   }), null, 16, _hoisted_1);
 }

package/textarea/textarea.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/usestyle"),n=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(e),o=t.useStyle("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),a={name:"Textarea",extends:{name:"BaseTextarea",extends:i.default,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:o.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(this.$el.scrollHeight,"px)"),parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0}}},s=["value"];a.render=function(e,t,l,i,o,a){return n.openBlock(),n.createElementBlock("textarea",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return a.onInput&&a.onInput.apply(a,arguments)})},e.ptm("root"),{"data-pc-name":"textarea"}),null,16,s)},module.exports=a;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/usestyle"),n=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),l=t.useStyle("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),s={name:"Textarea",extends:{name:"BaseTextarea",extends:i.default,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(this.$el.scrollHeight,"px)"),parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},ptmParams:function(){return{context:{disabled:this.$attrs.disabled||""===this.$attrs.disabled}}}}},o=["value"];s.render=function(e,t,a,i,l,s){return n.openBlock(),n.createElementBlock("textarea",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return s.onInput&&s.onInput.apply(s,arguments)})},e.ptm("root",s.ptmParams),{"data-pc-name":"textarea"}),null,16,o)},module.exports=s;

package/textarea/textarea.esm.js

@@ -72,6 +72,13 @@ var script = {
   computed: {
     filled: function filled() {
       return this.modelValue != null && this.modelValue.toString().length > 0;
+    },
+    ptmParams: function ptmParams() {
+      return {
+        context: {
+          disabled: this.$attrs.disabled || this.$attrs.disabled === ''
+        }
+      };
     }
   }
 };
@@ -84,7 +91,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })
-  }, _ctx.ptm('root'), {
+  }, _ctx.ptm('root', $options.ptmParams), {
     "data-pc-name": "textarea"
   }), null, 16, _hoisted_1);
 }

package/textarea/textarea.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import{useStyle as t}from"primevue/usestyle";import{openBlock as n,createElementBlock as o,mergeProps as i}from"vue";var a=t("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),l={name:"Textarea",extends:{name:"BaseTextarea",extends:e,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:a.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(this.$el.scrollHeight,"px)"),parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0}}},s=["value"];l.render=function(e,t,a,l,r,u){return n(),o("textarea",i({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return u.onInput&&u.onInput.apply(u,arguments)})},e.ptm("root"),{"data-pc-name":"textarea"}),null,16,s)};export{l as default};
+import e from"primevue/basecomponent";import{useStyle as t}from"primevue/usestyle";import{openBlock as a,createElementBlock as n,mergeProps as i}from"vue";var o=t("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),s={name:"Textarea",extends:{name:"BaseTextarea",extends:e,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:o.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(this.$el.scrollHeight,"px)"),parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},ptmParams:function(){return{context:{disabled:this.$attrs.disabled||""===this.$attrs.disabled}}}}},l=["value"];s.render=function(e,t,o,s,r,u){return a(),n("textarea",i({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return u.onInput&&u.onInput.apply(u,arguments)})},e.ptm("root",u.ptmParams),{"data-pc-name":"textarea"}),null,16,l)};export{s as default};

package/textarea/textarea.js

@@ -76,6 +76,13 @@ this.primevue.textarea = (function (BaseComponent, usestyle, vue) {
       computed: {
         filled: function filled() {
           return this.modelValue != null && this.modelValue.toString().length > 0;
+        },
+        ptmParams: function ptmParams() {
+          return {
+            context: {
+              disabled: this.$attrs.disabled || this.$attrs.disabled === ''
+            }
+          };
         }
       }
     };
@@ -88,7 +95,7 @@ this.primevue.textarea = (function (BaseComponent, usestyle, vue) {
         onInput: _cache[0] || (_cache[0] = function () {
           return $options.onInput && $options.onInput.apply($options, arguments);
         })
-      }, _ctx.ptm('root'), {
+      }, _ctx.ptm('root', $options.ptmParams), {
         "data-pc-name": "textarea"
       }), null, 16, _hoisted_1);
     }

package/textarea/textarea.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.textarea=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),l=t.useStyle("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),o={name:"Textarea",extends:{name:"BaseTextarea",extends:a.default,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:l.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(this.$el.scrollHeight,"px)"),parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0}}},s=["value"];return o.render=function(e,t,i,a,l,o){return n.openBlock(),n.createElementBlock("textarea",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return o.onInput&&o.onInput.apply(o,arguments)})},e.ptm("root"),{"data-pc-name":"textarea"}),null,16,s)},o}(primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.textarea=function(e,t,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),s=t.useStyle("\n.p-inputtextarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n    width: 100%;\n}\n",{name:"textarea",manual:!0}),l={name:"Textarea",extends:{name:"BaseTextarea",extends:a.default,props:{modelValue:null,autoResize:Boolean},css:{classes:{root:function(e){return["p-inputtextarea p-inputtext p-component",{"p-filled":e.instance.filled,"p-inputtextarea-resizable ":e.props.autoResize}]}},loadStyle:s.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue"],mounted:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},updated:function(){this.$el.offsetParent&&this.autoResize&&this.resize()},methods:{resize:function(){var e=window.getComputedStyle(this.$el);this.$el.style.height="auto",this.$el.style.height="calc(".concat(e.borderTopWidth," + ").concat(e.borderBottomWidth," + ").concat(this.$el.scrollHeight,"px)"),parseFloat(this.$el.style.height)>=parseFloat(this.$el.style.maxHeight)?(this.$el.style.overflowY="scroll",this.$el.style.height=this.$el.style.maxHeight):this.$el.style.overflow="hidden"},onInput:function(e){this.autoResize&&this.resize(),this.$emit("update:modelValue",e.target.value)}},computed:{filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},ptmParams:function(){return{context:{disabled:this.$attrs.disabled||""===this.$attrs.disabled}}}}},o=["value"];return l.render=function(e,t,i,a,s,l){return n.openBlock(),n.createElementBlock("textarea",n.mergeProps({class:e.cx("root"),value:e.modelValue,onInput:t[0]||(t[0]=function(){return l.onInput&&l.onInput.apply(l,arguments)})},e.ptm("root",l.ptmParams),{"data-pc-name":"textarea"}),null,16,o)},l}(primevue.basecomponent,primevue.usestyle,Vue);

package/tieredmenu/TieredMenu.d.ts

@@ -12,7 +12,7 @@ import { ComponentHooks } from '../basecomponent';
 import { MenuItem } from '../menuitem';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-export declare type TieredMenuPassThroughOptionType = TieredMenuPassThroughAttributes | ((options: TieredMenuPassThroughMethodOptions) => TieredMenuPassThroughAttributes) | null | undefined;
+export declare type TieredMenuPassThroughOptionType = TieredMenuPassThroughAttributes | ((options: TieredMenuPassThroughMethodOptions) => TieredMenuPassThroughAttributes | string) | string | null | undefined;
 
 /**
  * Custom passthrough(pt) option method.

package/timeline/Timeline.d.ts

@@ -10,7 +10,16 @@ import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-export declare type TimelinePassThroughOptionType = TimelinePassThroughAttributes | null | undefined;
+export declare type TimelinePassThroughOptionType = TimelinePassThroughAttributes | ((options: TimelinePassThroughMethodOptions) => TimelinePassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface TimelinePassThroughMethodOptions {
+    instance: any;
+    props: TimelineProps;
+    context: TimelineContext;
+}
 
 /**
  * Custom passthrough(pt) options.
@@ -59,6 +68,16 @@ export interface TimelinePassThroughAttributes {
     [key: string]: any;
 }
 
+/**
+ * Defines current options in Timeline component.
+ */
+export interface TimelineContext {
+    /**
+     * Current index of the item as a number.
+     */
+    index: number;
+}
+
 /**
  * Defines valid properties in Timeline component.
  */

package/timeline/Timeline.vue

@@ -1,18 +1,18 @@
 <template>
     <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="timeline">
-        <div v-for="(item, index) of value" :key="getKey(item, index)" :class="cx('event')" v-bind="ptm('event')">
-            <div :class="cx('opposite')" v-bind="ptm('opposite')">
+        <div v-for="(item, index) of value" :key="getKey(item, index)" :class="cx('event')" v-bind="getPTOptions('event', index)">
+            <div :class="cx('opposite', { index })" v-bind="getPTOptions('opposite', index)">
                 <slot name="opposite" :item="item" :index="index"></slot>
             </div>
-            <div :class="cx('separator')" v-bind="ptm('separator')">
+            <div :class="cx('separator')" v-bind="getPTOptions('separator', index)">
                 <slot name="marker" :item="item" :index="index">
-                    <div :class="cx('marker')" v-bind="ptm('marker')"></div>
+                    <div :class="cx('marker')" v-bind="getPTOptions('marker', index)"></div>
                 </slot>
                 <slot v-if="index !== value.length - 1" name="connector" :item="item" :index="index">
-                    <div :class="cx('connector')" v-bind="ptm('connector')"></div>
+                    <div :class="cx('connector')" v-bind="getPTOptions('connector', index)"></div>
                 </slot>
             </div>
-            <div :class="cx('content')" v-bind="ptm('content')">
+            <div :class="cx('content')" v-bind="getPTOptions('content', index)">
                 <slot name="content" :item="item" :index="index"></slot>
             </div>
         </div>
@@ -29,6 +29,14 @@ export default {
     methods: {
         getKey(item, index) {
             return this.dataKey ? ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+        },
+        getPTOptions(key, index) {
+            return this.ptm(key, {
+                context: {
+                    index,
+                    count: this.value.length
+                }
+            });
         }
     }
 };

package/timeline/timeline.cjs.js

@@ -59,6 +59,14 @@ var script = {
   methods: {
     getKey: function getKey(item, index) {
       return this.dataKey ? utils.ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+    },
+    getPTOptions: function getPTOptions(key, index) {
+      return this.ptm(key, {
+        context: {
+          index: index,
+          count: this.value.length
+        }
+      });
     }
   }
 };
@@ -72,20 +80,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
       key: $options.getKey(item, index),
       "class": _ctx.cx('event')
-    }, _ctx.ptm('event')), [vue.createElementVNode("div", vue.mergeProps({
-      "class": _ctx.cx('opposite')
-    }, _ctx.ptm('opposite')), [vue.renderSlot(_ctx.$slots, "opposite", {
+    }, $options.getPTOptions('event', index)), [vue.createElementVNode("div", vue.mergeProps({
+      "class": _ctx.cx('opposite', {
+        index: index
+      })
+    }, $options.getPTOptions('opposite', index)), [vue.renderSlot(_ctx.$slots, "opposite", {
       item: item,
       index: index
     })], 16), vue.createElementVNode("div", vue.mergeProps({
       "class": _ctx.cx('separator')
-    }, _ctx.ptm('separator')), [vue.renderSlot(_ctx.$slots, "marker", {
+    }, $options.getPTOptions('separator', index)), [vue.renderSlot(_ctx.$slots, "marker", {
       item: item,
       index: index
     }, function () {
       return [vue.createElementVNode("div", vue.mergeProps({
         "class": _ctx.cx('marker')
-      }, _ctx.ptm('marker')), null, 16)];
+      }, $options.getPTOptions('marker', index)), null, 16)];
     }), index !== _ctx.value.length - 1 ? vue.renderSlot(_ctx.$slots, "connector", {
       key: 0,
       item: item,
@@ -93,10 +103,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, function () {
       return [vue.createElementVNode("div", vue.mergeProps({
         "class": _ctx.cx('connector')
-      }, _ctx.ptm('connector')), null, 16)];
+      }, $options.getPTOptions('connector', index)), null, 16)];
     }) : vue.createCommentVNode("", true)], 16), vue.createElementVNode("div", vue.mergeProps({
       "class": _ctx.cx('content')
-    }, _ctx.ptm('content')), [vue.renderSlot(_ctx.$slots, "content", {
+    }, $options.getPTOptions('content', index)), [vue.renderSlot(_ctx.$slots, "content", {
       item: item,
       index: index
     })], 16)], 16);

package/timeline/timeline.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),n=require("primevue/basecomponent"),t=require("primevue/usestyle"),i=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(n),o=t.useStyle("\n.p-timeline {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n}\n\n.p-timeline-left .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-left .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-right .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-event {\n    display: flex;\n    position: relative;\n    min-height: 70px;\n}\n\n.p-timeline-event:last-child {\n    min-height: 0;\n}\n\n.p-timeline-event-opposite {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-content {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-separator {\n    flex: 0;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.p-timeline-event-marker {\n    display: flex;\n    align-self: baseline;\n}\n\n.p-timeline-event-connector {\n    flex-grow: 1;\n}\n\n.p-timeline-horizontal {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event {\n    flex-direction: column;\n    flex: 1;\n}\n\n.p-timeline-horizontal .p-timeline-event:last-child {\n    flex: 0;\n}\n\n.p-timeline-horizontal .p-timeline-event-separator {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event-connector {\n    width: 100%;\n}\n\n.p-timeline-bottom .p-timeline-event {\n    flex-direction: column-reverse;\n}\n\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: column-reverse;\n}\n",{name:"timeline",manual:!0}),p={name:"Timeline",extends:{name:"BaseTimeline",extends:r.default,props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},css:{classes:{root:function(e){var n=e.props;return["p-timeline p-component","p-timeline-"+n.align,"p-timeline-"+n.layout]},event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",content:"p-timeline-event-content"},loadStyle:o.load},provide:function(){return{$parentInstance:this}}},methods:{getKey:function(n,t){return this.dataKey?e.ObjectUtils.resolveFieldData(n,this.dataKey):t}}};p.render=function(e,n,t,l,r,o){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"timeline"}),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.value,(function(n,t){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:o.getKey(n,t),class:e.cx("event")},e.ptm("event")),[i.createElementVNode("div",i.mergeProps({class:e.cx("opposite")},e.ptm("opposite")),[i.renderSlot(e.$slots,"opposite",{item:n,index:t})],16),i.createElementVNode("div",i.mergeProps({class:e.cx("separator")},e.ptm("separator")),[i.renderSlot(e.$slots,"marker",{item:n,index:t},(function(){return[i.createElementVNode("div",i.mergeProps({class:e.cx("marker")},e.ptm("marker")),null,16)]})),t!==e.value.length-1?i.renderSlot(e.$slots,"connector",{key:0,item:n,index:t},(function(){return[i.createElementVNode("div",i.mergeProps({class:e.cx("connector")},e.ptm("connector")),null,16)]})):i.createCommentVNode("",!0)],16),i.createElementVNode("div",i.mergeProps({class:e.cx("content")},e.ptm("content")),[i.renderSlot(e.$slots,"content",{item:n,index:t})],16)],16)})),128))],16)},module.exports=p;
+"use strict";var e=require("primevue/utils"),n=require("primevue/basecomponent"),t=require("primevue/usestyle"),i=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(n),o=t.useStyle("\n.p-timeline {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n}\n\n.p-timeline-left .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-left .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-right .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-event {\n    display: flex;\n    position: relative;\n    min-height: 70px;\n}\n\n.p-timeline-event:last-child {\n    min-height: 0;\n}\n\n.p-timeline-event-opposite {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-content {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-separator {\n    flex: 0;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.p-timeline-event-marker {\n    display: flex;\n    align-self: baseline;\n}\n\n.p-timeline-event-connector {\n    flex-grow: 1;\n}\n\n.p-timeline-horizontal {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event {\n    flex-direction: column;\n    flex: 1;\n}\n\n.p-timeline-horizontal .p-timeline-event:last-child {\n    flex: 0;\n}\n\n.p-timeline-horizontal .p-timeline-event-separator {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event-connector {\n    width: 100%;\n}\n\n.p-timeline-bottom .p-timeline-event {\n    flex-direction: column-reverse;\n}\n\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: column-reverse;\n}\n",{name:"timeline",manual:!0}),p={name:"Timeline",extends:{name:"BaseTimeline",extends:r.default,props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},css:{classes:{root:function(e){var n=e.props;return["p-timeline p-component","p-timeline-"+n.align,"p-timeline-"+n.layout]},event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",content:"p-timeline-event-content"},loadStyle:o.load},provide:function(){return{$parentInstance:this}}},methods:{getKey:function(n,t){return this.dataKey?e.ObjectUtils.resolveFieldData(n,this.dataKey):t},getPTOptions:function(e,n){return this.ptm(e,{context:{index:n,count:this.value.length}})}}};p.render=function(e,n,t,l,r,o){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"timeline"}),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.value,(function(n,t){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:o.getKey(n,t),class:e.cx("event")},o.getPTOptions("event",t)),[i.createElementVNode("div",i.mergeProps({class:e.cx("opposite",{index:t})},o.getPTOptions("opposite",t)),[i.renderSlot(e.$slots,"opposite",{item:n,index:t})],16),i.createElementVNode("div",i.mergeProps({class:e.cx("separator")},o.getPTOptions("separator",t)),[i.renderSlot(e.$slots,"marker",{item:n,index:t},(function(){return[i.createElementVNode("div",i.mergeProps({class:e.cx("marker")},o.getPTOptions("marker",t)),null,16)]})),t!==e.value.length-1?i.renderSlot(e.$slots,"connector",{key:0,item:n,index:t},(function(){return[i.createElementVNode("div",i.mergeProps({class:e.cx("connector")},o.getPTOptions("connector",t)),null,16)]})):i.createCommentVNode("",!0)],16),i.createElementVNode("div",i.mergeProps({class:e.cx("content")},o.getPTOptions("content",t)),[i.renderSlot(e.$slots,"content",{item:n,index:t})],16)],16)})),128))],16)},module.exports=p;

package/timeline/timeline.esm.js

@@ -53,6 +53,14 @@ var script = {
   methods: {
     getKey: function getKey(item, index) {
       return this.dataKey ? ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+    },
+    getPTOptions: function getPTOptions(key, index) {
+      return this.ptm(key, {
+        context: {
+          index: index,
+          count: this.value.length
+        }
+      });
     }
   }
 };
@@ -66,20 +74,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     return openBlock(), createElementBlock("div", mergeProps({
       key: $options.getKey(item, index),
       "class": _ctx.cx('event')
-    }, _ctx.ptm('event')), [createElementVNode("div", mergeProps({
-      "class": _ctx.cx('opposite')
-    }, _ctx.ptm('opposite')), [renderSlot(_ctx.$slots, "opposite", {
+    }, $options.getPTOptions('event', index)), [createElementVNode("div", mergeProps({
+      "class": _ctx.cx('opposite', {
+        index: index
+      })
+    }, $options.getPTOptions('opposite', index)), [renderSlot(_ctx.$slots, "opposite", {
       item: item,
       index: index
     })], 16), createElementVNode("div", mergeProps({
       "class": _ctx.cx('separator')
-    }, _ctx.ptm('separator')), [renderSlot(_ctx.$slots, "marker", {
+    }, $options.getPTOptions('separator', index)), [renderSlot(_ctx.$slots, "marker", {
       item: item,
       index: index
     }, function () {
       return [createElementVNode("div", mergeProps({
         "class": _ctx.cx('marker')
-      }, _ctx.ptm('marker')), null, 16)];
+      }, $options.getPTOptions('marker', index)), null, 16)];
     }), index !== _ctx.value.length - 1 ? renderSlot(_ctx.$slots, "connector", {
       key: 0,
       item: item,
@@ -87,10 +97,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, function () {
       return [createElementVNode("div", mergeProps({
         "class": _ctx.cx('connector')
-      }, _ctx.ptm('connector')), null, 16)];
+      }, $options.getPTOptions('connector', index)), null, 16)];
     }) : createCommentVNode("", true)], 16), createElementVNode("div", mergeProps({
       "class": _ctx.cx('content')
-    }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "content", {
+    }, $options.getPTOptions('content', index)), [renderSlot(_ctx.$slots, "content", {
       item: item,
       index: index
     })], 16)], 16);

package/timeline/timeline.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as e}from"primevue/utils";import n from"primevue/basecomponent";import{useStyle as t}from"primevue/usestyle";import{openBlock as i,createElementBlock as l,mergeProps as o,Fragment as r,renderList as p,createElementVNode as m,renderSlot as a,createCommentVNode as c}from"vue";var s=t("\n.p-timeline {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n}\n\n.p-timeline-left .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-left .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-right .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-event {\n    display: flex;\n    position: relative;\n    min-height: 70px;\n}\n\n.p-timeline-event:last-child {\n    min-height: 0;\n}\n\n.p-timeline-event-opposite {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-content {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-separator {\n    flex: 0;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.p-timeline-event-marker {\n    display: flex;\n    align-self: baseline;\n}\n\n.p-timeline-event-connector {\n    flex-grow: 1;\n}\n\n.p-timeline-horizontal {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event {\n    flex-direction: column;\n    flex: 1;\n}\n\n.p-timeline-horizontal .p-timeline-event:last-child {\n    flex: 0;\n}\n\n.p-timeline-horizontal .p-timeline-event-separator {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event-connector {\n    width: 100%;\n}\n\n.p-timeline-bottom .p-timeline-event {\n    flex-direction: column-reverse;\n}\n\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: column-reverse;\n}\n",{name:"timeline",manual:!0}),v={name:"Timeline",extends:{name:"BaseTimeline",extends:n,props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},css:{classes:{root:function(e){var n=e.props;return["p-timeline p-component","p-timeline-"+n.align,"p-timeline-"+n.layout]},event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",content:"p-timeline-event-content"},loadStyle:s.load},provide:function(){return{$parentInstance:this}}},methods:{getKey:function(n,t){return this.dataKey?e.resolveFieldData(n,this.dataKey):t}}};v.render=function(e,n,t,s,v,d){return i(),l("div",o({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"timeline"}),[(i(!0),l(r,null,p(e.value,(function(n,t){return i(),l("div",o({key:d.getKey(n,t),class:e.cx("event")},e.ptm("event")),[m("div",o({class:e.cx("opposite")},e.ptm("opposite")),[a(e.$slots,"opposite",{item:n,index:t})],16),m("div",o({class:e.cx("separator")},e.ptm("separator")),[a(e.$slots,"marker",{item:n,index:t},(function(){return[m("div",o({class:e.cx("marker")},e.ptm("marker")),null,16)]})),t!==e.value.length-1?a(e.$slots,"connector",{key:0,item:n,index:t},(function(){return[m("div",o({class:e.cx("connector")},e.ptm("connector")),null,16)]})):c("",!0)],16),m("div",o({class:e.cx("content")},e.ptm("content")),[a(e.$slots,"content",{item:n,index:t})],16)],16)})),128))],16)};export{v as default};
+import{ObjectUtils as e}from"primevue/utils";import n from"primevue/basecomponent";import{useStyle as t}from"primevue/usestyle";import{openBlock as i,createElementBlock as l,mergeProps as o,Fragment as r,renderList as p,createElementVNode as m,renderSlot as a,createCommentVNode as c}from"vue";var s=t("\n.p-timeline {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n}\n\n.p-timeline-left .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-left .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-right .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-event {\n    display: flex;\n    position: relative;\n    min-height: 70px;\n}\n\n.p-timeline-event:last-child {\n    min-height: 0;\n}\n\n.p-timeline-event-opposite {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-content {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-separator {\n    flex: 0;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.p-timeline-event-marker {\n    display: flex;\n    align-self: baseline;\n}\n\n.p-timeline-event-connector {\n    flex-grow: 1;\n}\n\n.p-timeline-horizontal {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event {\n    flex-direction: column;\n    flex: 1;\n}\n\n.p-timeline-horizontal .p-timeline-event:last-child {\n    flex: 0;\n}\n\n.p-timeline-horizontal .p-timeline-event-separator {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event-connector {\n    width: 100%;\n}\n\n.p-timeline-bottom .p-timeline-event {\n    flex-direction: column-reverse;\n}\n\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: column-reverse;\n}\n",{name:"timeline",manual:!0}),v={name:"Timeline",extends:{name:"BaseTimeline",extends:n,props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},css:{classes:{root:function(e){var n=e.props;return["p-timeline p-component","p-timeline-"+n.align,"p-timeline-"+n.layout]},event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",content:"p-timeline-event-content"},loadStyle:s.load},provide:function(){return{$parentInstance:this}}},methods:{getKey:function(n,t){return this.dataKey?e.resolveFieldData(n,this.dataKey):t},getPTOptions:function(e,n){return this.ptm(e,{context:{index:n,count:this.value.length}})}}};v.render=function(e,n,t,s,v,d){return i(),l("div",o({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"timeline"}),[(i(!0),l(r,null,p(e.value,(function(n,t){return i(),l("div",o({key:d.getKey(n,t),class:e.cx("event")},d.getPTOptions("event",t)),[m("div",o({class:e.cx("opposite",{index:t})},d.getPTOptions("opposite",t)),[a(e.$slots,"opposite",{item:n,index:t})],16),m("div",o({class:e.cx("separator")},d.getPTOptions("separator",t)),[a(e.$slots,"marker",{item:n,index:t},(function(){return[m("div",o({class:e.cx("marker")},d.getPTOptions("marker",t)),null,16)]})),t!==e.value.length-1?a(e.$slots,"connector",{key:0,item:n,index:t},(function(){return[m("div",o({class:e.cx("connector")},d.getPTOptions("connector",t)),null,16)]})):c("",!0)],16),m("div",o({class:e.cx("content")},d.getPTOptions("content",t)),[a(e.$slots,"content",{item:n,index:t})],16)],16)})),128))],16)};export{v as default};

package/timeline/timeline.js

@@ -56,6 +56,14 @@ this.primevue.timeline = (function (utils, BaseComponent, usestyle, vue) {
       methods: {
         getKey: function getKey(item, index) {
           return this.dataKey ? utils.ObjectUtils.resolveFieldData(item, this.dataKey) : index;
+        },
+        getPTOptions: function getPTOptions(key, index) {
+          return this.ptm(key, {
+            context: {
+              index: index,
+              count: this.value.length
+            }
+          });
         }
       }
     };
@@ -69,20 +77,22 @@ this.primevue.timeline = (function (utils, BaseComponent, usestyle, vue) {
         return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
           key: $options.getKey(item, index),
           "class": _ctx.cx('event')
-        }, _ctx.ptm('event')), [vue.createElementVNode("div", vue.mergeProps({
-          "class": _ctx.cx('opposite')
-        }, _ctx.ptm('opposite')), [vue.renderSlot(_ctx.$slots, "opposite", {
+        }, $options.getPTOptions('event', index)), [vue.createElementVNode("div", vue.mergeProps({
+          "class": _ctx.cx('opposite', {
+            index: index
+          })
+        }, $options.getPTOptions('opposite', index)), [vue.renderSlot(_ctx.$slots, "opposite", {
           item: item,
           index: index
         })], 16), vue.createElementVNode("div", vue.mergeProps({
           "class": _ctx.cx('separator')
-        }, _ctx.ptm('separator')), [vue.renderSlot(_ctx.$slots, "marker", {
+        }, $options.getPTOptions('separator', index)), [vue.renderSlot(_ctx.$slots, "marker", {
           item: item,
           index: index
         }, function () {
           return [vue.createElementVNode("div", vue.mergeProps({
             "class": _ctx.cx('marker')
-          }, _ctx.ptm('marker')), null, 16)];
+          }, $options.getPTOptions('marker', index)), null, 16)];
         }), index !== _ctx.value.length - 1 ? vue.renderSlot(_ctx.$slots, "connector", {
           key: 0,
           item: item,
@@ -90,10 +100,10 @@ this.primevue.timeline = (function (utils, BaseComponent, usestyle, vue) {
         }, function () {
           return [vue.createElementVNode("div", vue.mergeProps({
             "class": _ctx.cx('connector')
-          }, _ctx.ptm('connector')), null, 16)];
+          }, $options.getPTOptions('connector', index)), null, 16)];
         }) : vue.createCommentVNode("", true)], 16), vue.createElementVNode("div", vue.mergeProps({
           "class": _ctx.cx('content')
-        }, _ctx.ptm('content')), [vue.renderSlot(_ctx.$slots, "content", {
+        }, $options.getPTOptions('content', index)), [vue.renderSlot(_ctx.$slots, "content", {
           item: item,
           index: index
         })], 16)], 16);

package/timeline/timeline.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.timeline=function(e,n,t,i){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(n),o=t.useStyle("\n.p-timeline {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n}\n\n.p-timeline-left .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-left .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-right .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-event {\n    display: flex;\n    position: relative;\n    min-height: 70px;\n}\n\n.p-timeline-event:last-child {\n    min-height: 0;\n}\n\n.p-timeline-event-opposite {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-content {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-separator {\n    flex: 0;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.p-timeline-event-marker {\n    display: flex;\n    align-self: baseline;\n}\n\n.p-timeline-event-connector {\n    flex-grow: 1;\n}\n\n.p-timeline-horizontal {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event {\n    flex-direction: column;\n    flex: 1;\n}\n\n.p-timeline-horizontal .p-timeline-event:last-child {\n    flex: 0;\n}\n\n.p-timeline-horizontal .p-timeline-event-separator {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event-connector {\n    width: 100%;\n}\n\n.p-timeline-bottom .p-timeline-event {\n    flex-direction: column-reverse;\n}\n\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: column-reverse;\n}\n",{name:"timeline",manual:!0}),p={name:"Timeline",extends:{name:"BaseTimeline",extends:r.default,props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},css:{classes:{root:function(e){var n=e.props;return["p-timeline p-component","p-timeline-"+n.align,"p-timeline-"+n.layout]},event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",content:"p-timeline-event-content"},loadStyle:o.load},provide:function(){return{$parentInstance:this}}},methods:{getKey:function(n,t){return this.dataKey?e.ObjectUtils.resolveFieldData(n,this.dataKey):t}}};return p.render=function(e,n,t,l,r,o){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"timeline"}),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.value,(function(n,t){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:o.getKey(n,t),class:e.cx("event")},e.ptm("event")),[i.createElementVNode("div",i.mergeProps({class:e.cx("opposite")},e.ptm("opposite")),[i.renderSlot(e.$slots,"opposite",{item:n,index:t})],16),i.createElementVNode("div",i.mergeProps({class:e.cx("separator")},e.ptm("separator")),[i.renderSlot(e.$slots,"marker",{item:n,index:t},(function(){return[i.createElementVNode("div",i.mergeProps({class:e.cx("marker")},e.ptm("marker")),null,16)]})),t!==e.value.length-1?i.renderSlot(e.$slots,"connector",{key:0,item:n,index:t},(function(){return[i.createElementVNode("div",i.mergeProps({class:e.cx("connector")},e.ptm("connector")),null,16)]})):i.createCommentVNode("",!0)],16),i.createElementVNode("div",i.mergeProps({class:e.cx("content")},e.ptm("content")),[i.renderSlot(e.$slots,"content",{item:n,index:t})],16)],16)})),128))],16)},p}(primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.timeline=function(e,n,t,i){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(n),r=t.useStyle("\n.p-timeline {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n}\n\n.p-timeline-left .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-left .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-right .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-right .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: row-reverse;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n    text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n    text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n    text-align: right;\n}\n\n.p-timeline-event {\n    display: flex;\n    position: relative;\n    min-height: 70px;\n}\n\n.p-timeline-event:last-child {\n    min-height: 0;\n}\n\n.p-timeline-event-opposite {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-content {\n    flex: 1;\n    padding: 0 1rem;\n}\n\n.p-timeline-event-separator {\n    flex: 0;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n}\n\n.p-timeline-event-marker {\n    display: flex;\n    align-self: baseline;\n}\n\n.p-timeline-event-connector {\n    flex-grow: 1;\n}\n\n.p-timeline-horizontal {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event {\n    flex-direction: column;\n    flex: 1;\n}\n\n.p-timeline-horizontal .p-timeline-event:last-child {\n    flex: 0;\n}\n\n.p-timeline-horizontal .p-timeline-event-separator {\n    flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event-connector {\n    width: 100%;\n}\n\n.p-timeline-bottom .p-timeline-event {\n    flex-direction: column-reverse;\n}\n\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    flex-direction: column-reverse;\n}\n",{name:"timeline",manual:!0}),p={name:"Timeline",extends:{name:"BaseTimeline",extends:o.default,props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},css:{classes:{root:function(e){var n=e.props;return["p-timeline p-component","p-timeline-"+n.align,"p-timeline-"+n.layout]},event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",content:"p-timeline-event-content"},loadStyle:r.load},provide:function(){return{$parentInstance:this}}},methods:{getKey:function(n,t){return this.dataKey?e.ObjectUtils.resolveFieldData(n,this.dataKey):t},getPTOptions:function(e,n){return this.ptm(e,{context:{index:n,count:this.value.length}})}}};return p.render=function(e,n,t,l,o,r){return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"timeline"}),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.value,(function(n,t){return i.openBlock(),i.createElementBlock("div",i.mergeProps({key:r.getKey(n,t),class:e.cx("event")},r.getPTOptions("event",t)),[i.createElementVNode("div",i.mergeProps({class:e.cx("opposite",{index:t})},r.getPTOptions("opposite",t)),[i.renderSlot(e.$slots,"opposite",{item:n,index:t})],16),i.createElementVNode("div",i.mergeProps({class:e.cx("separator")},r.getPTOptions("separator",t)),[i.renderSlot(e.$slots,"marker",{item:n,index:t},(function(){return[i.createElementVNode("div",i.mergeProps({class:e.cx("marker")},r.getPTOptions("marker",t)),null,16)]})),t!==e.value.length-1?i.renderSlot(e.$slots,"connector",{key:0,item:n,index:t},(function(){return[i.createElementVNode("div",i.mergeProps({class:e.cx("connector")},r.getPTOptions("connector",t)),null,16)]})):i.createCommentVNode("",!0)],16),i.createElementVNode("div",i.mergeProps({class:e.cx("content")},r.getPTOptions("content",t)),[i.renderSlot(e.$slots,"content",{item:n,index:t})],16)],16)})),128))],16)},p}(primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);

package/toast/BaseToast.vue

@@ -112,8 +112,8 @@ const classes = {
     text: 'p-toast-message-text',
     summary: 'p-toast-summary',
     detail: 'p-toast-detail',
-    button: 'p-toast-icon-close p-link',
-    buttonIcon: 'p-toast-icon-close-icon'
+    closeButton: 'p-toast-icon-close p-link',
+    closeIcon: 'p-toast-icon-close-icon'
 };
 
 const { load: loadStyle } = useStyle(styles, { name: 'toast', manual: true });