@progress/kendo-themes-html/dist/cjs/stepper/step.js

A collection of HTML helpers used for developing Kendo UI themes

var Z=Object.create;var L=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var oe=Object.getPrototypeOf,ne=Object.prototype.hasOwnProperty;var se=(t,e)=>{for(var n in e)L(t,n,{get:e[n],enumerable:!0})},V=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of te(e))!ne.call(t,a)&&a!==n&&L(t,a,{get:()=>e[a],enumerable:!(r=ee(e,a))||r.enumerable});return t};var ae=(t,e,n)=>(n=t!=null?Z(oe(t)):{},V(e||!t||!t.__esModule?L(n,"default",{value:t,enumerable:!0}):n,t)),ie=t=>V(L({},"__esModule",{value:!0}),t);var ye={};se(ye,{Step:()=>$,default:()=>ve});module.exports=ie(ye);var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((n,r)=>e[r]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var M=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),G=(t,e)=>{let{valid:n,invalid:r,hover:a,focus:d,checked:p,active:i,selected:y,disabled:h,indeterminate:m,loading:C,empty:u,readonly:S,highlighted:I,...O}=e;return l({"k-valid":n,"k-invalid":r,"k-hover":a,"k-focus":d,"k-checked":p,"k-active":i,"k-selected":y,"k-disabled":h,"k-indeterminate":m&&!p,"k-loading":C,"k-empty":u,"k-readonly":S,"k-highlighted":I},Object.keys(O).reduce((b,k)=>(k.startsWith("k-")?b[k]=O[k]:b[`k-${k}`]=O[k],b),{}))};var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var f={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},z={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"};var T=require("react/jsx-runtime"),B="k-font-icon",re=[],le={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},ce={},w=t=>{let{size:e,themeColor:n,icon:r,rotate:a,flip:d,...p}=t;return r?(0,T.jsx)("span",{...p,className:l(t.className,B,M(B,{size:e}),{[`k-i-${r}`]:r,[`k-color-${n}`]:n,[`k-rotate-${a}`]:a,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):(0,T.jsx)(T.Fragment,{})};w.states=re;w.options=le;w.className=B;w.defaultOptions=ce;var K=w;var N=require("react/jsx-runtime"),R="k-svg-icon",de=[],pe={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[f.outline,f.solid,f.duotone]},H={viewBox:"0 0 24 24",variant:f.outline},A=t=>{var C,u;let{size:e,themeColor:n,rotate:r,flip:a,viewBox:d=H.viewBox,variant:p=H.variant,icon:i,...y}=t;if(!i)return(0,N.jsx)(N.Fragment,{});if(i==="none")return(0,N.jsx)("span",{...y,className:l(t.className,R,M("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof i=="object"&&i.name&&i.name,m=typeof i=="object"?p&&((C=i.variants)==null?void 0:C[p])||((u=i.variants)==null?void 0:u.outline)||i.content:void 0;return(0,N.jsx)("span",{...y,className:l(t.className,R,M("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:(0,N.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:d,dangerouslySetInnerHTML:m!==void 0?{__html:m}:void 0,children:i?void 0:t.children})})};A.states=de;A.options=pe;A.className=R;A.defaultOptions=H;var P=A;var F=ae(require("@progress/kendo-svg-icons"));var j="icon",D="icons";var J=require("react");var U=require("react"),q=(0,U.createContext)({iconsType:"svg"});var v=require("react/jsx-runtime"),E="k-icon",me=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ue=[],fe={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[f.outline,f.solid,f.duotone]},_={viewBox:"0 0 24 24",type:"svg",variant:f.outline},x=t=>{let{iconsType:e}=(0,J.useContext)(q),{size:n,themeColor:r,icon:a,type:d=e||_.type,rotate:p,flip:i,viewBox:y=_.viewBox,variant:h=_.variant,...m}=t;if(!a)return(0,v.jsx)(v.Fragment,{});if((e||d)==="svg"){if(a==="none")return(0,v.jsx)(P,{...m,className:l(t.className,E),icon:a,size:n,variant:h});let u=F[a]?a:me(`${a}-icon`);return F[u]?(0,v.jsx)(P,{...m,className:l(t.className,E),icon:F[u],size:n,themeColor:r,rotate:p,flip:i,viewBox:y,variant:h}):(0,v.jsx)(v.Fragment,{})}return(0,v.jsx)(K,{...m,className:l(t.className,E),icon:a,size:n,themeColor:r,rotate:p,flip:i})};x.states=ue;x.options=fe;x.defaultOptions=_;x.className=E;x.moduleName=j;x.folderName=D;x.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var c=require("react/jsx-runtime"),g="k-step",xe=[z.disabled,z.hover,z.focus,z.invalid,z.valid],ge={},he={},$=t=>{let{style:e,disabled:n,hover:r,focus:a,invalid:d,valid:p,optional:i,first:y,done:h,current:m,last:C,label:u,text:S,icon:I,stepContent:O,wizardContext:b,ariaControls:k,...W}=t,X=d?"warning-circle":"check-circle",Q=!!(p||d),Y=u||(S?`Step ${S}`:I?"Step":void 0);return(0,c.jsxs)("li",{...W,style:e,className:l(t.className,g,{[`${g}-done`]:h,[`${g}-first`]:y,[`${g}-current`]:m,[`${g}-last`]:C,[`${g}-optional`]:i,[`${g}-success`]:p,[`${g}-error`]:d},G(g,{hover:r,focus:a,disabled:n})),...b&&{role:"none"},children:[(0,c.jsxs)("a",{href:"#",className:"k-step-link",...b&&{role:"tab"},...k&&{"aria-controls":k},...m&&{"aria-current":b?"true":"step"},...m&&b&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},tabIndex:a||m?0:-1,"aria-label":Y,children:[S&&!I&&(0,c.jsx)("span",{className:"k-step-indicator",children:(0,c.jsx)("span",{className:"k-step-indicator-text",children:S})}),I&&(0,c.jsx)("span",{className:"k-step-indicator",children:(0,c.jsx)(x,{className:"k-step-indicator-icon",icon:I})}),i&&!u&&(0,c.jsx)("span",{className:"k-step-label",children:(0,c.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})}),u&&(0,c.jsxs)("span",{className:"k-step-label",children:[(0,c.jsx)("span",{className:"k-step-text",children:u}),Q&&(0,c.jsx)(x,{icon:X}),i&&(0,c.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})]})]}),O&&(0,c.jsx)("div",{className:"k-step-content",style:{height:"140px"},children:O})]})};$.options=ge;$.states=xe;$.className=g;$.defaultOptions=he;var ve=$;