1import{}from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";import B from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";var x=B;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 le,cloneElement as ae,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 Ce,useContext as _,useDebugValue as xe,useDeferredValue as Se,useEffect as ye,useId as be,useImperativeHandle as Ne,useInsertionEffect as Me,useLayoutEffect as he,useMemo as _e,useReducer as Te,useRef as ge,useState as De,useSyncExternalStore as Ee,useTransition as Pe,version as Le}from"../../../frontend-js-react-web/__liferay__/exports/react.js";import R from"../../../frontend-js-react-web/__liferay__/exports/react.js";var e=R;function V(){return e.createElement("div",{className:"multi-step-divider"})}var T=V;import{ClayIconSpriteContext as Fe}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$icon.js";import U from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$icon.js";var g=U;var N=e.createContext({});function $({active:r,children:a,className:n,complete:p,expand:u,state:i,...s}){return e.createElement("li",{className:x("multi-step-item",{active:r,className:n,complete:p??i==="complete",error:i==="error","multi-step-item-expand":u}),...s},e.createElement(N.Provider,{value:{state:i}},a))}var D=$;var E=e.forwardRef(({complete:r,innerRef:a,label:n,onClick:p,spritemap:u,subTitle:i},s)=>{let{state:I}=_(N),o=r??I==="complete";return e.createElement("div",{className:"multi-step-indicator",ref:s},i&&e.createElement("div",{className:"multi-step-indicator-label"},i),e.createElement("button",{className:"multi-step-icon",onClick:p,ref:a,type:"button"},o&&e.createElement(g,{spritemap:u,symbol:"check"}),!o&&I!=="error"&&n))});E.displayName="ClayMultiStepNavIndicator";var P=E;function z({children:r}){return e.createElement("div",{className:"multi-step-title"},r)}var L=z;function v({autoCollapse:r=!0,center:a,children:n,className:p,fixedWidth:u,indicatorLabel:i="bottom",...s}){return e.createElement("ol",{className:x("multi-step-nav",p,{"multi-step-item-fixed-width":u,"multi-step-nav-center":a,"multi-step-nav-collapse-sm":r,[`multi-step-indicator-label-${i}`]:i}),...s},n)}v.Divider=T;v.Indicator=P;v.Item=D;v.Title=L;var t=v;import{Align as it,DropDown as lt,ClayDropDownWithItems as A,ClayDropDownWithDrilldown as at}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$drop-down.js";import tt from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$drop-down.js";import{FocusScope as mt,Keys as pt,LinkOrButton as ut,MouseSafeArea as ct,Overlay as dt,PanelResizer as ft,ClayPortal as vt,delegate as It,doAlign as Ct,getEllipsisItems as xt,getLocatorValue as St,observeRect as yt,isMac as bt,isIPhone as Nt,isIPad as Mt,isIOS as ht,isAppleDevice as _t,setElementFullHeight as Tt,stack as gt,sub as Dt,throttle as Et,useControlledState as w,useDebounce as Pt,useFocusManagement as Lt,FOCUSABLE_ELEMENTS as At,useHover as wt,useId as Ht,useInteractionFocus as Wt,useFocusVisible as kt,useIsFirstRender as Ft,useIsMobileDevice as Ot,useMousePosition as Bt,useNavigation as Rt,isTypeahead as Vt,getFocusableList as Ut,useOverlayPosition as $t,usePrevious as zt}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$shared.js";var K=7,H=e.forwardRef(({spritemap:r,...a},n)=>e.createElement(t.Indicator,{...a,innerRef:n,label:"...",spritemap:r}));H.displayName="ClayIndicatorWithInnerRef";function W({active:r,activeIndex:a,defaultActive:n,maxStepsShown:p=K,onActiveChange:u,onIndexChange:i,spritemap:s,state:I="complete",steps:o,...F}){let[l,S]=w({defaultName:"defaultActive",defaultValue:n,handleName:"onActiveChange",name:"value",onChange:u??i,value:typeof r>"u"?a:r}),y,C=o,d=o.length-1,M=o[d];if(o.length>p){let f=p-1;y=o.slice(f,d).map((b,m)=>{let c=f+m;return{active:l===c,label:`${c+1}. ${b.title}`,onClick:()=>S(c),symbolRight:l>c?"check":void 0}}),C=o.slice(0,f)}let h=l>C.length-1&&l<d;return e.createElement(t,{...F},C.map(({subTitle:f,title:b},m)=>{let c=I==="error"&&l===m,O=c?!1:l>m;return e.createElement(t.Item,{active:l===m,expand:m+1!==o.length,key:m,state:c?"error":O?"complete":void 0},e.createElement(t.Title,null,b),e.createElement(t.Divider,null),e.createElement(t.Indicator,{label:1+m,onClick:()=>S(m),spritemap:s,subTitle:f}))}),y&&e.createElement(e.Fragment,null,e.createElement(t.Item,{active:h,complete:l===d,expand:!0},e.createElement(t.Title,null,h?o[l].title:o[C.length].title),e.createElement(t.Divider,null),e.createElement(A,{items:y,spritemap:s,trigger:e.createElement(H,null)})),e.createElement(t.Item,{active:l===d},e.createElement(t.Title,null,M.title),e.createElement(t.Divider,null),e.createElement(t.Indicator,{label:o.length,onClick:()=>S(d),spritemap:s,subTitle:M.subTitle}
1))))}var k=t;var to=k;export{W as ClayMultiStepNavWithBasicItems,to as default}; 2//# sourceMappingURL=@clayui$multi-step-nav.(3JTRY2ZU).js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.