primevue 3.51.0 → 3.53.0

package/stepper/stepper.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils"),t=require("vue"),n=require("primevue/basecomponent"),r=require("primevue/stepper/style");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(n),l={name:"BaseStepper",extends:i.default,props:{activeStep:{type:Number,default:0},orientation:{type:String,default:"horizontal"},linear:{type:Boolean,default:!1}},style:a(r).default,provide:function(){return{$parentInstance:this}}},p={name:"StepperContent",hostName:"Stepper",extends:i.default,props:{id:null,template:null,ariaLabelledby:null,stepperpanel:null,index:null,active:null,highlighted:null,clickCallback:null,prevCallback:null,nextCallback:null,getStepPT:null}};function o(e){return o="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},o(e)}function c(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 s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function d(e,t,n){var r;return(t="symbol"==o(r=u(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){if("object"!=o(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var g=["id","aria-labelledby","data-pc-index","data-p-active"];p.render=function(e,n,r,a,i,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({id:r.id,class:e.cx("stepper.content",{stepperpanel:r.stepperpanel,index:r.index}),role:"tabpanel","aria-labelledby":r.ariaLabelledby},s(s({},r.getStepPT(r.stepperpanel,"root",r.index)),r.getStepPT(r.stepperpanel,"content",r.index)),{"data-pc-name":"stepperpanel","data-pc-index":r.index,"data-p-active":r.active}),[r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,index:r.index,active:r.active,highlighted:r.highlighted,clickCallback:function(t){return e.onItemClick(t,r.index)},prevCallback:function(e){return r.prevCallback(e,r.index)},nextCallback:function(e){return r.nextCallback(e,r.index)}},null,8,["index","active","highlighted","clickCallback","prevCallback","nextCallback"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.stepperpanel),{key:1}))],16,g)};var h={name:"StepperHeader",hostName:"Stepper",extends:i.default,props:{id:null,template:null,stepperpanel:null,index:null,disabled:null,active:null,highlighted:null,ariaControls:null,clickCallback:null,getStepPT:null,getStepProp:null}},v=["id","tabindex","aria-controls"];h.render=function(e,n,r,a,i,l){return r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,index:r.index,active:r.active,highlighted:r.highlighted,class:t.normalizeClass(e.cx("stepper.action")),headerClass:e.cx("stepper.action"),numberClass:e.cx("stepper.number"),titleClass:e.cx("stepper.title"),clickCallback:function(e){return r.clickCallback(e,r.index)}},null,8,["index","active","highlighted","class","headerClass","numberClass","titleClass","clickCallback"])):(t.openBlock(),t.createElementBlock("button",t.mergeProps({key:1,id:r.id,class:e.cx("stepper.action"),role:"tab",tabindex:r.disabled?-1:void 0,"aria-controls":r.ariaControls,onClick:n[0]||(n[0]=function(e){return r.clickCallback(e,r.index)})},r.getStepPT(r.stepperpanel,"action",r.index)),[t.createElementVNode("span",t.mergeProps({class:e.cx("stepper.number")},r.getStepPT(r.stepperpanel,"number",r.index)),t.toDisplayString(r.index+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("stepper.title")},r.getStepPT(r.stepperpanel,"title",r.index)),t.toDisplayString(r.getStepProp(r.stepperpanel,"header")),17)],16,v))};var m={name:"StepperSeparator",hostName:"Stepper",extends:i.default,props:{template:null,separatorClass:null,stepperpanel:null,index:null,active:null,highlighted:null,getStepPT:null}};m.render=function(e,n,r,a,i,l){return r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,class:t.normalizeClass(r.separatorClass),index:r.index,active:r.active,highlighted:r.highlighted},null,8,["class","index","active","highlighted"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:1,class:r.separatorClass,"aria-hidden":"true"},r.getStepPT),null,16))};var S={name:"Stepper",extends:l,inheritAttrs:!1,emits:["update:activeStep","step-change"],data:function(){return{id:this.$attrs.id,d_activeStep:this.activeStep}},watch:{"$attrs.id":{immediate:!0,handler:function(t){this.id=t||e.UniqueComponentId()}},activeStep:function(e){this.d_activeStep=e}},methods:{isStep:function(e){return"StepperPanel"===e.type.name},isStepActive:function(e){return this.d_activeStep===e},getStepProp:function(e,t){return e.props?e.props[t]:void 0},getStepKey:function(e,t){return this.getStepProp(e,"header")||t},getStepHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getStepContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getStepPT:function(e,n,r){var a=this.stepperpanels.length,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:r,count:a,first:0===r,last:r===a-1,active:this.isStepActive(r),highlighted:r<this.d_activeStep,disabled:this.isItemDisabled(r)}};return t.mergeProps(this.ptm("stepperpanel.".concat(n),{stepperpanel:i}),this.ptm("stepperpanel.".concat(n),i),this.ptmo(this.getStepProp(e,"pt"),n,i))},updateActiveStep:function(e,t){this.d_activeStep=t,this.$emit("update:activeStep",t),this.$emit("step-change",{originalEvent:e,index:t})},onItemClick:function(e,t){this.linear?e.preventDefault():t!==this.d_activeStep&&this.updateActiveStep(e,t)},isItemDisabled:function(e){return this.linear&&!this.isStepActive(e)},prevCallback:function(e,t){0!==t&&this.updateActiveStep(e,t-1)},nextCallback:function(e,t){t!==this.stepperpanels.length-1&&this.updateActiveStep(e,t+1)}},computed:{stepperpanels:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isStep(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isStep(n)&&t.push(n)})),t}),[])}},components:{StepperContent:p,StepperHeader:h,StepperSeparator:m}};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 f(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(e,t,n){var r;return(t="symbol"==b(r=C(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e,t){if("object"!=b(e)||!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 x=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],P=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"];S.render=function(e,n,r,a,i,l){var p=t.resolveComponent("StepperHeader"),o=t.resolveComponent("StepperSeparator"),c=t.resolveComponent("StepperContent");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),role:"tablist"},e.ptmi("root")),[e.$slots.start?t.renderSlot(e.$slots,"start",{key:0}):t.createCommentVNode("",!0),"horizontal"===e.orientation?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createElementVNode("ul",t.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.stepperpanels,(function(n,r){return t.openBlock(),t.createElementBlock("li",t.mergeProps({key:l.getStepKey(n,r),class:e.cx("stepper.header",{step:n,index:r}),"aria-current":l.isStepActive(r)?"step":void 0,role:"presentation"},k(k({},l.getStepPT(n,"root",r)),l.getStepPT(n,"header",r)),{"data-pc-name":"stepperpanel","data-p-highlight":l.isStepActive(r),"data-p-disabled":l.isItemDisabled(r),"data-pc-index":r,"data-p-active":l.isStepActive(r)}),[t.renderSlot(e.$slots,"header",{},(function(){var a;return[t.createVNode(p,{id:l.getStepHeaderActionId(r),template:null===(a=n.children)||void 0===a?void 0:a.header,stepperpanel:n,index:r,disabled:l.isItemDisabled(r),active:l.isStepActive(r),highlighted:r<i.d_activeStep,class:t.normalizeClass(e.cx("stepper.action")),"aria-controls":l.getStepContentId(r),clickCallback:function(e){return l.onItemClick(e,r)},getStepPT:l.getStepPT,getStepProp:l.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]})),r!==l.stepperpanels.length-1?t.renderSlot(e.$slots,"separator",{key:0},(function(){var a;return[t.createVNode(o,{template:null===(a=n.children)||void 0===a?void 0:a.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,getStepPT:l.getStepPT(n,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])]})):t.createCommentVNode("",!0)],16,x)})),128))],16),t.createElementVNode("div",t.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.stepperpanels,(function(e,n){var r;return t.withDirectives((t.openBlock(),t.createBlock(c,{key:l.getStepKey(e,n),id:l.getStepContentId(n),template:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:n,active:l.isStepActive(n),highlighted:n<i.d_activeStep,clickCallback:function(e){return l.onItemClick(e,n)},prevCallback:function(e){return l.prevCallback(e,n)},nextCallback:function(e){return l.nextCallback(e,n)},getStepPT:l.getStepPT,"aria-labelledby":l.getStepHeaderActionId(n)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])),[[t.vShow,l.isStepActive(n)]])})),128))],16)],64)):"vertical"===e.orientation?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(l.stepperpanels,(function(n,r){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref_for:!0,ref:"nav",key:l.getStepKey(n,r),class:e.cx("panel",{step:n,index:r}),"aria-current":l.isStepActive(r)?"step":void 0},k(k({},l.getStepPT(n,"root",r)),l.getStepPT(n,"panel",r)),{"data-pc-name":"stepperpanel","data-p-highlight":l.isStepActive(r),"data-p-disabled":l.isItemDisabled(r),"data-pc-index":r,"data-p-active":l.isStepActive(r)}),[t.createElementVNode("div",t.mergeProps({class:e.cx("stepper.header",{step:n,index:r})},l.getStepPT(n,"header",r)),[t.renderSlot(e.$slots,"header",{},(function(){var a;return[t.createVNode(p,{id:l.getStepHeaderActionId(r),template:null===(a=n.children)||void 0===a?void 0:a.header,stepperpanel:n,index:r,disabled:l.isItemDisabled(r),active:l.isStepActive(r),highlighted:r<i.d_activeStep,class:t.normalizeClass(e.cx("stepper.action")),"aria-controls":l.getStepContentId(r),clickCallback:function(e){return l.onItemClick(e,r)},getStepPT:l.getStepPT,getStepProp:l.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]}))],16),t.createVNode(t.Transition,t.mergeProps({name:"p-toggleable-content"},l.getStepPT(n,"transition",r)),{default:t.withCtx((function(){return[t.withDirectives(t.createElementVNode("div",t.mergeProps({class:e.cx("stepper.toggleableContent")},l.getStepPT(n,"toggleableContent",r)),[r!==l.stepperpanels.length-1?t.renderSlot(e.$slots,"separator",{key:0},(function(){var a;return[t.createVNode(o,{template:null===(a=n.children)||void 0===a?void 0:a.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,getStepPT:l.getStepPT(n,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])]})):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"content",{},(function(){var e;return[t.createVNode(c,{id:l.getStepContentId(r),template:null==n||null===(e=n.children)||void 0===e?void 0:e.content,stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,clickCallback:function(e){return l.onItemClick(e,r)},prevCallback:function(e){return l.prevCallback(e,r)},nextCallback:function(e){return l.nextCallback(e,r)},getStepPT:l.getStepPT,"aria-labelledby":l.getStepHeaderActionId(r)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])]}))],16),[[t.vShow,l.isStepActive(r)]])]})),_:2},1040)],16,P)})),128)):t.createCommentVNode("",!0),e.$slots.end?t.renderSlot(e.$slots,"end",{key:3}):t.createCommentVNode("",!0)],16)},module.exports=S;
+"use strict";var e=require("primevue/utils"),t=require("vue"),n=require("primevue/basecomponent"),r=require("primevue/stepper/style");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(n),l={name:"BaseStepper",extends:i.default,props:{activeStep:{type:Number,default:0},orientation:{type:String,default:"horizontal"},linear:{type:Boolean,default:!1}},style:a(r).default,provide:function(){return{$parentInstance:this}}},p={name:"StepperContent",hostName:"Stepper",extends:i.default,props:{id:null,template:null,ariaLabelledby:null,stepperpanel:null,index:null,active:null,highlighted:null,clickCallback:null,prevCallback:null,nextCallback:null,getStepPT:null}};function o(e){return o="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},o(e)}function c(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 s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function d(e,t,n){var r;return(t="symbol"==o(r=u(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){if("object"!=o(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var h=["id","aria-labelledby","data-pc-index","data-p-active"];p.render=function(e,n,r,a,i,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({id:r.id,class:e.cx("stepper.content",{stepperpanel:r.stepperpanel,index:r.index}),role:"tabpanel","aria-labelledby":r.ariaLabelledby},s(s({},r.getStepPT(r.stepperpanel,"root",r.index)),r.getStepPT(r.stepperpanel,"content",r.index)),{"data-pc-name":"stepperpanel","data-pc-index":r.index,"data-p-active":r.active}),[r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,index:r.index,active:r.active,highlighted:r.highlighted,clickCallback:function(t){return e.onItemClick(t,r.index)},prevCallback:function(e){return r.prevCallback(e,r.index)},nextCallback:function(e){return r.nextCallback(e,r.index)}},null,8,["index","active","highlighted","clickCallback","prevCallback","nextCallback"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.stepperpanel),{key:1}))],16,h)};var g={name:"StepperHeader",hostName:"Stepper",extends:i.default,props:{id:null,template:null,stepperpanel:null,index:null,disabled:null,active:null,highlighted:null,ariaControls:null,clickCallback:null,getStepPT:null,getStepProp:null}},v=["id","tabindex","aria-controls"];g.render=function(e,n,r,a,i,l){return r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,index:r.index,active:r.active,highlighted:r.highlighted,class:t.normalizeClass(e.cx("stepper.action")),headerClass:e.cx("stepper.action"),numberClass:e.cx("stepper.number"),titleClass:e.cx("stepper.title"),clickCallback:function(e){return r.clickCallback(e,r.index)}},null,8,["index","active","highlighted","class","headerClass","numberClass","titleClass","clickCallback"])):(t.openBlock(),t.createElementBlock("button",t.mergeProps({key:1,id:r.id,class:e.cx("stepper.action"),role:"tab",tabindex:r.disabled?-1:void 0,"aria-controls":r.ariaControls,onClick:n[0]||(n[0]=function(e){return r.clickCallback(e,r.index)})},r.getStepPT(r.stepperpanel,"action",r.index)),[t.createElementVNode("span",t.mergeProps({class:e.cx("stepper.number")},r.getStepPT(r.stepperpanel,"number",r.index)),t.toDisplayString(r.index+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("stepper.title")},r.getStepPT(r.stepperpanel,"title",r.index)),t.toDisplayString(r.getStepProp(r.stepperpanel,"header")),17)],16,v))};var m={name:"StepperSeparator",hostName:"Stepper",extends:i.default,props:{template:null,separatorClass:null,stepperpanel:null,index:null,active:null,highlighted:null,getStepPT:null}};m.render=function(e,n,r,a,i,l){return r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,class:t.normalizeClass(r.separatorClass),index:r.index,active:r.active,highlighted:r.highlighted},null,8,["class","index","active","highlighted"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:1,class:r.separatorClass,"aria-hidden":"true"},r.getStepPT),null,16))};var S={name:"Stepper",extends:l,inheritAttrs:!1,emits:["update:activeStep","step-change"],data:function(){return{id:this.$attrs.id,d_activeStep:this.activeStep}},watch:{"$attrs.id":function(t){this.id=t||e.UniqueComponentId()},activeStep:function(e){this.d_activeStep=e}},mounted:function(){this.id=this.id||e.UniqueComponentId()},methods:{isStep:function(e){return"StepperPanel"===e.type.name},isStepActive:function(e){return this.d_activeStep===e},getStepProp:function(e,t){return e.props?e.props[t]:void 0},getStepKey:function(e,t){return this.getStepProp(e,"header")||t},getStepHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getStepContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getStepPT:function(e,n,r){var a=this.stepperpanels.length,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:r,count:a,first:0===r,last:r===a-1,active:this.isStepActive(r),highlighted:r<this.d_activeStep,disabled:this.isItemDisabled(r)}};return t.mergeProps(this.ptm("stepperpanel.".concat(n),{stepperpanel:i}),this.ptm("stepperpanel.".concat(n),i),this.ptmo(this.getStepProp(e,"pt"),n,i))},updateActiveStep:function(e,t){this.d_activeStep=t,this.$emit("update:activeStep",t),this.$emit("step-change",{originalEvent:e,index:t})},onItemClick:function(e,t){this.linear?e.preventDefault():t!==this.d_activeStep&&this.updateActiveStep(e,t)},isItemDisabled:function(e){return this.linear&&!this.isStepActive(e)},prevCallback:function(e,t){0!==t&&this.updateActiveStep(e,t-1)},nextCallback:function(e,t){t!==this.stepperpanels.length-1&&this.updateActiveStep(e,t+1)}},computed:{stepperpanels:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isStep(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isStep(n)&&t.push(n)})),t}),[])}},components:{StepperContent:p,StepperHeader:g,StepperSeparator:m}};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 f(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(e,t,n){var r;return(t="symbol"==b(r=C(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e,t){if("object"!=b(e)||!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 x=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],P=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"];S.render=function(e,n,r,a,i,l){var p=t.resolveComponent("StepperHeader"),o=t.resolveComponent("StepperSeparator"),c=t.resolveComponent("StepperContent");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),role:"tablist"},e.ptmi("root")),[e.$slots.start?t.renderSlot(e.$slots,"start",{key:0}):t.createCommentVNode("",!0),"horizontal"===e.orientation?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createElementVNode("ul",t.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.stepperpanels,(function(n,r){return t.openBlock(),t.createElementBlock("li",t.mergeProps({key:l.getStepKey(n,r),class:e.cx("stepper.header",{step:n,index:r}),"aria-current":l.isStepActive(r)?"step":void 0,role:"presentation"},k(k({},l.getStepPT(n,"root",r)),l.getStepPT(n,"header",r)),{"data-pc-name":"stepperpanel","data-p-highlight":l.isStepActive(r),"data-p-disabled":l.isItemDisabled(r),"data-pc-index":r,"data-p-active":l.isStepActive(r)}),[t.renderSlot(e.$slots,"header",{},(function(){var a;return[t.createVNode(p,{id:l.getStepHeaderActionId(r),template:null===(a=n.children)||void 0===a?void 0:a.header,stepperpanel:n,index:r,disabled:l.isItemDisabled(r),active:l.isStepActive(r),highlighted:r<i.d_activeStep,class:t.normalizeClass(e.cx("stepper.action")),"aria-controls":l.getStepContentId(r),clickCallback:function(e){return l.onItemClick(e,r)},getStepPT:l.getStepPT,getStepProp:l.getStepProp,unstyled:e.unstyled},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp","unstyled"])]})),r!==l.stepperpanels.length-1?t.renderSlot(e.$slots,"separator",{key:0},(function(){var a;return[t.createVNode(o,{template:null===(a=n.children)||void 0===a?void 0:a.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,getStepPT:l.getStepPT(n,"separator",r),unstyled:e.unstyled},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT","unstyled"])]})):t.createCommentVNode("",!0)],16,x)})),128))],16),t.createElementVNode("div",t.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.stepperpanels,(function(n,r){var a;return t.withDirectives((t.openBlock(),t.createBlock(c,{key:l.getStepKey(n,r),id:l.getStepContentId(r),template:null==n||null===(a=n.children)||void 0===a?void 0:a.content,stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,clickCallback:function(e){return l.onItemClick(e,r)},prevCallback:function(e){return l.prevCallback(e,r)},nextCallback:function(e){return l.nextCallback(e,r)},getStepPT:l.getStepPT,"aria-labelledby":l.getStepHeaderActionId(r),unstyled:e.unstyled},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby","unstyled"])),[[t.vShow,l.isStepActive(r)]])})),128))],16)],64)):"vertical"===e.orientation?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(l.stepperpanels,(function(n,r){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref_for:!0,ref:"nav",key:l.getStepKey(n,r),class:e.cx("panel",{step:n,index:r}),"aria-current":l.isStepActive(r)?"step":void 0},k(k({},l.getStepPT(n,"root",r)),l.getStepPT(n,"panel",r)),{"data-pc-name":"stepperpanel","data-p-highlight":l.isStepActive(r),"data-p-disabled":l.isItemDisabled(r),"data-pc-index":r,"data-p-active":l.isStepActive(r)}),[t.createElementVNode("div",t.mergeProps({class:e.cx("stepper.header",{step:n,index:r})},l.getStepPT(n,"header",r)),[t.renderSlot(e.$slots,"header",{},(function(){var a;return[t.createVNode(p,{id:l.getStepHeaderActionId(r),template:null===(a=n.children)||void 0===a?void 0:a.header,stepperpanel:n,index:r,disabled:l.isItemDisabled(r),active:l.isStepActive(r),highlighted:r<i.d_activeStep,class:t.normalizeClass(e.cx("stepper.action")),"aria-controls":l.getStepContentId(r),clickCallback:function(e){return l.onItemClick(e,r)},getStepPT:l.getStepPT,getStepProp:l.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]}))],16),t.createVNode(t.Transition,t.mergeProps({name:"p-toggleable-content"},l.getStepPT(n,"transition",r)),{default:t.withCtx((function(){return[t.withDirectives(t.createElementVNode("div",t.mergeProps({class:e.cx("stepper.toggleableContent")},l.getStepPT(n,"toggleableContent",r)),[r!==l.stepperpanels.length-1?t.renderSlot(e.$slots,"separator",{key:0},(function(){var a;return[t.createVNode(o,{template:null===(a=n.children)||void 0===a?void 0:a.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,getStepPT:l.getStepPT(n,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])]})):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"content",{},(function(){var e;return[t.createVNode(c,{id:l.getStepContentId(r),template:null==n||null===(e=n.children)||void 0===e?void 0:e.content,stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,clickCallback:function(e){return l.onItemClick(e,r)},prevCallback:function(e){return l.prevCallback(e,r)},nextCallback:function(e){return l.nextCallback(e,r)},getStepPT:l.getStepPT,"aria-labelledby":l.getStepHeaderActionId(r)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])]}))],16),[[t.vShow,l.isStepActive(r)]])]})),_:2},1040)],16,P)})),128)):t.createCommentVNode("",!0),e.$slots.end?t.renderSlot(e.$slots,"end",{key:3}):t.createCommentVNode("",!0)],16)},module.exports=S;

package/stepper/stepper.esm.js

@@ -183,16 +183,16 @@ var script = {
     };
   },
   watch: {
-    '$attrs.id': {
-      immediate: true,
-      handler: function handler(newValue) {
-        this.id = newValue || UniqueComponentId();
-      }
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || UniqueComponentId();
     },
     activeStep: function activeStep(newValue) {
       this.d_activeStep = newValue;
     }
   },
+  mounted: function mounted() {
+    this.id = this.id || UniqueComponentId();
+  },
   methods: {
     isStep: function isStep(child) {
       return child.type.name === 'StepperPanel';
@@ -343,8 +343,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return $options.onItemClick(event, index);
         },
         getStepPT: $options.getStepPT,
-        getStepProp: $options.getStepProp
-      }, null, 8, ["id", "template", "stepperpanel", "index", "disabled", "active", "highlighted", "class", "aria-controls", "clickCallback", "getStepPT", "getStepProp"])];
+        getStepProp: $options.getStepProp,
+        unstyled: _ctx.unstyled
+      }, null, 8, ["id", "template", "stepperpanel", "index", "disabled", "active", "highlighted", "class", "aria-controls", "clickCallback", "getStepPT", "getStepProp", "unstyled"])];
     }), index !== $options.stepperpanels.length - 1 ? renderSlot(_ctx.$slots, "separator", {
       key: 0
     }, function () {
@@ -356,8 +357,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         index: index,
         active: $options.isStepActive(index),
         highlighted: index < $data.d_activeStep,
-        getStepPT: $options.getStepPT(step, 'separator', index)
-      }, null, 8, ["template", "separatorClass", "stepperpanel", "index", "active", "highlighted", "getStepPT"])];
+        getStepPT: $options.getStepPT(step, 'separator', index),
+        unstyled: _ctx.unstyled
+      }, null, 8, ["template", "separatorClass", "stepperpanel", "index", "active", "highlighted", "getStepPT", "unstyled"])];
     }) : createCommentVNode("", true)], 16, _hoisted_1);
   }), 128))], 16), createElementVNode("div", mergeProps({
     "class": _ctx.cx('panelContainer')
@@ -381,8 +383,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         return $options.nextCallback(event, index);
       },
       getStepPT: $options.getStepPT,
-      "aria-labelledby": $options.getStepHeaderActionId(index)
-    }, null, 8, ["id", "template", "stepperpanel", "index", "active", "highlighted", "clickCallback", "prevCallback", "nextCallback", "getStepPT", "aria-labelledby"])), [[vShow, $options.isStepActive(index)]]);
+      "aria-labelledby": $options.getStepHeaderActionId(index),
+      unstyled: _ctx.unstyled
+    }, null, 8, ["id", "template", "stepperpanel", "index", "active", "highlighted", "clickCallback", "prevCallback", "nextCallback", "getStepPT", "aria-labelledby", "unstyled"])), [[vShow, $options.isStepActive(index)]]);
   }), 128))], 16)], 64)) : _ctx.orientation === 'vertical' ? (openBlock(true), createElementBlock(Fragment, {
     key: 2
   }, renderList($options.stepperpanels, function (step, index) {

package/stepper/stepper.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as e}from"primevue/utils";import{openBlock as t,createElementBlock as n,mergeProps as i,createBlock as a,resolveDynamicComponent as r,normalizeClass as l,createElementVNode as p,toDisplayString as c,resolveComponent as o,renderSlot as s,createCommentVNode as d,Fragment as u,renderList as h,createVNode as g,withDirectives as v,vShow as b,Transition as S,withCtx as f}from"vue";import m from"primevue/basecomponent";import y from"primevue/stepper/style";var x={name:"BaseStepper",extends:m,props:{activeStep:{type:Number,default:0},orientation:{type:String,default:"horizontal"},linear:{type:Boolean,default:!1}},style:y,provide:function(){return{$parentInstance:this}}},k={name:"StepperContent",hostName:"Stepper",extends:m,props:{id:null,template:null,ariaLabelledby:null,stepperpanel:null,index:null,active:null,highlighted:null,clickCallback:null,prevCallback:null,nextCallback:null,getStepPT:null}};function C(e){return C="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},C(e)}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e,t,n){var i;return(t="symbol"==C(i=j(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e,t){if("object"!=C(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=C(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var A=["id","aria-labelledby","data-pc-index","data-p-active"];k.render=function(e,l,p,c,o,s){return t(),n("div",i({id:p.id,class:e.cx("stepper.content",{stepperpanel:p.stepperpanel,index:p.index}),role:"tabpanel","aria-labelledby":p.ariaLabelledby},T(T({},p.getStepPT(p.stepperpanel,"root",p.index)),p.getStepPT(p.stepperpanel,"content",p.index)),{"data-pc-name":"stepperpanel","data-pc-index":p.index,"data-p-active":p.active}),[p.template?(t(),a(r(p.template),{key:0,index:p.index,active:p.active,highlighted:p.highlighted,clickCallback:function(t){return e.onItemClick(t,p.index)},prevCallback:function(e){return p.prevCallback(e,p.index)},nextCallback:function(e){return p.nextCallback(e,p.index)}},null,8,["index","active","highlighted","clickCallback","prevCallback","nextCallback"])):(t(),a(r(p.stepperpanel),{key:1}))],16,A)};var I={name:"StepperHeader",hostName:"Stepper",extends:m,props:{id:null,template:null,stepperpanel:null,index:null,disabled:null,active:null,highlighted:null,ariaControls:null,clickCallback:null,getStepPT:null,getStepProp:null}},w=["id","tabindex","aria-controls"];I.render=function(e,o,s,d,u,h){return s.template?(t(),a(r(s.template),{key:0,index:s.index,active:s.active,highlighted:s.highlighted,class:l(e.cx("stepper.action")),headerClass:e.cx("stepper.action"),numberClass:e.cx("stepper.number"),titleClass:e.cx("stepper.title"),clickCallback:function(e){return s.clickCallback(e,s.index)}},null,8,["index","active","highlighted","class","headerClass","numberClass","titleClass","clickCallback"])):(t(),n("button",i({key:1,id:s.id,class:e.cx("stepper.action"),role:"tab",tabindex:s.disabled?-1:void 0,"aria-controls":s.ariaControls,onClick:o[0]||(o[0]=function(e){return s.clickCallback(e,s.index)})},s.getStepPT(s.stepperpanel,"action",s.index)),[p("span",i({class:e.cx("stepper.number")},s.getStepPT(s.stepperpanel,"number",s.index)),c(s.index+1),17),p("span",i({class:e.cx("stepper.title")},s.getStepPT(s.stepperpanel,"title",s.index)),c(s.getStepProp(s.stepperpanel,"header")),17)],16,w))};var _={name:"StepperSeparator",hostName:"Stepper",extends:m,props:{template:null,separatorClass:null,stepperpanel:null,index:null,active:null,highlighted:null,getStepPT:null}};_.render=function(e,p,c,o,s,d){return c.template?(t(),a(r(c.template),{key:0,class:l(c.separatorClass),index:c.index,active:c.active,highlighted:c.highlighted},null,8,["class","index","active","highlighted"])):(t(),n("span",i({key:1,class:c.separatorClass,"aria-hidden":"true"},c.getStepPT),null,16))};var $={name:"Stepper",extends:x,inheritAttrs:!1,emits:["update:activeStep","step-change"],data:function(){return{id:this.$attrs.id,d_activeStep:this.activeStep}},watch:{"$attrs.id":{immediate:!0,handler:function(t){this.id=t||e()}},activeStep:function(e){this.d_activeStep=e}},methods:{isStep:function(e){return"StepperPanel"===e.type.name},isStepActive:function(e){return this.d_activeStep===e},getStepProp:function(e,t){return e.props?e.props[t]:void 0},getStepKey:function(e,t){return this.getStepProp(e,"header")||t},getStepHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getStepContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getStepPT:function(e,t,n){var a=this.stepperpanels.length,r={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isStepActive(n),highlighted:n<this.d_activeStep,disabled:this.isItemDisabled(n)}};return i(this.ptm("stepperpanel.".concat(t),{stepperpanel:r}),this.ptm("stepperpanel.".concat(t),r),this.ptmo(this.getStepProp(e,"pt"),t,r))},updateActiveStep:function(e,t){this.d_activeStep=t,this.$emit("update:activeStep",t),this.$emit("step-change",{originalEvent:e,index:t})},onItemClick:function(e,t){this.linear?e.preventDefault():t!==this.d_activeStep&&this.updateActiveStep(e,t)},isItemDisabled:function(e){return this.linear&&!this.isStepActive(e)},prevCallback:function(e,t){0!==t&&this.updateActiveStep(e,t-1)},nextCallback:function(e,t){t!==this.stepperpanels.length-1&&this.updateActiveStep(e,t+1)}},computed:{stepperpanels:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isStep(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isStep(n)&&t.push(n)})),t}),[])}},components:{StepperContent:k,StepperHeader:I,StepperSeparator:_}};function D(e){return D="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},D(e)}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function N(e,t,n){var i;return(t="symbol"==D(i=K(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function K(e,t){if("object"!=D(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=D(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var z=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],B=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"];$.render=function(e,r,c,m,y,x){var k=o("StepperHeader"),C=o("StepperSeparator"),P=o("StepperContent");return t(),n("div",i({class:e.cx("root"),role:"tablist"},e.ptmi("root")),[e.$slots.start?s(e.$slots,"start",{key:0}):d("",!0),"horizontal"===e.orientation?(t(),n(u,{key:1},[p("ul",i({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(t(!0),n(u,null,h(x.stepperpanels,(function(a,r){return t(),n("li",i({key:x.getStepKey(a,r),class:e.cx("stepper.header",{step:a,index:r}),"aria-current":x.isStepActive(r)?"step":void 0,role:"presentation"},H(H({},x.getStepPT(a,"root",r)),x.getStepPT(a,"header",r)),{"data-pc-name":"stepperpanel","data-p-highlight":x.isStepActive(r),"data-p-disabled":x.isItemDisabled(r),"data-pc-index":r,"data-p-active":x.isStepActive(r)}),[s(e.$slots,"header",{},(function(){var t;return[g(k,{id:x.getStepHeaderActionId(r),template:null===(t=a.children)||void 0===t?void 0:t.header,stepperpanel:a,index:r,disabled:x.isItemDisabled(r),active:x.isStepActive(r),highlighted:r<y.d_activeStep,class:l(e.cx("stepper.action")),"aria-controls":x.getStepContentId(r),clickCallback:function(e){return x.onItemClick(e,r)},getStepPT:x.getStepPT,getStepProp:x.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]})),r!==x.stepperpanels.length-1?s(e.$slots,"separator",{key:0},(function(){var t;return[g(C,{template:null===(t=a.children)||void 0===t?void 0:t.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:a,index:r,active:x.isStepActive(r),highlighted:r<y.d_activeStep,getStepPT:x.getStepPT(a,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])]})):d("",!0)],16,z)})),128))],16),p("div",i({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(t(!0),n(u,null,h(x.stepperpanels,(function(e,n){var i;return v((t(),a(P,{key:x.getStepKey(e,n),id:x.getStepContentId(n),template:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:n,active:x.isStepActive(n),highlighted:n<y.d_activeStep,clickCallback:function(e){return x.onItemClick(e,n)},prevCallback:function(e){return x.prevCallback(e,n)},nextCallback:function(e){return x.nextCallback(e,n)},getStepPT:x.getStepPT,"aria-labelledby":x.getStepHeaderActionId(n)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])),[[b,x.isStepActive(n)]])})),128))],16)],64)):"vertical"===e.orientation?(t(!0),n(u,{key:2},h(x.stepperpanels,(function(a,r){return t(),n("div",i({ref_for:!0,ref:"nav",key:x.getStepKey(a,r),class:e.cx("panel",{step:a,index:r}),"aria-current":x.isStepActive(r)?"step":void 0},H(H({},x.getStepPT(a,"root",r)),x.getStepPT(a,"panel",r)),{"data-pc-name":"stepperpanel","data-p-highlight":x.isStepActive(r),"data-p-disabled":x.isItemDisabled(r),"data-pc-index":r,"data-p-active":x.isStepActive(r)}),[p("div",i({class:e.cx("stepper.header",{step:a,index:r})},x.getStepPT(a,"header",r)),[s(e.$slots,"header",{},(function(){var t;return[g(k,{id:x.getStepHeaderActionId(r),template:null===(t=a.children)||void 0===t?void 0:t.header,stepperpanel:a,index:r,disabled:x.isItemDisabled(r),active:x.isStepActive(r),highlighted:r<y.d_activeStep,class:l(e.cx("stepper.action")),"aria-controls":x.getStepContentId(r),clickCallback:function(e){return x.onItemClick(e,r)},getStepPT:x.getStepPT,getStepProp:x.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]}))],16),g(S,i({name:"p-toggleable-content"},x.getStepPT(a,"transition",r)),{default:f((function(){return[v(p("div",i({class:e.cx("stepper.toggleableContent")},x.getStepPT(a,"toggleableContent",r)),[r!==x.stepperpanels.length-1?s(e.$slots,"separator",{key:0},(function(){var t;return[g(C,{template:null===(t=a.children)||void 0===t?void 0:t.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:a,index:r,active:x.isStepActive(r),highlighted:r<y.d_activeStep,getStepPT:x.getStepPT(a,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])]})):d("",!0),s(e.$slots,"content",{},(function(){var e;return[g(P,{id:x.getStepContentId(r),template:null==a||null===(e=a.children)||void 0===e?void 0:e.content,stepperpanel:a,index:r,active:x.isStepActive(r),highlighted:r<y.d_activeStep,clickCallback:function(e){return x.onItemClick(e,r)},prevCallback:function(e){return x.prevCallback(e,r)},nextCallback:function(e){return x.nextCallback(e,r)},getStepPT:x.getStepPT,"aria-labelledby":x.getStepHeaderActionId(r)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])]}))],16),[[b,x.isStepActive(r)]])]})),_:2},1040)],16,B)})),128)):d("",!0),e.$slots.end?s(e.$slots,"end",{key:3}):d("",!0)],16)};export{$ as default};
+import{UniqueComponentId as e}from"primevue/utils";import{openBlock as t,createElementBlock as n,mergeProps as i,createBlock as a,resolveDynamicComponent as r,normalizeClass as l,createElementVNode as p,toDisplayString as c,resolveComponent as s,renderSlot as o,createCommentVNode as d,Fragment as u,renderList as h,createVNode as g,withDirectives as v,vShow as b,Transition as S,withCtx as f}from"vue";import m from"primevue/basecomponent";import y from"primevue/stepper/style";var x={name:"BaseStepper",extends:m,props:{activeStep:{type:Number,default:0},orientation:{type:String,default:"horizontal"},linear:{type:Boolean,default:!1}},style:y,provide:function(){return{$parentInstance:this}}},k={name:"StepperContent",hostName:"Stepper",extends:m,props:{id:null,template:null,ariaLabelledby:null,stepperpanel:null,index:null,active:null,highlighted:null,clickCallback:null,prevCallback:null,nextCallback:null,getStepPT:null}};function C(e){return C="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},C(e)}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e,t,n){var i;return(t="symbol"==C(i=j(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e,t){if("object"!=C(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=C(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var A=["id","aria-labelledby","data-pc-index","data-p-active"];k.render=function(e,l,p,c,s,o){return t(),n("div",i({id:p.id,class:e.cx("stepper.content",{stepperpanel:p.stepperpanel,index:p.index}),role:"tabpanel","aria-labelledby":p.ariaLabelledby},T(T({},p.getStepPT(p.stepperpanel,"root",p.index)),p.getStepPT(p.stepperpanel,"content",p.index)),{"data-pc-name":"stepperpanel","data-pc-index":p.index,"data-p-active":p.active}),[p.template?(t(),a(r(p.template),{key:0,index:p.index,active:p.active,highlighted:p.highlighted,clickCallback:function(t){return e.onItemClick(t,p.index)},prevCallback:function(e){return p.prevCallback(e,p.index)},nextCallback:function(e){return p.nextCallback(e,p.index)}},null,8,["index","active","highlighted","clickCallback","prevCallback","nextCallback"])):(t(),a(r(p.stepperpanel),{key:1}))],16,A)};var I={name:"StepperHeader",hostName:"Stepper",extends:m,props:{id:null,template:null,stepperpanel:null,index:null,disabled:null,active:null,highlighted:null,ariaControls:null,clickCallback:null,getStepPT:null,getStepProp:null}},w=["id","tabindex","aria-controls"];I.render=function(e,s,o,d,u,h){return o.template?(t(),a(r(o.template),{key:0,index:o.index,active:o.active,highlighted:o.highlighted,class:l(e.cx("stepper.action")),headerClass:e.cx("stepper.action"),numberClass:e.cx("stepper.number"),titleClass:e.cx("stepper.title"),clickCallback:function(e){return o.clickCallback(e,o.index)}},null,8,["index","active","highlighted","class","headerClass","numberClass","titleClass","clickCallback"])):(t(),n("button",i({key:1,id:o.id,class:e.cx("stepper.action"),role:"tab",tabindex:o.disabled?-1:void 0,"aria-controls":o.ariaControls,onClick:s[0]||(s[0]=function(e){return o.clickCallback(e,o.index)})},o.getStepPT(o.stepperpanel,"action",o.index)),[p("span",i({class:e.cx("stepper.number")},o.getStepPT(o.stepperpanel,"number",o.index)),c(o.index+1),17),p("span",i({class:e.cx("stepper.title")},o.getStepPT(o.stepperpanel,"title",o.index)),c(o.getStepProp(o.stepperpanel,"header")),17)],16,w))};var _={name:"StepperSeparator",hostName:"Stepper",extends:m,props:{template:null,separatorClass:null,stepperpanel:null,index:null,active:null,highlighted:null,getStepPT:null}};_.render=function(e,p,c,s,o,d){return c.template?(t(),a(r(c.template),{key:0,class:l(c.separatorClass),index:c.index,active:c.active,highlighted:c.highlighted},null,8,["class","index","active","highlighted"])):(t(),n("span",i({key:1,class:c.separatorClass,"aria-hidden":"true"},c.getStepPT),null,16))};var $={name:"Stepper",extends:x,inheritAttrs:!1,emits:["update:activeStep","step-change"],data:function(){return{id:this.$attrs.id,d_activeStep:this.activeStep}},watch:{"$attrs.id":function(t){this.id=t||e()},activeStep:function(e){this.d_activeStep=e}},mounted:function(){this.id=this.id||e()},methods:{isStep:function(e){return"StepperPanel"===e.type.name},isStepActive:function(e){return this.d_activeStep===e},getStepProp:function(e,t){return e.props?e.props[t]:void 0},getStepKey:function(e,t){return this.getStepProp(e,"header")||t},getStepHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getStepContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getStepPT:function(e,t,n){var a=this.stepperpanels.length,r={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isStepActive(n),highlighted:n<this.d_activeStep,disabled:this.isItemDisabled(n)}};return i(this.ptm("stepperpanel.".concat(t),{stepperpanel:r}),this.ptm("stepperpanel.".concat(t),r),this.ptmo(this.getStepProp(e,"pt"),t,r))},updateActiveStep:function(e,t){this.d_activeStep=t,this.$emit("update:activeStep",t),this.$emit("step-change",{originalEvent:e,index:t})},onItemClick:function(e,t){this.linear?e.preventDefault():t!==this.d_activeStep&&this.updateActiveStep(e,t)},isItemDisabled:function(e){return this.linear&&!this.isStepActive(e)},prevCallback:function(e,t){0!==t&&this.updateActiveStep(e,t-1)},nextCallback:function(e,t){t!==this.stepperpanels.length-1&&this.updateActiveStep(e,t+1)}},computed:{stepperpanels:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isStep(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isStep(n)&&t.push(n)})),t}),[])}},components:{StepperContent:k,StepperHeader:I,StepperSeparator:_}};function D(e){return D="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},D(e)}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function N(e,t,n){var i;return(t="symbol"==D(i=K(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function K(e,t){if("object"!=D(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=D(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var z=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],B=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"];$.render=function(e,r,c,m,y,x){var k=s("StepperHeader"),C=s("StepperSeparator"),P=s("StepperContent");return t(),n("div",i({class:e.cx("root"),role:"tablist"},e.ptmi("root")),[e.$slots.start?o(e.$slots,"start",{key:0}):d("",!0),"horizontal"===e.orientation?(t(),n(u,{key:1},[p("ul",i({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(t(!0),n(u,null,h(x.stepperpanels,(function(a,r){return t(),n("li",i({key:x.getStepKey(a,r),class:e.cx("stepper.header",{step:a,index:r}),"aria-current":x.isStepActive(r)?"step":void 0,role:"presentation"},H(H({},x.getStepPT(a,"root",r)),x.getStepPT(a,"header",r)),{"data-pc-name":"stepperpanel","data-p-highlight":x.isStepActive(r),"data-p-disabled":x.isItemDisabled(r),"data-pc-index":r,"data-p-active":x.isStepActive(r)}),[o(e.$slots,"header",{},(function(){var t;return[g(k,{id:x.getStepHeaderActionId(r),template:null===(t=a.children)||void 0===t?void 0:t.header,stepperpanel:a,index:r,disabled:x.isItemDisabled(r),active:x.isStepActive(r),highlighted:r<y.d_activeStep,class:l(e.cx("stepper.action")),"aria-controls":x.getStepContentId(r),clickCallback:function(e){return x.onItemClick(e,r)},getStepPT:x.getStepPT,getStepProp:x.getStepProp,unstyled:e.unstyled},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp","unstyled"])]})),r!==x.stepperpanels.length-1?o(e.$slots,"separator",{key:0},(function(){var t;return[g(C,{template:null===(t=a.children)||void 0===t?void 0:t.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:a,index:r,active:x.isStepActive(r),highlighted:r<y.d_activeStep,getStepPT:x.getStepPT(a,"separator",r),unstyled:e.unstyled},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT","unstyled"])]})):d("",!0)],16,z)})),128))],16),p("div",i({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(t(!0),n(u,null,h(x.stepperpanels,(function(n,i){var r;return v((t(),a(P,{key:x.getStepKey(n,i),id:x.getStepContentId(i),template:null==n||null===(r=n.children)||void 0===r?void 0:r.content,stepperpanel:n,index:i,active:x.isStepActive(i),highlighted:i<y.d_activeStep,clickCallback:function(e){return x.onItemClick(e,i)},prevCallback:function(e){return x.prevCallback(e,i)},nextCallback:function(e){return x.nextCallback(e,i)},getStepPT:x.getStepPT,"aria-labelledby":x.getStepHeaderActionId(i),unstyled:e.unstyled},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby","unstyled"])),[[b,x.isStepActive(i)]])})),128))],16)],64)):"vertical"===e.orientation?(t(!0),n(u,{key:2},h(x.stepperpanels,(function(a,r){return t(),n("div",i({ref_for:!0,ref:"nav",key:x.getStepKey(a,r),class:e.cx("panel",{step:a,index:r}),"aria-current":x.isStepActive(r)?"step":void 0},H(H({},x.getStepPT(a,"root",r)),x.getStepPT(a,"panel",r)),{"data-pc-name":"stepperpanel","data-p-highlight":x.isStepActive(r),"data-p-disabled":x.isItemDisabled(r),"data-pc-index":r,"data-p-active":x.isStepActive(r)}),[p("div",i({class:e.cx("stepper.header",{step:a,index:r})},x.getStepPT(a,"header",r)),[o(e.$slots,"header",{},(function(){var t;return[g(k,{id:x.getStepHeaderActionId(r),template:null===(t=a.children)||void 0===t?void 0:t.header,stepperpanel:a,index:r,disabled:x.isItemDisabled(r),active:x.isStepActive(r),highlighted:r<y.d_activeStep,class:l(e.cx("stepper.action")),"aria-controls":x.getStepContentId(r),clickCallback:function(e){return x.onItemClick(e,r)},getStepPT:x.getStepPT,getStepProp:x.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]}))],16),g(S,i({name:"p-toggleable-content"},x.getStepPT(a,"transition",r)),{default:f((function(){return[v(p("div",i({class:e.cx("stepper.toggleableContent")},x.getStepPT(a,"toggleableContent",r)),[r!==x.stepperpanels.length-1?o(e.$slots,"separator",{key:0},(function(){var t;return[g(C,{template:null===(t=a.children)||void 0===t?void 0:t.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:a,index:r,active:x.isStepActive(r),highlighted:r<y.d_activeStep,getStepPT:x.getStepPT(a,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])]})):d("",!0),o(e.$slots,"content",{},(function(){var e;return[g(P,{id:x.getStepContentId(r),template:null==a||null===(e=a.children)||void 0===e?void 0:e.content,stepperpanel:a,index:r,active:x.isStepActive(r),highlighted:r<y.d_activeStep,clickCallback:function(e){return x.onItemClick(e,r)},prevCallback:function(e){return x.prevCallback(e,r)},nextCallback:function(e){return x.nextCallback(e,r)},getStepPT:x.getStepPT,"aria-labelledby":x.getStepHeaderActionId(r)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])]}))],16),[[b,x.isStepActive(r)]])]})),_:2},1040)],16,B)})),128)):d("",!0),e.$slots.end?o(e.$slots,"end",{key:3}):d("",!0)],16)};export{$ as default};

