https://www.netherlandsandyou.nl/o/frontend-taglib-clay/__liferay__/exports/@clayui$multi-step-nav.js

1var F=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var Y=Object.prototype.hasOwnProperty;var C=(a,e)=>{for(var r in e)F(a,r,{get:e[r],enumerable:!0})},$=(a,e,r,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of U(e))!Y.call(a,i)&&i!==r&&F(a,i,{get:()=>e[i],enumerable:!(l=Q(e,i))||l.enumerable});return a},n=(a,e,r)=>($(a,e,"default"),r&&$(r,e,"default"));var k={};C(k,{ClayMultiStepNavWithBasicItems:()=>G,default:()=>me});var x={};C(x,{default:()=>b});n(x,ue);import*as ue from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";import Z from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";var b=Z;var s={};C(s,{default:()=>t});n(s,fe);import*as fe from"../../../frontend-js-react-web/__liferay__/exports/react.js";import ee from"../../../frontend-js-react-web/__liferay__/exports/react.js";var t=ee;var te=()=>t.createElement("div",{className:"multi-step-divider"}),H=te;var _={};C(_,{default:()=>T});n(_,ge);import*as ge from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$icon.js";import re from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$icon.js";var T=re;function D(){return D=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var l in r)({}).hasOwnProperty.call(r,l)&&(a[l]=r[l])}return a},D.apply(null,arguments)}var O=t.createContext({}),ae=a=>{let{active:e,children:r,className:l,complete:i,expand:v,state:c,...p}=a;return t.createElement("li",D({className:b("multi-step-item",{active:e,className:l,complete:i??c==="complete",error:c==="error","multi-step-item-expand":v})},p),t.createElement(O.Provider,{value:{state:c}},r))},L=ae;var V=t.forwardRef((a,e)=>{let{complete:r,innerRef:l,label:i,onClick:v,spritemap:c,subTitle:p}=a,{state:y}=(0,s.useContext)(O),m=r??y==="complete";return t.createElement("div",{className:"multi-step-indicator",ref:e},p&&t.createElement("div",{className:"multi-step-indicator-label"},p),t.createElement("button",{className:"multi-step-icon",onClick:v,ref:l,type:"button"},m&&t.createElement(T,{spritemap:c,symbol:"check"}),!m&&y!=="error"&&i))});V.displayName="ClayMultiStepNavIndicator";var X=V;var le=a=>{let{children:e}=a;return t.createElement("div",{className:"multi-step-title"},e)},q=le;function P(){return P=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var l in r)({}).hasOwnProperty.call(r,l)&&(a[l]=r[l])}return a},P.apply(null,arguments)}function E(a){let{autoCollapse:e=!0,center:r,children:l,className:i,fixedWidth:v,indicatorLabel:c="bottom",...p}=a;return t.createElement("ol",P({className:b("multi-step-nav",i,{"multi-step-item-fixed-width":v,"multi-step-nav-center":r,"multi-step-nav-collapse-sm":e,[`multi-step-indicator-label-${c}`]:c})},p),l)}E.Divider=H;E.Indicator=X;E.Item=L;E.Title=q;var o=E;var f={};C(f,{default:()=>oe});n(f,Ae);import*as Ae from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js";import ne from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$drop-down.js";var oe=ne;var N={};n(N,je);import*as je from"../../../frontend-taglib-clay/__liferay__/exports/@clayui$shared.js";function W(){return W=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var l in r)({}).hasOwnProperty.call(r,l)&&(a[l]=r[l])}return a},W.apply(null,arguments)}var ie=7,z=t.forwardRef((a,e)=>{let{spritemap:r,...l}=a;return t.createElement(o.Indicator,W({},l,{innerRef:e,label:"...",spritemap:r}))});z.displayName="ClayIndicatorWithInnerRef";var G=a=>{let{active:e,activeIndex:r,defaultActive:l,maxStepsShown:i=ie,onActiveChange:v,onIndexChange:c,spritemap:p,state:y="complete",steps:m,...J}=a,[u,M]=(0,N.useControlledState)({defaultName:"defaultActive",defaultValue:l,handleName:"onActiveChange",name:"value",onChange:v??c,value:typeof e>"u"?r:e}),R,S=m,h=m.length-1,A=m[h];if(m.length>i){let I=i-1;R=m.slice(I,h).map((d,w)=>{let g=I+w;return{active:u===g,label:`${g+1}. ${d.title}`,onClick:()=>M(g),symbolRight:u>g?"check":void 0}}),S=m.slice(0,I)}let j=u>S.length-1&&u<h;return t.createElement(o,J,S.map((I,d)=>{let{subTitle:w,title:g}=I,B=y==="error"&&u===d,K=B?!1:u>d;return t.createElement(o.Item,{active:u===d,expand:d+1!==m.length,key:d,state:B?"error":K?"complete":void 0},t.createElement(o.Title,null,g),t.createElement(o.Divider,null),t.createElement(o.Indicator,{label:1+d,onClick:()=>M(d),spritemap:p,subTitle:w}))}),R&&t.createElement(t.Fragment,null,t.createElement(o.Item,{active:j,complete:u===h,expand:!0},t.createElement(o.Title,null,j?m[u].title:m[S.length].title),t.createElement(o.Divider,null),t.createElement(f.ClayDropDownWithItems,{items:R,spritemap:p,trigger:t.createElement(z,null)})),t.createElement(o.Item,{active:u===h},t.createElement(o.Title,null,A.title),t.createElement(o.Divider,null),t.createElement(o.Indicator,{label:m.length,onClick:()=>M(h),spritemap:p,subTitle:A.subTitle}

1))))};var me=o;var{default:se,ClayMultiStepNavWithBasicItems:qe,__esModule:ze}=k;var Ge=se;export{qe as ClayMultiStepNavWithBasicItems,ze as __esModule,Ge as default};
2//# sourceMappingURL=@clayui$multi-step-nav.js.map