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

A collection of HTML helpers used for developing Kendo UI themes

var i=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((r,s)=>e[s]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(o,e)=>i({[`${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"}),A=(o,e)=>{let{valid:r,invalid:s,hover:l,focus:c,checked:a,active:f,selected:m,disabled:N,indeterminate:L,loading:$,empty:K,readonly:C,highlighted:b,...S}=e;return i({"k-valid":r,"k-invalid":s,"k-hover":l,"k-focus":c,"k-checked":a,"k-active":f,"k-selected":m,"k-disabled":N,"k-indeterminate":L&&!a,"k-loading":$,"k-empty":K,"k-readonly":C,"k-highlighted":b},Object.keys(S).reduce((M,x)=>(x.startsWith("k-")?M[x]=S[x]:M[`k-${x}`]=S[x],M),{}))};function G(o,e){if(!e)return{};let r=Array.isArray(e)?e:[e];return Object.fromEntries(r.map(s=>[`k-${s}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},y={small:"small",medium:"medium",large:"large",full:"full"},h={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},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"},u={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 ae,jsx as q}from"react/jsx-runtime";var R="k-font-icon",ne=[],se={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]},re={},z=o=>{let{size:e,themeColor:r,icon:s,rotate:l,flip:c,...a}=o;return s?q("span",{...a,className:i(o.className,R,v(R,{size:e}),{[`k-i-${s}`]:s,[`k-color-${r}`]:r,[`k-rotate-${l}`]:l,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):q(ae,{})};z.states=ne;z.options=se;z.className=R;z.defaultOptions=re;var Z=z;import{Fragment as ce,jsx as E}from"react/jsx-runtime";var H="k-svg-icon",ie=[],le={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={viewBox:"0 0 24 24"},O=o=>{let{size:e,themeColor:r,rotate:s,flip:l,viewBox:c=j.viewBox,icon:a,...f}=o;if(!a)return E(ce,{});a==="none"&&{...f,className:i(o.className,H,"k-none")};let m=typeof a=="object"&&a.name&&a.name;return E("span",{...f,className:i(o.className,H,v("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${r}`]:r,[`k-rotate-${s}`]:s,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:E("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:c,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:o.children})})};O.states=ie;O.options=le;O.className=H;O.defaultOptions=j;var P=O;import*as F from"@progress/kendo-svg-icons";var J="icon",X="icons";import{Fragment as Q,jsx as w}from"react/jsx-runtime";var _="k-icon",de=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),me=[],ue={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]},U={viewBox:"0 0 24 24",type:"svg"},p=o=>{let{size:e,themeColor:r,icon:s,type:l=U.type,rotate:c,flip:a,viewBox:f=U.viewBox,...m}=o;if(!s)return w(Q,{});if(l==="svg"){if(s==="none")return w(P,{...m,className:i(o.className,_),icon:s,size:e});let N=F[s]?s:de(`${s}-icon`);return F[N]?w(P,{...m,className:i(o.className,_),icon:F[N],size:e,themeColor:r,rotate:c,flip:a,viewBox:f}):w(Q,{})}return w(Z,{...m,className:i(o.className,_),icon:s,size:e,themeColor:r,rotate:c,flip:a})};p.states=me;p.options=ue;p.defaultOptions=U;p.className=_;p.moduleName=J;p.folderName=X;var D="button",Y=D;import{Fragment as he,jsx as B,jsxs as ee}from"react/jsx-runtime";var T="k-button",pe=["icon-button"],fe=[u.hover,u.focus,u.active,u.selected,u.disabled,u.generating],xe={size:[n.small,n.medium,n.large],rounded:[y.small,y.medium,y.large,y.full],fillMode:[h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark,t.inverse]},g={size:n.medium,rounded:y.medium,fillMode:h.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},d=o=>{let{size:e=g.size,rounded:r=g.rounded,fillMode:s=g.fillMode,themeColor:l=g.themeColor,showArrow:c=g.showArrow,arrowIconName:a=g.arrowIconName,variant:f,hover:m,focus:N,active:L,selected:$,disabled:K,icon:C,text:b,iconClassName:S,...M}=o,x=C!==void 0,oe=o.children!==void 0;return ee("button",{...M,className:i(o.className,T,G(T,f),v(T,{size:e,rounded:r,fillMode:s,themeColor:l}),A(T,{hover:m,focus:N,active:L,disabled:K,selected:$}),{"k-icon-button":!b&&!oe&&x}),children:[C&&B(p,{className:i(S,"k-button-icon"),icon:C}),b?ee(he,{children:[b&&B("span",{className:"k-button-text",children:b}),o.children]}):o.children&&B("span",{className:"k-button-text",children:o.children}),c&&B("span",{className:"k-menu-button-arrow k-button-arrow",children:B(p,{icon:a})})]})};d.states=fe;d.options=xe;d.variants=pe;d.className=T;d.defaultOptions=g;d.moduleName=D;d.folderName=Y;import{jsx as et}from"react/jsx-runtime";import{jsx as st}from"react/jsx-runtime";import{jsx as lt}from"react/jsx-runtime";import{Fragment as ve,jsx as k,jsxs as W}from"react/jsx-runtime";var V="k-wizard-step",ge=[u.focus],Ne={},be=W(ve,{children:[k("span",{className:"k-wizard-buttons-left",children:k("span",{className:"k-wizard-pager",children:"Step 2 of 3"})}),W("span",{className:"k-wizard-buttons-right",children:[k(d,{children:"Previous"}),k(d,{themeColor:"primary",children:"Next"})]})]}),te={buttons:be},I=o=>{let{focus:e,buttons:r=te.buttons,...s}=o;return W("div",{...s,className:i(o.className,V,A(V,{focus:e})),children:[k("div",{className:"k-wizard-content",children:o.children}),r&&k("div",{className:"k-wizard-buttons",children:r})]})};I.states=ge;I.options=Ne;I.className=V;I.defaultOptions=te;var gt=I;export{V as WIZZARDSTEP_CLASSNAME,I as WizardStep,gt as default};