package/stepper/stepper.js

@@ -187,16 +187,16 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
         };
       },
       watch: {
-        '$attrs.id': {
-          immediate: true,
-          handler: function handler(newValue) {
-            this.id = newValue || utils.UniqueComponentId();
-          }
+        '$attrs.id': function $attrsId(newValue) {
+          this.id = newValue || utils.UniqueComponentId();
         },
         activeStep: function activeStep(newValue) {
           this.d_activeStep = newValue;
         }
       },
+      mounted: function mounted() {
+        this.id = this.id || utils.UniqueComponentId();
+      },
       methods: {
         isStep: function isStep(child) {
           return child.type.name === 'StepperPanel';
@@ -347,8 +347,9 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
               return $options.onItemClick(event, index);
             },
             getStepPT: $options.getStepPT,
-            getStepProp: $options.getStepProp
-          }, null, 8, ["id", "template", "stepperpanel", "index", "disabled", "active", "highlighted", "class", "aria-controls", "clickCallback", "getStepPT", "getStepProp"])];
+            getStepProp: $options.getStepProp,
+            unstyled: _ctx.unstyled
+          }, null, 8, ["id", "template", "stepperpanel", "index", "disabled", "active", "highlighted", "class", "aria-controls", "clickCallback", "getStepPT", "getStepProp", "unstyled"])];
         }), index !== $options.stepperpanels.length - 1 ? vue.renderSlot(_ctx.$slots, "separator", {
           key: 0
         }, function () {
@@ -360,8 +361,9 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
             index: index,
             active: $options.isStepActive(index),
             highlighted: index < $data.d_activeStep,
-            getStepPT: $options.getStepPT(step, 'separator', index)
-          }, null, 8, ["template", "separatorClass", "stepperpanel", "index", "active", "highlighted", "getStepPT"])];
+            getStepPT: $options.getStepPT(step, 'separator', index),
+            unstyled: _ctx.unstyled
+          }, null, 8, ["template", "separatorClass", "stepperpanel", "index", "active", "highlighted", "getStepPT", "unstyled"])];
         }) : vue.createCommentVNode("", true)], 16, _hoisted_1);
       }), 128))], 16), vue.createElementVNode("div", vue.mergeProps({
         "class": _ctx.cx('panelContainer')
@@ -385,8 +387,9 @@ this.primevue.stepper = (function (utils, vue, BaseComponent, StepperStyle) {
             return $options.nextCallback(event, index);
           },
           getStepPT: $options.getStepPT,
-          "aria-labelledby": $options.getStepHeaderActionId(index)
-        }, null, 8, ["id", "template", "stepperpanel", "index", "active", "highlighted", "clickCallback", "prevCallback", "nextCallback", "getStepPT", "aria-labelledby"])), [[vue.vShow, $options.isStepActive(index)]]);
+          "aria-labelledby": $options.getStepHeaderActionId(index),
+          unstyled: _ctx.unstyled
+        }, null, 8, ["id", "template", "stepperpanel", "index", "active", "highlighted", "clickCallback", "prevCallback", "nextCallback", "getStepPT", "aria-labelledby", "unstyled"])), [[vue.vShow, $options.isStepActive(index)]]);
       }), 128))], 16)], 64)) : _ctx.orientation === 'vertical' ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
         key: 2
       }, vue.renderList($options.stepperpanels, function (step, index) {

package/stepper/stepper.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.stepper=function(e,t,n,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(n),l={name:"BaseStepper",extends:i.default,props:{activeStep:{type:Number,default:0},orientation:{type:String,default:"horizontal"},linear:{type:Boolean,default:!1}},style:a(r).default,provide:function(){return{$parentInstance:this}}},p={name:"StepperContent",hostName:"Stepper",extends:i.default,props:{id:null,template:null,ariaLabelledby:null,stepperpanel:null,index:null,active:null,highlighted:null,clickCallback:null,prevCallback:null,nextCallback:null,getStepPT:null}};function o(e){return o="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},o(e)}function c(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 s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function d(e,t,n){var r;return(t="symbol"==o(r=u(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){if("object"!=o(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var h=["id","aria-labelledby","data-pc-index","data-p-active"];p.render=function(e,n,r,a,i,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({id:r.id,class:e.cx("stepper.content",{stepperpanel:r.stepperpanel,index:r.index}),role:"tabpanel","aria-labelledby":r.ariaLabelledby},s(s({},r.getStepPT(r.stepperpanel,"root",r.index)),r.getStepPT(r.stepperpanel,"content",r.index)),{"data-pc-name":"stepperpanel","data-pc-index":r.index,"data-p-active":r.active}),[r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,index:r.index,active:r.active,highlighted:r.highlighted,clickCallback:function(t){return e.onItemClick(t,r.index)},prevCallback:function(e){return r.prevCallback(e,r.index)},nextCallback:function(e){return r.nextCallback(e,r.index)}},null,8,["index","active","highlighted","clickCallback","prevCallback","nextCallback"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.stepperpanel),{key:1}))],16,h)};var g={name:"StepperHeader",hostName:"Stepper",extends:i.default,props:{id:null,template:null,stepperpanel:null,index:null,disabled:null,active:null,highlighted:null,ariaControls:null,clickCallback:null,getStepPT:null,getStepProp:null}},m=["id","tabindex","aria-controls"];g.render=function(e,n,r,a,i,l){return r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,index:r.index,active:r.active,highlighted:r.highlighted,class:t.normalizeClass(e.cx("stepper.action")),headerClass:e.cx("stepper.action"),numberClass:e.cx("stepper.number"),titleClass:e.cx("stepper.title"),clickCallback:function(e){return r.clickCallback(e,r.index)}},null,8,["index","active","highlighted","class","headerClass","numberClass","titleClass","clickCallback"])):(t.openBlock(),t.createElementBlock("button",t.mergeProps({key:1,id:r.id,class:e.cx("stepper.action"),role:"tab",tabindex:r.disabled?-1:void 0,"aria-controls":r.ariaControls,onClick:n[0]||(n[0]=function(e){return r.clickCallback(e,r.index)})},r.getStepPT(r.stepperpanel,"action",r.index)),[t.createElementVNode("span",t.mergeProps({class:e.cx("stepper.number")},r.getStepPT(r.stepperpanel,"number",r.index)),t.toDisplayString(r.index+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("stepper.title")},r.getStepPT(r.stepperpanel,"title",r.index)),t.toDisplayString(r.getStepProp(r.stepperpanel,"header")),17)],16,m))};var v={name:"StepperSeparator",hostName:"Stepper",extends:i.default,props:{template:null,separatorClass:null,stepperpanel:null,index:null,active:null,highlighted:null,getStepPT:null}};v.render=function(e,n,r,a,i,l){return r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,class:t.normalizeClass(r.separatorClass),index:r.index,active:r.active,highlighted:r.highlighted},null,8,["class","index","active","highlighted"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:1,class:r.separatorClass,"aria-hidden":"true"},r.getStepPT),null,16))};var S={name:"Stepper",extends:l,inheritAttrs:!1,emits:["update:activeStep","step-change"],data:function(){return{id:this.$attrs.id,d_activeStep:this.activeStep}},watch:{"$attrs.id":{immediate:!0,handler:function(t){this.id=t||e.UniqueComponentId()}},activeStep:function(e){this.d_activeStep=e}},methods:{isStep:function(e){return"StepperPanel"===e.type.name},isStepActive:function(e){return this.d_activeStep===e},getStepProp:function(e,t){return e.props?e.props[t]:void 0},getStepKey:function(e,t){return this.getStepProp(e,"header")||t},getStepHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getStepContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getStepPT:function(e,n,r){var a=this.stepperpanels.length,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:r,count:a,first:0===r,last:r===a-1,active:this.isStepActive(r),highlighted:r<this.d_activeStep,disabled:this.isItemDisabled(r)}};return t.mergeProps(this.ptm("stepperpanel.".concat(n),{stepperpanel:i}),this.ptm("stepperpanel.".concat(n),i),this.ptmo(this.getStepProp(e,"pt"),n,i))},updateActiveStep:function(e,t){this.d_activeStep=t,this.$emit("update:activeStep",t),this.$emit("step-change",{originalEvent:e,index:t})},onItemClick:function(e,t){this.linear?e.preventDefault():t!==this.d_activeStep&&this.updateActiveStep(e,t)},isItemDisabled:function(e){return this.linear&&!this.isStepActive(e)},prevCallback:function(e,t){0!==t&&this.updateActiveStep(e,t-1)},nextCallback:function(e,t){t!==this.stepperpanels.length-1&&this.updateActiveStep(e,t+1)}},computed:{stepperpanels:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isStep(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isStep(n)&&t.push(n)})),t}),[])}},components:{StepperContent:p,StepperHeader:g,StepperSeparator:v}};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 f(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(e,t,n){var r;return(t="symbol"==b(r=C(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e,t){if("object"!=b(e)||!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 x=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],P=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"];return S.render=function(e,n,r,a,i,l){var p=t.resolveComponent("StepperHeader"),o=t.resolveComponent("StepperSeparator"),c=t.resolveComponent("StepperContent");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),role:"tablist"},e.ptmi("root")),[e.$slots.start?t.renderSlot(e.$slots,"start",{key:0}):t.createCommentVNode("",!0),"horizontal"===e.orientation?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createElementVNode("ul",t.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.stepperpanels,(function(n,r){return t.openBlock(),t.createElementBlock("li",t.mergeProps({key:l.getStepKey(n,r),class:e.cx("stepper.header",{step:n,index:r}),"aria-current":l.isStepActive(r)?"step":void 0,role:"presentation"},k(k({},l.getStepPT(n,"root",r)),l.getStepPT(n,"header",r)),{"data-pc-name":"stepperpanel","data-p-highlight":l.isStepActive(r),"data-p-disabled":l.isItemDisabled(r),"data-pc-index":r,"data-p-active":l.isStepActive(r)}),[t.renderSlot(e.$slots,"header",{},(function(){var a;return[t.createVNode(p,{id:l.getStepHeaderActionId(r),template:null===(a=n.children)||void 0===a?void 0:a.header,stepperpanel:n,index:r,disabled:l.isItemDisabled(r),active:l.isStepActive(r),highlighted:r<i.d_activeStep,class:t.normalizeClass(e.cx("stepper.action")),"aria-controls":l.getStepContentId(r),clickCallback:function(e){return l.onItemClick(e,r)},getStepPT:l.getStepPT,getStepProp:l.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]})),r!==l.stepperpanels.length-1?t.renderSlot(e.$slots,"separator",{key:0},(function(){var a;return[t.createVNode(o,{template:null===(a=n.children)||void 0===a?void 0:a.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,getStepPT:l.getStepPT(n,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])]})):t.createCommentVNode("",!0)],16,x)})),128))],16),t.createElementVNode("div",t.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.stepperpanels,(function(e,n){var r;return t.withDirectives((t.openBlock(),t.createBlock(c,{key:l.getStepKey(e,n),id:l.getStepContentId(n),template:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:n,active:l.isStepActive(n),highlighted:n<i.d_activeStep,clickCallback:function(e){return l.onItemClick(e,n)},prevCallback:function(e){return l.prevCallback(e,n)},nextCallback:function(e){return l.nextCallback(e,n)},getStepPT:l.getStepPT,"aria-labelledby":l.getStepHeaderActionId(n)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])),[[t.vShow,l.isStepActive(n)]])})),128))],16)],64)):"vertical"===e.orientation?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(l.stepperpanels,(function(n,r){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref_for:!0,ref:"nav",key:l.getStepKey(n,r),class:e.cx("panel",{step:n,index:r}),"aria-current":l.isStepActive(r)?"step":void 0},k(k({},l.getStepPT(n,"root",r)),l.getStepPT(n,"panel",r)),{"data-pc-name":"stepperpanel","data-p-highlight":l.isStepActive(r),"data-p-disabled":l.isItemDisabled(r),"data-pc-index":r,"data-p-active":l.isStepActive(r)}),[t.createElementVNode("div",t.mergeProps({class:e.cx("stepper.header",{step:n,index:r})},l.getStepPT(n,"header",r)),[t.renderSlot(e.$slots,"header",{},(function(){var a;return[t.createVNode(p,{id:l.getStepHeaderActionId(r),template:null===(a=n.children)||void 0===a?void 0:a.header,stepperpanel:n,index:r,disabled:l.isItemDisabled(r),active:l.isStepActive(r),highlighted:r<i.d_activeStep,class:t.normalizeClass(e.cx("stepper.action")),"aria-controls":l.getStepContentId(r),clickCallback:function(e){return l.onItemClick(e,r)},getStepPT:l.getStepPT,getStepProp:l.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]}))],16),t.createVNode(t.Transition,t.mergeProps({name:"p-toggleable-content"},l.getStepPT(n,"transition",r)),{default:t.withCtx((function(){return[t.withDirectives(t.createElementVNode("div",t.mergeProps({class:e.cx("stepper.toggleableContent")},l.getStepPT(n,"toggleableContent",r)),[r!==l.stepperpanels.length-1?t.renderSlot(e.$slots,"separator",{key:0},(function(){var a;return[t.createVNode(o,{template:null===(a=n.children)||void 0===a?void 0:a.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,getStepPT:l.getStepPT(n,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])]})):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"content",{},(function(){var e;return[t.createVNode(c,{id:l.getStepContentId(r),template:null==n||null===(e=n.children)||void 0===e?void 0:e.content,stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,clickCallback:function(e){return l.onItemClick(e,r)},prevCallback:function(e){return l.prevCallback(e,r)},nextCallback:function(e){return l.nextCallback(e,r)},getStepPT:l.getStepPT,"aria-labelledby":l.getStepHeaderActionId(r)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])]}))],16),[[t.vShow,l.isStepActive(r)]])]})),_:2},1040)],16,P)})),128)):t.createCommentVNode("",!0),e.$slots.end?t.renderSlot(e.$slots,"end",{key:3}):t.createCommentVNode("",!0)],16)},S}(primevue.utils,Vue,primevue.basecomponent,primevue.stepper.style);
+this.primevue=this.primevue||{},this.primevue.stepper=function(e,t,n,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(n),l={name:"BaseStepper",extends:i.default,props:{activeStep:{type:Number,default:0},orientation:{type:String,default:"horizontal"},linear:{type:Boolean,default:!1}},style:a(r).default,provide:function(){return{$parentInstance:this}}},p={name:"StepperContent",hostName:"Stepper",extends:i.default,props:{id:null,template:null,ariaLabelledby:null,stepperpanel:null,index:null,active:null,highlighted:null,clickCallback:null,prevCallback:null,nextCallback:null,getStepPT:null}};function o(e){return o="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},o(e)}function c(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 s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function d(e,t,n){var r;return(t="symbol"==o(r=u(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){if("object"!=o(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var h=["id","aria-labelledby","data-pc-index","data-p-active"];p.render=function(e,n,r,a,i,l){return t.openBlock(),t.createElementBlock("div",t.mergeProps({id:r.id,class:e.cx("stepper.content",{stepperpanel:r.stepperpanel,index:r.index}),role:"tabpanel","aria-labelledby":r.ariaLabelledby},s(s({},r.getStepPT(r.stepperpanel,"root",r.index)),r.getStepPT(r.stepperpanel,"content",r.index)),{"data-pc-name":"stepperpanel","data-pc-index":r.index,"data-p-active":r.active}),[r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,index:r.index,active:r.active,highlighted:r.highlighted,clickCallback:function(t){return e.onItemClick(t,r.index)},prevCallback:function(e){return r.prevCallback(e,r.index)},nextCallback:function(e){return r.nextCallback(e,r.index)}},null,8,["index","active","highlighted","clickCallback","prevCallback","nextCallback"])):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.stepperpanel),{key:1}))],16,h)};var g={name:"StepperHeader",hostName:"Stepper",extends:i.default,props:{id:null,template:null,stepperpanel:null,index:null,disabled:null,active:null,highlighted:null,ariaControls:null,clickCallback:null,getStepPT:null,getStepProp:null}},m=["id","tabindex","aria-controls"];g.render=function(e,n,r,a,i,l){return r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,index:r.index,active:r.active,highlighted:r.highlighted,class:t.normalizeClass(e.cx("stepper.action")),headerClass:e.cx("stepper.action"),numberClass:e.cx("stepper.number"),titleClass:e.cx("stepper.title"),clickCallback:function(e){return r.clickCallback(e,r.index)}},null,8,["index","active","highlighted","class","headerClass","numberClass","titleClass","clickCallback"])):(t.openBlock(),t.createElementBlock("button",t.mergeProps({key:1,id:r.id,class:e.cx("stepper.action"),role:"tab",tabindex:r.disabled?-1:void 0,"aria-controls":r.ariaControls,onClick:n[0]||(n[0]=function(e){return r.clickCallback(e,r.index)})},r.getStepPT(r.stepperpanel,"action",r.index)),[t.createElementVNode("span",t.mergeProps({class:e.cx("stepper.number")},r.getStepPT(r.stepperpanel,"number",r.index)),t.toDisplayString(r.index+1),17),t.createElementVNode("span",t.mergeProps({class:e.cx("stepper.title")},r.getStepPT(r.stepperpanel,"title",r.index)),t.toDisplayString(r.getStepProp(r.stepperpanel,"header")),17)],16,m))};var v={name:"StepperSeparator",hostName:"Stepper",extends:i.default,props:{template:null,separatorClass:null,stepperpanel:null,index:null,active:null,highlighted:null,getStepPT:null}};v.render=function(e,n,r,a,i,l){return r.template?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.template),{key:0,class:t.normalizeClass(r.separatorClass),index:r.index,active:r.active,highlighted:r.highlighted},null,8,["class","index","active","highlighted"])):(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:1,class:r.separatorClass,"aria-hidden":"true"},r.getStepPT),null,16))};var S={name:"Stepper",extends:l,inheritAttrs:!1,emits:["update:activeStep","step-change"],data:function(){return{id:this.$attrs.id,d_activeStep:this.activeStep}},watch:{"$attrs.id":function(t){this.id=t||e.UniqueComponentId()},activeStep:function(e){this.d_activeStep=e}},mounted:function(){this.id=this.id||e.UniqueComponentId()},methods:{isStep:function(e){return"StepperPanel"===e.type.name},isStepActive:function(e){return this.d_activeStep===e},getStepProp:function(e,t){return e.props?e.props[t]:void 0},getStepKey:function(e,t){return this.getStepProp(e,"header")||t},getStepHeaderActionId:function(e){return"".concat(this.id,"_").concat(e,"_header_action")},getStepContentId:function(e){return"".concat(this.id,"_").concat(e,"_content")},getStepPT:function(e,n,r){var a=this.stepperpanels.length,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:r,count:a,first:0===r,last:r===a-1,active:this.isStepActive(r),highlighted:r<this.d_activeStep,disabled:this.isItemDisabled(r)}};return t.mergeProps(this.ptm("stepperpanel.".concat(n),{stepperpanel:i}),this.ptm("stepperpanel.".concat(n),i),this.ptmo(this.getStepProp(e,"pt"),n,i))},updateActiveStep:function(e,t){this.d_activeStep=t,this.$emit("update:activeStep",t),this.$emit("step-change",{originalEvent:e,index:t})},onItemClick:function(e,t){this.linear?e.preventDefault():t!==this.d_activeStep&&this.updateActiveStep(e,t)},isItemDisabled:function(e){return this.linear&&!this.isStepActive(e)},prevCallback:function(e,t){0!==t&&this.updateActiveStep(e,t-1)},nextCallback:function(e,t){t!==this.stepperpanels.length-1&&this.updateActiveStep(e,t+1)}},computed:{stepperpanels:function(){var e=this;return this.$slots.default().reduce((function(t,n){return e.isStep(n)?t.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){e.isStep(n)&&t.push(n)})),t}),[])}},components:{StepperContent:p,StepperHeader:g,StepperSeparator:v}};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 f(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(e,t,n){var r;return(t="symbol"==b(r=C(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e,t){if("object"!=b(e)||!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 x=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],P=["aria-current","data-p-highlight","data-p-disabled","data-pc-index","data-p-active"];return S.render=function(e,n,r,a,i,l){var p=t.resolveComponent("StepperHeader"),o=t.resolveComponent("StepperSeparator"),c=t.resolveComponent("StepperContent");return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:e.cx("root"),role:"tablist"},e.ptmi("root")),[e.$slots.start?t.renderSlot(e.$slots,"start",{key:0}):t.createCommentVNode("",!0),"horizontal"===e.orientation?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createElementVNode("ul",t.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.stepperpanels,(function(n,r){return t.openBlock(),t.createElementBlock("li",t.mergeProps({key:l.getStepKey(n,r),class:e.cx("stepper.header",{step:n,index:r}),"aria-current":l.isStepActive(r)?"step":void 0,role:"presentation"},k(k({},l.getStepPT(n,"root",r)),l.getStepPT(n,"header",r)),{"data-pc-name":"stepperpanel","data-p-highlight":l.isStepActive(r),"data-p-disabled":l.isItemDisabled(r),"data-pc-index":r,"data-p-active":l.isStepActive(r)}),[t.renderSlot(e.$slots,"header",{},(function(){var a;return[t.createVNode(p,{id:l.getStepHeaderActionId(r),template:null===(a=n.children)||void 0===a?void 0:a.header,stepperpanel:n,index:r,disabled:l.isItemDisabled(r),active:l.isStepActive(r),highlighted:r<i.d_activeStep,class:t.normalizeClass(e.cx("stepper.action")),"aria-controls":l.getStepContentId(r),clickCallback:function(e){return l.onItemClick(e,r)},getStepPT:l.getStepPT,getStepProp:l.getStepProp,unstyled:e.unstyled},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp","unstyled"])]})),r!==l.stepperpanels.length-1?t.renderSlot(e.$slots,"separator",{key:0},(function(){var a;return[t.createVNode(o,{template:null===(a=n.children)||void 0===a?void 0:a.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,getStepPT:l.getStepPT(n,"separator",r),unstyled:e.unstyled},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT","unstyled"])]})):t.createCommentVNode("",!0)],16,x)})),128))],16),t.createElementVNode("div",t.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(l.stepperpanels,(function(n,r){var a;return t.withDirectives((t.openBlock(),t.createBlock(c,{key:l.getStepKey(n,r),id:l.getStepContentId(r),template:null==n||null===(a=n.children)||void 0===a?void 0:a.content,stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,clickCallback:function(e){return l.onItemClick(e,r)},prevCallback:function(e){return l.prevCallback(e,r)},nextCallback:function(e){return l.nextCallback(e,r)},getStepPT:l.getStepPT,"aria-labelledby":l.getStepHeaderActionId(r),unstyled:e.unstyled},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby","unstyled"])),[[t.vShow,l.isStepActive(r)]])})),128))],16)],64)):"vertical"===e.orientation?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(l.stepperpanels,(function(n,r){return t.openBlock(),t.createElementBlock("div",t.mergeProps({ref_for:!0,ref:"nav",key:l.getStepKey(n,r),class:e.cx("panel",{step:n,index:r}),"aria-current":l.isStepActive(r)?"step":void 0},k(k({},l.getStepPT(n,"root",r)),l.getStepPT(n,"panel",r)),{"data-pc-name":"stepperpanel","data-p-highlight":l.isStepActive(r),"data-p-disabled":l.isItemDisabled(r),"data-pc-index":r,"data-p-active":l.isStepActive(r)}),[t.createElementVNode("div",t.mergeProps({class:e.cx("stepper.header",{step:n,index:r})},l.getStepPT(n,"header",r)),[t.renderSlot(e.$slots,"header",{},(function(){var a;return[t.createVNode(p,{id:l.getStepHeaderActionId(r),template:null===(a=n.children)||void 0===a?void 0:a.header,stepperpanel:n,index:r,disabled:l.isItemDisabled(r),active:l.isStepActive(r),highlighted:r<i.d_activeStep,class:t.normalizeClass(e.cx("stepper.action")),"aria-controls":l.getStepContentId(r),clickCallback:function(e){return l.onItemClick(e,r)},getStepPT:l.getStepPT,getStepProp:l.getStepProp},null,8,["id","template","stepperpanel","index","disabled","active","highlighted","class","aria-controls","clickCallback","getStepPT","getStepProp"])]}))],16),t.createVNode(t.Transition,t.mergeProps({name:"p-toggleable-content"},l.getStepPT(n,"transition",r)),{default:t.withCtx((function(){return[t.withDirectives(t.createElementVNode("div",t.mergeProps({class:e.cx("stepper.toggleableContent")},l.getStepPT(n,"toggleableContent",r)),[r!==l.stepperpanels.length-1?t.renderSlot(e.$slots,"separator",{key:0},(function(){var a;return[t.createVNode(o,{template:null===(a=n.children)||void 0===a?void 0:a.separator,separatorClass:e.cx("stepper.separator"),stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,getStepPT:l.getStepPT(n,"separator",r)},null,8,["template","separatorClass","stepperpanel","index","active","highlighted","getStepPT"])]})):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"content",{},(function(){var e;return[t.createVNode(c,{id:l.getStepContentId(r),template:null==n||null===(e=n.children)||void 0===e?void 0:e.content,stepperpanel:n,index:r,active:l.isStepActive(r),highlighted:r<i.d_activeStep,clickCallback:function(e){return l.onItemClick(e,r)},prevCallback:function(e){return l.prevCallback(e,r)},nextCallback:function(e){return l.nextCallback(e,r)},getStepPT:l.getStepPT,"aria-labelledby":l.getStepHeaderActionId(r)},null,8,["id","template","stepperpanel","index","active","highlighted","clickCallback","prevCallback","nextCallback","getStepPT","aria-labelledby"])]}))],16),[[t.vShow,l.isStepActive(r)]])]})),_:2},1040)],16,P)})),128)):t.createCommentVNode("",!0),e.$slots.end?t.renderSlot(e.$slots,"end",{key:3}):t.createCommentVNode("",!0)],16)},S}(primevue.utils,Vue,primevue.basecomponent,primevue.stepper.style);

