https://vale.com/o/frontend-js-clay-web/__liferay__/exports/@clayui$multi-step-nav.js

1import{}from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";import F from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";var d=F;import{Children as Q,Component as Z,Fragment as ee,Profiler as te,PureComponent as oe,StrictMode as re,Suspense as ie,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as ae,cloneElement as le,createContext as ne,createElement as se,createFactory as me,createRef as pe,forwardRef as ue,isValidElement as ce,lazy as de,memo as fe,startTransition as ve,unstable_act as Ie,useCallback as xe,useContext as _,useDebugValue as Ce,useDeferredValue as Se,useEffect as be,useId as ye,useImperativeHandle as Ne,useInsertionEffect as Me,useLayoutEffect as he,useMemo as Te,useReducer as _e,useRef as ge,useState as Ee,useSyncExternalStore as De,useTransition as Pe,version as Le}from"../../../frontend-js-react-web/__liferay__/exports/react.js";import B from"../../../frontend-js-react-web/__liferay__/exports/react.js";var e=B;function V(){return e.createElement("div",{className:"multi-step-divider"})}var g=V;import{ClayIconSpriteContext as Re}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$icon.js";import U from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$icon.js";var E=U;var M=e.createContext({});function $({active:i,children:s,className:l,complete:n,disabled:u,expand:p,state:a,...x}){return e.createElement("li",{className:d("multi-step-item",{active:i,className:l,complete:n??a==="complete",disabled:u,error:a==="error","multi-step-item-expand":p}),...x},e.createElement(M.Provider,{value:{state:a}},s))}var D=$;var P=e.forwardRef(({as:i,complete:s,disabled:l,elementProps:n,innerRef:u,label:p,onClick:a,spritemap:x,subTitle:o},y)=>{let{state:r}=_(M),f=s??r==="complete",v=i||(a?"button":"div");return e.createElement("div",{className:d("multi-step-indicator",{disabled:l}),ref:y},o&&e.createElement("div",{className:"multi-step-indicator-label"},o),e.createElement(v,{...n,className:d("multi-step-icon",n?.className),onClick:a||n?.onClick,ref:u,...v==="button"&&{disabled:l,type:"button"}},f&&e.createElement(E,{spritemap:x,symbol:"check"}),!f&&r!=="error"&&p))});P.displayName="ClayMultiStepNavIndicator";var L=P;function z({children:i}){return e.createElement("div",{className:"multi-step-title"},i)}var A=z;function S({autoCollapse:i=!0,center:s,children:l,className:n,fixedWidth:u,indicatorLabel:p="bottom",...a}){return e.createElement("ol",{className:d("multi-step-nav",n,{"multi-step-item-fixed-width":u,"multi-step-nav-center":s,"multi-step-nav-collapse-sm":i,[`multi-step-indicator-label-${p}`]:p}),...a},l)}S.Divider=g;S.Indicator=L;S.Item=D;S.Title=A;var t=S;import{Align as at,DropDown as lt,ClayDropDownWithItems as H,ClayDropDownWithDrilldown as nt}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$drop-down.js";import ot from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$drop-down.js";import{FocusScope as pt,Keys as ut,LinkOrButton as ct,MouseSafeArea as dt,Overlay as ft,PanelResizer as vt,ClayPortal as It,delegate as xt,doAlign as Ct,getEllipsisItems as St,getLocatorValue as bt,observeRect as yt,isMac as Nt,isIPhone as Mt,isIPad as ht,isIOS as Tt,isAppleDevice as _t,setElementFullHeight as gt,stack as Et,sub as Dt,throttle as Pt,useControlledState as w,useDebounce as Lt,useFocusManagement as At,FOCUSABLE_ELEMENTS as Ht,useHover as wt,useId as Wt,useInteractionFocus as Ot,useFocusVisible as Rt,useIsFirstRender as kt,useIsMobileDevice as Ft,useMousePosition as Bt,useNavigation as Vt,isTypeahead as Ut,getFocusableList as $t,useObservedMaxWidth as zt,useOverlayPosition as Kt,usePrevious as Xt}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$shared.js";var K=7,W=e.forwardRef(({spritemap:i,...s},l)=>e.createElement(t.Indicator,{...s,innerRef:l,label:"...",spritemap:i}));W.displayName="ClayIndicatorWithInnerRef";function O({active:i,activeIndex:s,defaultActive:l,maxStepsShown:n=K,onActiveChange:u,onIndexChange:p,spritemap:a,state:x="complete",steps:o,...y}){let[r,f]=w({defaultName:"defaultActive",defaultValue:l,handleName:"onActiveChange",name:"value",onCh

1ange:u??p,value:typeof i>"u"?s:i}),v,b=o,I=o.length-1,h=o[I];if(o.length>n){let C=n-1;v=o.slice(C,I).map((N,m)=>{let c=C+m;return{active:r===c,label:`${c+1}. ${N.title}`,onClick:()=>f(c),symbolRight:r>c?"check":void 0}}),b=o.slice(0,C)}let T=r>b.length-1&&r<I;return e.createElement(t,{...y},b.map(({subTitle:C,title:N},m)=>{let c=x==="error"&&r===m,k=c?!1:r>m;return e.createElement(t.Item,{active:r===m,expand:m+1!==o.length,key:m,state:c?"error":k?"complete":void 0},e.createElement(t.Title,null,N),e.createElement(t.Divider,null),e.createElement(t.Indicator,{label:1+m,onClick:()=>f(m),spritemap:a,subTitle:C}))}),v&&e.createElement(e.Fragment,null,e.createElement(t.Item,{active:T,complete:r===I,expand:!0},e.createElement(t.Title,null,T?o[r].title:o[b.length].title),e.createElement(t.Divider,null),e.createElement(H,{items:v,spritemap:a,trigger:e.createElement(W,null)})),e.createElement(t.Item,{active:r===I},e.createElement(t.Title,null,h.title),e.createElement(t.Divider,null),e.createElement(t.Indicator,{label:o.length,onClick:()=>f(I),spritemap:a,subTitle:h.subTitle}))))}var R=t;var ro=R;export{O as ClayMultiStepNavWithBasicItems,ro as default};
2//# sourceMappingURL=@clayui$multi-step-nav.(3OIHWHX6).js.map