primevue/steps/steps.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue)

import{UniqueComponentId as e}from"primevue/utils";import{resolveComponent as t,openBlock as n,createBlock as i,createVNode as s,Fragment as l,renderList as a,withCtx as o,toDisplayString as p,createCommentVNode as r}from"vue";var d={props:{id:{type:String,default:e()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0}},methods:{onItemClick(e,t,n){t.disabled||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)}]},isItemDisabled(e){return e.disabled||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible},computed:{activeRoute(){return this.$route.path},containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const c={role:"tablist"},m={class:"p-steps-number"},u={class:"p-steps-title"},b={key:1,class:"p-menuitem-link",role:"presentation"},f={class:"p-steps-number"},y={class:"p-steps-title"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.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"),d.render=function(e,d,x,k,h,v){const g=t("router-link");return n(),i("div",{id:x.id,class:v.containerClass},[s("ul",c,[(n(!0),i(l,null,a(x.model,((e,t)=>(n(),i(l,{key:e.to},[v.visible(e)?(n(),i("li",{key:0,class:v.getItemClass(e),style:e.style,role:"tab","aria-selected":v.isActive(e),"aria-expanded":v.isActive(e)},[v.isItemDisabled(e)?(n(),i("span",b,[s("span",f,p(t+1),1),s("span",y,p(e.label),1)])):(n(),i(g,{key:0,to:e.to,custom:""},{default:o((({navigate:n,href:i})=>[s("a",{href:i,class:"p-menuitem-link",onClick:t=>v.onItemClick(t,e,n),role:"presentation"},[s("span",m,p(t+1),1),s("span",u,p(e.label),1)],8,["href","onClick"])])),_:2},1032,["to"]))],14,["aria-selected","aria-expanded"])):r("",!0)],64)))),128))])],10,["id"])};export default d;