primereact/steps/steps.min.js

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

this.primereact=this.primereact||{},this.primereact.steps=function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=r(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}var s={defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,s.defaultProps)}},i=l.memo(l.forwardRef((function(e,t){var r=s.getProps(e),i=l.useRef(null),c=function(e,t,n){r.readOnly||t.disabled?e.preventDefault():(r.onSelect&&r.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},o=function(e,t){if(!1===e.visible)return null;var a=e.label+"_"+t,s=t===r.activeIndex,i=e.disabled||t!==r.activeIndex&&r.readOnly,o=i?-1:"",u=n.classNames("p-steps-item",e.className,{"p-highlight p-steps-current":s,"p-disabled":i}),p=n.classNames("p-menuitem-icon",e.icon),m=n.IconUtils.getJSXIcon(e.icon,{className:"p-menuitem-icon"},{props:r}),d=e.label&&l.createElement("span",{className:"p-steps-title"},e.label),f=l.createElement("a",{href:e.url||"#",className:"p-menuitem-link",role:"presentation",target:e.target,onClick:function(n){return c(n,e,t)},tabIndex:o},l.createElement("span",{className:"p-steps-number"},t+1),m,d);e.template&&(f=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return c(n,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:f,props:r,tabIndex:o,active:s,disabled:i}));return l.createElement("li",{key:a,id:e.id,className:u,style:e.style,role:"tab","aria-selected":s,"aria-expanded":s},f)};l.useImperativeHandle(t,(function(){return{props:r,getElement:function(){return i.current}}}));var u=s.getOtherProps(r),p=n.classNames("p-steps p-component",{"p-readonly":r.readOnly},r.className),m=function(){if(r.model){var e=r.model.map(o);return l.createElement("ul",{role:"tablist"},e)}return null}();return l.createElement("div",a({id:r.id,ref:i,className:p,style:r.style},u),m)})));return i.displayName="Steps",e.Steps=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);