package/tabview/TabView.vue

@@ -113,11 +113,8 @@ export default {
         };
     },
     watch: {
-        '$attrs.id': {
-            immediate: true,
-            handler: function (newValue) {
-                this.id = newValue || UniqueComponentId();
-            }
+        '$attrs.id': function (newValue) {
+            this.id = newValue || UniqueComponentId();
         },
         activeIndex(newValue) {
             this.d_activeIndex = newValue;
@@ -126,6 +123,7 @@ export default {
         }
     },
     mounted() {
+        this.id = this.id || UniqueComponentId();
         this.updateInkBar();
         this.scrollable && this.updateButtonState();
     },

package/tabview/tabview.cjs.js

@@ -79,11 +79,8 @@ var script = {
     };
   },
   watch: {
-    '$attrs.id': {
-      immediate: true,
-      handler: function handler(newValue) {
-        this.id = newValue || utils.UniqueComponentId();
-      }
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || utils.UniqueComponentId();
     },
     activeIndex: function activeIndex(newValue) {
       this.d_activeIndex = newValue;
@@ -93,6 +90,7 @@ var script = {
     }
   },
   mounted: function mounted() {
+    this.id = this.id || utils.UniqueComponentId();
     this.updateInkBar();
     this.scrollable && this.updateButtonState();
   },

package/tabview/tabview.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/chevronleft"),t=require("primevue/icons/chevronright"),n=require("primevue/ripple"),a=require("primevue/utils"),r=require("vue"),i=require("primevue/basecomponent"),o=require("primevue/tabview/style");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),u={name:"TabView",extends:{name:"BaseTabView",extends:c(i).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}},style:c(o).default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,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":{immediate:!0,handler:function(e){this.id=e||a.UniqueComponentId()}},activeIndex:function(e){this.d_activeIndex=e,this.scrollInView({index:e})}},mounted:function(){this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar(),this.scrollable&&this.updateButtonState()},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,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return r.mergeProps(this.ptm("tab.".concat(t),{tab:i}),this.ptm("tabpanel.".concat(t),{tabpanel:i}),this.ptm("tabpanel.".concat(t),i),this.ptmo(this.getTabProp(e,"pt"),t,i))},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,r=e.scrollWidth-t;e.scrollLeft=n>=r?r: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"NumpadEnter":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.pcIndex,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,r=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-r},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 p(e){return p="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},p(e)}function b(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 h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==p(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["tabindex","aria-label"],g=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],y=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],x=["tabindex","aria-label"],P=["id","aria-labelledby","data-pc-index","data-p-active"];u.render=function(e,t,n,a,i,o){var c=r.resolveDirective("ripple");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),role:"tablist"},e.ptmi("root")),[r.createElementVNode("div",r.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!i.isPrevButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.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)})},h(h({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"previousicon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),r.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,m)),[[c]]):r.createCommentVNode("",!0),r.createElementVNode("div",r.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[r.createElementVNode("ul",r.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock("li",r.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},h(h(h({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":i.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":i.d_activeIndex===n}),[r.withDirectives((r.openBlock(),r.createElementBlock("a",r.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)}},h(h({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),r.toDisplayString(t.props.header),17)):r.createCommentVNode("",!0),t.children&&t.children.header?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.children.header),{key:1})):r.createCommentVNode("",!0)],16,y)),[[c]])],16,g)})),128)),r.createElementVNode("li",r.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!i.isNextButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.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)})},h(h({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"nexticon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),r.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,x)),[[c]]):r.createCommentVNode("",!0)],16),r.createElementVNode("div",r.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock(r.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?r.withDirectives((r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},h(h(h({},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":i.d_activeIndex===n}),[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t)))],16,P)),[[r.vShow,!!e.lazy||o.isTabActive(n)]]):r.createCommentVNode("",!0)],64)})),128))],16)],16)},module.exports=u;
+"use strict";var e=require("primevue/icons/chevronleft"),t=require("primevue/icons/chevronright"),n=require("primevue/ripple"),a=require("primevue/utils"),r=require("vue"),i=require("primevue/basecomponent"),o=require("primevue/tabview/style");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),s=c(t),d=c(n),u={name:"TabView",extends:{name:"BaseTabView",extends:c(i).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}},style:c(o).default,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,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(),this.scrollable&&this.updateButtonState()},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,i={props:e.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:a,first:0===n,last:n===a-1,active:this.isTabActive(n)}};return r.mergeProps(this.ptm("tab.".concat(t),{tab:i}),this.ptm("tabpanel.".concat(t),{tabpanel:i}),this.ptm("tabpanel.".concat(t),i),this.ptmo(this.getTabProp(e,"pt"),t,i))},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,r=e.scrollWidth-t;e.scrollLeft=n>=r?r: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"NumpadEnter":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.pcIndex,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,r=a.DomHandler.getWidth(e);this.isPrevButtonDisabled=0===t,this.isNextButtonDisabled=parseInt(t)===n-r},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 p(e){return p="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},p(e)}function b(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 h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function f(e,t,n){var a;return(t="symbol"==p(a=v(t,"string"))?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e,t){if("object"!=p(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=p(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["tabindex","aria-label"],g=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],y=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],x=["tabindex","aria-label"],P=["id","aria-labelledby","data-pc-index","data-p-active"];u.render=function(e,t,n,a,i,o){var c=r.resolveDirective("ripple");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),role:"tablist"},e.ptmi("root")),[r.createElementVNode("div",r.mergeProps({class:e.cx("navContainer")},e.ptm("navContainer")),[e.scrollable&&!i.isPrevButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.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)})},h(h({},e.previousButtonProps),e.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"previousicon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.prevIcon?"span":"ChevronLeftIcon"),r.mergeProps({"aria-hidden":"true",class:e.prevIcon},e.ptm("previousIcon")),null,16,["class"]))]}))],16,m)),[[c]]):r.createCommentVNode("",!0),r.createElementVNode("div",r.mergeProps({ref:"content",class:e.cx("navContent"),onScroll:t[1]||(t[1]=function(){return o.onScroll&&o.onScroll.apply(o,arguments)})},e.ptm("navContent")),[r.createElementVNode("ul",r.mergeProps({ref:"nav",class:e.cx("nav")},e.ptm("nav")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock("li",r.mergeProps({key:o.getKey(t,n),style:o.getTabProp(t,"headerStyle"),class:e.cx("tab.header",{tab:t,index:n}),role:"presentation"},h(h(h({},o.getTabProp(t,"headerProps")),o.getTabPT(t,"root",n)),o.getTabPT(t,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":i.d_activeIndex===n,"data-p-disabled":o.getTabProp(t,"disabled"),"data-pc-index":n,"data-p-active":i.d_activeIndex===n}),[r.withDirectives((r.openBlock(),r.createElementBlock("a",r.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)}},h(h({},o.getTabProp(t,"headerActionProps")),o.getTabPT(t,"headerAction",n))),[t.props&&t.props.header?(r.openBlock(),r.createElementBlock("span",r.mergeProps({key:0,class:e.cx("tab.headerTitle")},o.getTabPT(t,"headerTitle",n)),r.toDisplayString(t.props.header),17)):r.createCommentVNode("",!0),t.children&&t.children.header?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.children.header),{key:1})):r.createCommentVNode("",!0)],16,y)),[[c]])],16,g)})),128)),r.createElementVNode("li",r.mergeProps({ref:"inkbar",class:e.cx("inkbar"),role:"presentation","aria-hidden":"true"},e.ptm("inkbar")),null,16)],16)],16),e.scrollable&&!i.isNextButtonDisabled?r.withDirectives((r.openBlock(),r.createElementBlock("button",r.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)})},h(h({},e.nextButtonProps),e.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[r.renderSlot(e.$slots,"nexticon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.nextIcon?"span":"ChevronRightIcon"),r.mergeProps({"aria-hidden":"true",class:e.nextIcon},e.ptm("nextIcon")),null,16,["class"]))]}))],16,x)),[[c]]):r.createCommentVNode("",!0)],16),r.createElementVNode("div",r.mergeProps({class:e.cx("panelContainer")},e.ptm("panelContainer")),[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.tabs,(function(t,n){return r.openBlock(),r.createElementBlock(r.Fragment,{key:o.getKey(t,n)},[!e.lazy||o.isTabActive(n)?r.withDirectives((r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,id:o.getTabContentId(n),style:o.getTabProp(t,"contentStyle"),class:e.cx("tab.content",{tab:t}),role:"tabpanel","aria-labelledby":o.getTabHeaderActionId(n)},h(h(h({},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":i.d_activeIndex===n}),[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t)))],16,P)),[[r.vShow,!!e.lazy||o.isTabActive(n)]]):r.createCommentVNode("",!0)],64)})),128))],16)],16)},module.exports=u;

package/tabview/tabview.esm.js

@@ -69,11 +69,8 @@ var script = {
     };
   },
   watch: {
-    '$attrs.id': {
-      immediate: true,
-      handler: function handler(newValue) {
-        this.id = newValue || UniqueComponentId();
-      }
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || UniqueComponentId();
     },
     activeIndex: function activeIndex(newValue) {
       this.d_activeIndex = newValue;
@@ -83,6 +80,7 @@ var script = {
     }
   },
   mounted: function mounted() {
+    this.id = this.id || UniqueComponentId();
     this.updateInkBar();
     this.scrollable && this.updateButtonState();
   },

package/tabview/tabview.esm.min.js

@@ -1 +1 @@
-import t from"primevue/icons/chevronleft";import e from"primevue/icons/chevronright";import n from"primevue/ripple";import{UniqueComponentId as i,DomHandler as a}from"primevue/utils";import{mergeProps as r,resolveDirective as o,openBlock as c,createElementBlock as s,createElementVNode as l,withDirectives as d,renderSlot as u,createBlock as p,resolveDynamicComponent as b,createCommentVNode as h,Fragment as f,renderList as v,toDisplayString as g,vShow as m}from"vue";import y from"primevue/basecomponent";import x from"primevue/tabview/style";var T={name:"TabView",extends:{name:"BaseTabView",extends:y,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}},style:x,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,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":{immediate:!0,handler:function(t){this.id=t||i()}},activeIndex:function(t){this.d_activeIndex=t,this.scrollInView({index:t})}},mounted:function(){this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar(),this.scrollable&&this.updateButtonState()},methods:{isTabPanel:function(t){return"TabPanel"===t.type.name},isTabActive:function(t){return this.d_activeIndex===t},getTabProp:function(t,e){return t.props?t.props[e]:void 0},getKey:function(t,e){return this.getTabProp(t,"header")||e},getTabHeaderActionId:function(t){return"".concat(this.id,"_").concat(t,"_header_action")},getTabContentId:function(t){return"".concat(this.id,"_").concat(t,"_content")},getTabPT:function(t,e,n){var i=this.tabs.length,a={props:t.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:i,first:0===n,last:n===i-1,active:this.isTabActive(n)}};return r(this.ptm("tab.".concat(e),{tab:a}),this.ptm("tabpanel.".concat(e),{tabpanel:a}),this.ptm("tabpanel.".concat(e),a),this.ptmo(this.getTabProp(t,"pt"),e,a))},onScroll:function(t){this.scrollable&&this.updateButtonState(),t.preventDefault()},onPrevButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t),n=t.scrollLeft-e;t.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t)-this.getVisibleButtonWidths(),n=t.scrollLeft+e,i=t.scrollWidth-e;t.scrollLeft=n>=i?i:n},onTabClick:function(t,e,n){this.changeActiveIndex(t,e,n),this.$emit("tab-click",{originalEvent:t,index:n})},onTabKeyDown:function(t,e,n){switch(t.code){case"ArrowLeft":this.onTabArrowLeftKey(t);break;case"ArrowRight":this.onTabArrowRightKey(t);break;case"Home":this.onTabHomeKey(t);break;case"End":this.onTabEndKey(t);break;case"PageDown":this.onPageDownKey(t);break;case"PageUp":this.onPageUpKey(t);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(t,e,n)}},onTabArrowRightKey:function(t){var e=this.findNextHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabHomeKey(t),t.preventDefault()},onTabArrowLeftKey:function(t){var e=this.findPrevHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabEndKey(t),t.preventDefault()},onTabHomeKey:function(t){var e=this.findFirstHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onTabEndKey:function(t){var e=this.findLastHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onPageDownKey:function(t){this.scrollInView({index:this.$refs.nav.children.length-2}),t.preventDefault()},onPageUpKey:function(t){this.scrollInView({index:0}),t.preventDefault()},onTabEnterKey:function(t,e,n){this.changeActiveIndex(t,e,n),t.preventDefault()},findNextHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findNextHeaderAction(e):a.findSingle(e,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findPrevHeaderAction(e):a.findSingle(e,'[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(t,e,n){this.getTabProp(e,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:t,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(t,e){if(e&&(a.focus(e),this.scrollInView({element:e}),this.selectOnFocus)){var n=parseInt(e.parentElement.dataset.pcIndex,10);this.changeActiveIndex(t,this.tabs[n],n)}},scrollInView:function(t){var e=t.index,n=t.element||this.$refs.nav.children[void 0===e?-1:e];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var t=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.getWidth(t)+"px",this.$refs.inkbar.style.left=a.getOffset(t).left-a.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var t=this.$refs.content,e=t.scrollLeft,n=t.scrollWidth,i=a.getWidth(t);this.isPrevButtonDisabled=0===e,this.isNextButtonDisabled=parseInt(e)===n-i},getVisibleButtonWidths:function(){var t=this.$refs;return[t.prevBtn,t.nextBtn].reduce((function(t,e){return e?t+a.getWidth(e):t}),0)}},computed:{tabs:function(){var t=this;return this.$slots.default().reduce((function(e,n){return t.isTabPanel(n)?e.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){t.isTabPanel(n)&&e.push(n)})),e}),[])},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:n},components:{ChevronLeftIcon:t,ChevronRightIcon:e}};function P(t){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},P(t)}function I(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?I(Object(n),!0).forEach((function(e){B(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function B(t,e,n){var i;return(e="symbol"==P(i=k(e,"string"))?i:String(i))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function k(t,e){if("object"!=P(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=P(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var w=["tabindex","aria-label"],C=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],S=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],$=["tabindex","aria-label"],D=["id","aria-labelledby","data-pc-index","data-p-active"];T.render=function(t,e,n,i,a,y){var x=o("ripple");return c(),s("div",r({class:t.cx("root"),role:"tablist"},t.ptmi("root")),[l("div",r({class:t.cx("navContainer")},t.ptm("navContainer")),[t.scrollable&&!a.isPrevButtonDisabled?d((c(),s("button",r({key:0,ref:"prevBtn",type:"button",class:t.cx("previousButton"),tabindex:t.tabindex,"aria-label":y.prevButtonAriaLabel,onClick:e[0]||(e[0]=function(){return y.onPrevButtonClick&&y.onPrevButtonClick.apply(y,arguments)})},A(A({},t.previousButtonProps),t.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"previousicon",{},(function(){return[(c(),p(b(t.prevIcon?"span":"ChevronLeftIcon"),r({"aria-hidden":"true",class:t.prevIcon},t.ptm("previousIcon")),null,16,["class"]))]}))],16,w)),[[x]]):h("",!0),l("div",r({ref:"content",class:t.cx("navContent"),onScroll:e[1]||(e[1]=function(){return y.onScroll&&y.onScroll.apply(y,arguments)})},t.ptm("navContent")),[l("ul",r({ref:"nav",class:t.cx("nav")},t.ptm("nav")),[(c(!0),s(f,null,v(y.tabs,(function(e,n){return c(),s("li",r({key:y.getKey(e,n),style:y.getTabProp(e,"headerStyle"),class:t.cx("tab.header",{tab:e,index:n}),role:"presentation"},A(A(A({},y.getTabProp(e,"headerProps")),y.getTabPT(e,"root",n)),y.getTabPT(e,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":a.d_activeIndex===n,"data-p-disabled":y.getTabProp(e,"disabled"),"data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[d((c(),s("a",r({id:y.getTabHeaderActionId(n),class:t.cx("tab.headerAction"),tabindex:y.getTabProp(e,"disabled")||!y.isTabActive(n)?-1:t.tabindex,role:"tab","aria-disabled":y.getTabProp(e,"disabled"),"aria-selected":y.isTabActive(n),"aria-controls":y.getTabContentId(n),onClick:function(t){return y.onTabClick(t,e,n)},onKeydown:function(t){return y.onTabKeyDown(t,e,n)}},A(A({},y.getTabProp(e,"headerActionProps")),y.getTabPT(e,"headerAction",n))),[e.props&&e.props.header?(c(),s("span",r({key:0,class:t.cx("tab.headerTitle")},y.getTabPT(e,"headerTitle",n)),g(e.props.header),17)):h("",!0),e.children&&e.children.header?(c(),p(b(e.children.header),{key:1})):h("",!0)],16,S)),[[x]])],16,C)})),128)),l("li",r({ref:"inkbar",class:t.cx("inkbar"),role:"presentation","aria-hidden":"true"},t.ptm("inkbar")),null,16)],16)],16),t.scrollable&&!a.isNextButtonDisabled?d((c(),s("button",r({key:1,ref:"nextBtn",type:"button",class:t.cx("nextButton"),tabindex:t.tabindex,"aria-label":y.nextButtonAriaLabel,onClick:e[2]||(e[2]=function(){return y.onNextButtonClick&&y.onNextButtonClick.apply(y,arguments)})},A(A({},t.nextButtonProps),t.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"nexticon",{},(function(){return[(c(),p(b(t.nextIcon?"span":"ChevronRightIcon"),r({"aria-hidden":"true",class:t.nextIcon},t.ptm("nextIcon")),null,16,["class"]))]}))],16,$)),[[x]]):h("",!0)],16),l("div",r({class:t.cx("panelContainer")},t.ptm("panelContainer")),[(c(!0),s(f,null,v(y.tabs,(function(e,n){return c(),s(f,{key:y.getKey(e,n)},[!t.lazy||y.isTabActive(n)?d((c(),s("div",r({key:0,id:y.getTabContentId(n),style:y.getTabProp(e,"contentStyle"),class:t.cx("tab.content",{tab:e}),role:"tabpanel","aria-labelledby":y.getTabHeaderActionId(n)},A(A(A({},y.getTabProp(e,"contentProps")),y.getTabPT(e,"root",n)),y.getTabPT(e,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[(c(),p(b(e)))],16,D)),[[m,!!t.lazy||y.isTabActive(n)]]):h("",!0)],64)})),128))],16)],16)};export{T as default};
+import t from"primevue/icons/chevronleft";import e from"primevue/icons/chevronright";import n from"primevue/ripple";import{UniqueComponentId as i,DomHandler as a}from"primevue/utils";import{mergeProps as r,resolveDirective as o,openBlock as c,createElementBlock as s,createElementVNode as l,withDirectives as d,renderSlot as u,createBlock as p,resolveDynamicComponent as b,createCommentVNode as h,Fragment as f,renderList as v,toDisplayString as g,vShow as y}from"vue";import m from"primevue/basecomponent";import x from"primevue/tabview/style";var T={name:"TabView",extends:{name:"BaseTabView",extends:m,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}},style:x,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,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(t){this.id=t||i()},activeIndex:function(t){this.d_activeIndex=t,this.scrollInView({index:t})}},mounted:function(){this.id=this.id||i(),this.updateInkBar(),this.scrollable&&this.updateButtonState()},updated:function(){this.updateInkBar(),this.scrollable&&this.updateButtonState()},methods:{isTabPanel:function(t){return"TabPanel"===t.type.name},isTabActive:function(t){return this.d_activeIndex===t},getTabProp:function(t,e){return t.props?t.props[e]:void 0},getKey:function(t,e){return this.getTabProp(t,"header")||e},getTabHeaderActionId:function(t){return"".concat(this.id,"_").concat(t,"_header_action")},getTabContentId:function(t){return"".concat(this.id,"_").concat(t,"_content")},getTabPT:function(t,e,n){var i=this.tabs.length,a={props:t.props,parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:i,first:0===n,last:n===i-1,active:this.isTabActive(n)}};return r(this.ptm("tab.".concat(e),{tab:a}),this.ptm("tabpanel.".concat(e),{tabpanel:a}),this.ptm("tabpanel.".concat(e),a),this.ptmo(this.getTabProp(t,"pt"),e,a))},onScroll:function(t){this.scrollable&&this.updateButtonState(),t.preventDefault()},onPrevButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t),n=t.scrollLeft-e;t.scrollLeft=n<=0?0:n},onNextButtonClick:function(){var t=this.$refs.content,e=a.getWidth(t)-this.getVisibleButtonWidths(),n=t.scrollLeft+e,i=t.scrollWidth-e;t.scrollLeft=n>=i?i:n},onTabClick:function(t,e,n){this.changeActiveIndex(t,e,n),this.$emit("tab-click",{originalEvent:t,index:n})},onTabKeyDown:function(t,e,n){switch(t.code){case"ArrowLeft":this.onTabArrowLeftKey(t);break;case"ArrowRight":this.onTabArrowRightKey(t);break;case"Home":this.onTabHomeKey(t);break;case"End":this.onTabEndKey(t);break;case"PageDown":this.onPageDownKey(t);break;case"PageUp":this.onPageUpKey(t);break;case"Enter":case"NumpadEnter":case"Space":this.onTabEnterKey(t,e,n)}},onTabArrowRightKey:function(t){var e=this.findNextHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabHomeKey(t),t.preventDefault()},onTabArrowLeftKey:function(t){var e=this.findPrevHeaderAction(t.target.parentElement);e?this.changeFocusedTab(t,e):this.onTabEndKey(t),t.preventDefault()},onTabHomeKey:function(t){var e=this.findFirstHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onTabEndKey:function(t){var e=this.findLastHeaderAction();this.changeFocusedTab(t,e),t.preventDefault()},onPageDownKey:function(t){this.scrollInView({index:this.$refs.nav.children.length-2}),t.preventDefault()},onPageUpKey:function(t){this.scrollInView({index:0}),t.preventDefault()},onTabEnterKey:function(t,e,n){this.changeActiveIndex(t,e,n),t.preventDefault()},findNextHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findNextHeaderAction(e):a.findSingle(e,'[data-pc-section="headeraction"]'):null},findPrevHeaderAction:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return e?a.getAttribute(e,"data-p-disabled")||"inkbar"===a.getAttribute(e,"data-pc-section")?this.findPrevHeaderAction(e):a.findSingle(e,'[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(t,e,n){this.getTabProp(e,"disabled")||this.d_activeIndex===n||(this.d_activeIndex=n,this.$emit("update:activeIndex",n),this.$emit("tab-change",{originalEvent:t,index:n}),this.scrollInView({index:n}))},changeFocusedTab:function(t,e){if(e&&(a.focus(e),this.scrollInView({element:e}),this.selectOnFocus)){var n=parseInt(e.parentElement.dataset.pcIndex,10);this.changeActiveIndex(t,this.tabs[n],n)}},scrollInView:function(t){var e=t.index,n=t.element||this.$refs.nav.children[void 0===e?-1:e];n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest"})},updateInkBar:function(){var t=this.$refs.nav.children[this.d_activeIndex];this.$refs.inkbar.style.width=a.getWidth(t)+"px",this.$refs.inkbar.style.left=a.getOffset(t).left-a.getOffset(this.$refs.nav).left+"px"},updateButtonState:function(){var t=this.$refs.content,e=t.scrollLeft,n=t.scrollWidth,i=a.getWidth(t);this.isPrevButtonDisabled=0===e,this.isNextButtonDisabled=parseInt(e)===n-i},getVisibleButtonWidths:function(){var t=this.$refs;return[t.prevBtn,t.nextBtn].reduce((function(t,e){return e?t+a.getWidth(e):t}),0)}},computed:{tabs:function(){var t=this;return this.$slots.default().reduce((function(e,n){return t.isTabPanel(n)?e.push(n):n.children&&n.children instanceof Array&&n.children.forEach((function(n){t.isTabPanel(n)&&e.push(n)})),e}),[])},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:n},components:{ChevronLeftIcon:t,ChevronRightIcon:e}};function P(t){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},P(t)}function I(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?I(Object(n),!0).forEach((function(e){B(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function B(t,e,n){var i;return(e="symbol"==P(i=k(e,"string"))?i:String(i))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function k(t,e){if("object"!=P(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e||"default");if("object"!=P(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var w=["tabindex","aria-label"],C=["data-p-highlight","data-p-disabled","data-pc-index","data-p-active"],S=["id","tabindex","aria-disabled","aria-selected","aria-controls","onClick","onKeydown"],$=["tabindex","aria-label"],D=["id","aria-labelledby","data-pc-index","data-p-active"];T.render=function(t,e,n,i,a,m){var x=o("ripple");return c(),s("div",r({class:t.cx("root"),role:"tablist"},t.ptmi("root")),[l("div",r({class:t.cx("navContainer")},t.ptm("navContainer")),[t.scrollable&&!a.isPrevButtonDisabled?d((c(),s("button",r({key:0,ref:"prevBtn",type:"button",class:t.cx("previousButton"),tabindex:t.tabindex,"aria-label":m.prevButtonAriaLabel,onClick:e[0]||(e[0]=function(){return m.onPrevButtonClick&&m.onPrevButtonClick.apply(m,arguments)})},A(A({},t.previousButtonProps),t.ptm("previousButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"previousicon",{},(function(){return[(c(),p(b(t.prevIcon?"span":"ChevronLeftIcon"),r({"aria-hidden":"true",class:t.prevIcon},t.ptm("previousIcon")),null,16,["class"]))]}))],16,w)),[[x]]):h("",!0),l("div",r({ref:"content",class:t.cx("navContent"),onScroll:e[1]||(e[1]=function(){return m.onScroll&&m.onScroll.apply(m,arguments)})},t.ptm("navContent")),[l("ul",r({ref:"nav",class:t.cx("nav")},t.ptm("nav")),[(c(!0),s(f,null,v(m.tabs,(function(e,n){return c(),s("li",r({key:m.getKey(e,n),style:m.getTabProp(e,"headerStyle"),class:t.cx("tab.header",{tab:e,index:n}),role:"presentation"},A(A(A({},m.getTabProp(e,"headerProps")),m.getTabPT(e,"root",n)),m.getTabPT(e,"header",n)),{"data-pc-name":"tabpanel","data-p-highlight":a.d_activeIndex===n,"data-p-disabled":m.getTabProp(e,"disabled"),"data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[d((c(),s("a",r({id:m.getTabHeaderActionId(n),class:t.cx("tab.headerAction"),tabindex:m.getTabProp(e,"disabled")||!m.isTabActive(n)?-1:t.tabindex,role:"tab","aria-disabled":m.getTabProp(e,"disabled"),"aria-selected":m.isTabActive(n),"aria-controls":m.getTabContentId(n),onClick:function(t){return m.onTabClick(t,e,n)},onKeydown:function(t){return m.onTabKeyDown(t,e,n)}},A(A({},m.getTabProp(e,"headerActionProps")),m.getTabPT(e,"headerAction",n))),[e.props&&e.props.header?(c(),s("span",r({key:0,class:t.cx("tab.headerTitle")},m.getTabPT(e,"headerTitle",n)),g(e.props.header),17)):h("",!0),e.children&&e.children.header?(c(),p(b(e.children.header),{key:1})):h("",!0)],16,S)),[[x]])],16,C)})),128)),l("li",r({ref:"inkbar",class:t.cx("inkbar"),role:"presentation","aria-hidden":"true"},t.ptm("inkbar")),null,16)],16)],16),t.scrollable&&!a.isNextButtonDisabled?d((c(),s("button",r({key:1,ref:"nextBtn",type:"button",class:t.cx("nextButton"),tabindex:t.tabindex,"aria-label":m.nextButtonAriaLabel,onClick:e[2]||(e[2]=function(){return m.onNextButtonClick&&m.onNextButtonClick.apply(m,arguments)})},A(A({},t.nextButtonProps),t.ptm("nextButton")),{"data-pc-group-section":"navbutton"}),[u(t.$slots,"nexticon",{},(function(){return[(c(),p(b(t.nextIcon?"span":"ChevronRightIcon"),r({"aria-hidden":"true",class:t.nextIcon},t.ptm("nextIcon")),null,16,["class"]))]}))],16,$)),[[x]]):h("",!0)],16),l("div",r({class:t.cx("panelContainer")},t.ptm("panelContainer")),[(c(!0),s(f,null,v(m.tabs,(function(e,n){return c(),s(f,{key:m.getKey(e,n)},[!t.lazy||m.isTabActive(n)?d((c(),s("div",r({key:0,id:m.getTabContentId(n),style:m.getTabProp(e,"contentStyle"),class:t.cx("tab.content",{tab:e}),role:"tabpanel","aria-labelledby":m.getTabHeaderActionId(n)},A(A(A({},m.getTabProp(e,"contentProps")),m.getTabPT(e,"root",n)),m.getTabPT(e,"content",n)),{"data-pc-name":"tabpanel","data-pc-index":n,"data-p-active":a.d_activeIndex===n}),[(c(),p(b(e)))],16,D)),[[y,!!t.lazy||m.isTabActive(n)]]):h("",!0)],64)})),128))],16)],16)};export{T as default};

package/tabview/tabview.js

@@ -73,11 +73,8 @@ this.primevue.tabview = (function (ChevronLeftIcon, ChevronRightIcon, Ripple, ut
         };
       },
       watch: {
-        '$attrs.id': {
-          immediate: true,
-          handler: function handler(newValue) {
-            this.id = newValue || utils.UniqueComponentId();
-          }
+        '$attrs.id': function $attrsId(newValue) {
+          this.id = newValue || utils.UniqueComponentId();
         },
         activeIndex: function activeIndex(newValue) {
           this.d_activeIndex = newValue;
@@ -87,6 +84,7 @@ this.primevue.tabview = (function (ChevronLeftIcon, ChevronRightIcon, Ripple, ut
         }
       },
       mounted: function mounted() {
+        this.id = this.id || utils.UniqueComponentId();
         this.updateInkBar();
         this.scrollable && this.updateButtonState();
       },