primevue/steps/steps.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

this.primevue=this.primevue||{},this.primevue.steps=function(e,t){"use strict";var n={name:"Steps",props:{id:{type:String,default:e.UniqueComponentId()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},isActive(e){return this.activeRoute===e.to||this.activeRoute===e.to+"/"},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const i=["id"],l={role:"tablist"},s=["aria-selected","aria-expanded"],a=["href","onClick"],o={class:"p-steps-number"},r={class:"p-steps-title"},c={class:"p-steps-number"},p={class:"p-steps-title"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps ul {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-steps-item .p-menuitem-link {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n}\n.p-steps-number {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),n.render=function(e,n,d,m,u,b){const k=t.resolveComponent("router-link");return t.openBlock(),t.createElementBlock("div",{id:d.id,class:t.normalizeClass(b.containerClass)},[t.createElementVNode("ul",l,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.model,((n,i)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:n.to},[b.visible(n)?(t.openBlock(),t.createElementBlock("li",{key:0,class:t.normalizeClass(b.getItemClass(n)),style:t.normalizeStyle(n.style),role:"tab","aria-selected":b.isActive(n),"aria-expanded":b.isActive(n)},[e.$slots.item?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.item),{key:1,item:n},null,8,["item"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[b.isItemDisabled(n)?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(b.linkClass()),role:"presentation"},[t.createElementVNode("span",c,t.toDisplayString(i+1),1),t.createElementVNode("span",p,t.toDisplayString(b.label(n)),1)],2)):(t.openBlock(),t.createBlock(k,{key:0,to:n.to,custom:""},{default:t.withCtx((({navigate:e,href:l,isActive:s,isExactActive:c})=>[t.createElementVNode("a",{href:l,class:t.normalizeClass(b.linkClass({isActive:s,isExactActive:c})),onClick:t=>b.onItemClick(t,n,e),role:"presentation"},[t.createElementVNode("span",o,t.toDisplayString(i+1),1),t.createElementVNode("span",r,t.toDisplayString(b.label(n)),1)],10,a)])),_:2},1032,["to"]))],64))],14,s)):t.createCommentVNode("",!0)],64)))),128))])],10,i)},n}(primevue.utils,Vue);