@progress/kendo-themes-html/dist/esm/stepper/step.mjs

A collection of HTML helpers used for developing Kendo UI themes

var l=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((r,a)=>e[a]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var M=(o,e)=>l({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),P=(o,e)=>{let{valid:r,invalid:a,hover:c,focus:i,checked:s,active:m,selected:d,disabled:g,indeterminate:w,loading:A,empty:v,readonly:O,highlighted:y,...h}=e;return l({"k-valid":r,"k-invalid":a,"k-hover":c,"k-focus":i,"k-checked":s,"k-active":m,"k-selected":d,"k-disabled":g,"k-indeterminate":w&&!s,"k-loading":A,"k-empty":v,"k-readonly":O,"k-highlighted":y},Object.keys(h).reduce((b,u)=>(u.startsWith("k-")?b[u]=h[u]:b[`k-${u}`]=h[u],b),{}))};var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var t={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},k={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{Fragment as W,jsx as R}from"react/jsx-runtime";var E="k-font-icon",U=[],q={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},J={},N=o=>{let{size:e,themeColor:r,icon:a,rotate:c,flip:i,...s}=o;return a?R("span",{...s,className:l(o.className,E,M(E,{size:e}),{[`k-i-${a}`]:a,[`k-color-${r}`]:r,[`k-rotate-${c}`]:c,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):R(W,{})};N.states=U;N.options=q;N.className=E;N.defaultOptions=J;var F=N;import{Fragment as Y,jsx as $}from"react/jsx-runtime";var L="k-svg-icon",X=[],Q={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},V={viewBox:"0 0 24 24"},S=o=>{let{size:e,themeColor:r,rotate:a,flip:c,viewBox:i=V.viewBox,icon:s,...m}=o;if(!s)return $(Y,{});s==="none"&&{...m,className:l(o.className,L,"k-none")};let d=typeof s=="object"&&s.name&&s.name;return $("span",{...m,className:l(o.className,L,M("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`k-color-${r}`]:r,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),children:$("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:i,dangerouslySetInnerHTML:typeof s=="object"?{__html:s.content}:void 0,children:s?void 0:o.children})})};S.states=X;S.options=Q;S.className=L;S.defaultOptions=V;var T=S;import*as _ from"@progress/kendo-svg-icons";var G="icon",K="icons";import{Fragment as j,jsx as C}from"react/jsx-runtime";var z="k-icon",Z=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ee=[],te={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},B={viewBox:"0 0 24 24",type:"svg"},x=o=>{let{size:e,themeColor:r,icon:a,type:c=B.type,rotate:i,flip:s,viewBox:m=B.viewBox,...d}=o;if(!a)return C(j,{});if(c==="svg"){if(a==="none")return C(T,{...d,className:l(o.className,z),icon:a,size:e});let g=_[a]?a:Z(`${a}-icon`);return _[g]?C(T,{...d,className:l(o.className,z),icon:_[g],size:e,themeColor:r,rotate:i,flip:s,viewBox:m}):C(j,{})}return C(F,{...d,className:l(o.className,z),icon:a,size:e,themeColor:r,rotate:i,flip:s})};x.states=ee;x.options=te;x.defaultOptions=B;x.className=z;x.moduleName=G;x.folderName=K;import{jsx as p,jsxs as H}from"react/jsx-runtime";var f="k-step",oe=[k.disabled,k.hover,k.focus,k.invalid,k.valid],ne={},se={},I=o=>{let{style:e,disabled:r,hover:a,focus:c,invalid:i,valid:s,optional:m,first:d,done:g,current:w,last:A,label:v,text:O,icon:y,stepContent:h,...b}=o,u=i?"warning-circle":"check-circle",D=!!(s||i);return H("li",{...b,style:e,className:l(o.className,f,{[`${f}-done`]:g,[`${f}-first`]:d,[`${f}-current`]:w,[`${f}-last`]:A,[`${f}-optional`]:m,[`${f}-success`]:s,[`${f}-error`]:i},P(f,{hover:a,focus:c,disabled:r})),children:[H("a",{href:"#",className:"k-step-link",children:[O&&!y&&p("span",{className:"k-step-indicator",children:p("span",{className:"k-step-indicator-text",children:O})}),y&&p("span",{className:"k-step-indicator",children:p(x,{className:"k-step-indicator-icon",icon:y})}),m&&!v&&p("span",{className:"k-step-label",children:p("span",{className:"k-step-label-optional",children:"(Optional)"})}),v&&H("span",{className:"k-step-label",children:[p("span",{className:"k-step-text",children:v}),D&&p(x,{icon:u}),m&&p("span",{className:"k-step-label-optional",children:"(Optional)"})]})]}),h&&p("div",{className:"k-step-content",style:{height:"140px"},children:h})]})};I.options=ne;I.states=oe;I.className=f;I.defaultOptions=se;var Ee=I;export{I as Step,Ee as default};