primevue/stepper/stepper.esm.min.js

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

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};