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

A collection of HTML helpers used for developing Kendo UI themes

var ge=Object.create;var D=Object.defineProperty;var he=Object.getOwnPropertyDescriptor;var Se=Object.getOwnPropertyNames;var Ne=Object.getPrototypeOf,ke=Object.prototype.hasOwnProperty;var ve=(t,e)=>{for(var o in e)D(t,o,{get:e[o],enumerable:!0})},oe=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Se(e))!ke.call(t,i)&&i!==o&&D(t,i,{get:()=>e[i],enumerable:!(r=he(e,i))||r.enumerable});return t};var be=(t,e,o)=>(o=t!=null?ge(Ne(t)):{},oe(e||!t||!t.__esModule?D(o,"default",{value:t,enumerable:!0}):o,t)),ye=t=>oe(D({},"__esModule",{value:!0}),t);var qe={};ve(qe,{StepperNormal:()=>We});module.exports=ye(qe);var a=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((o,r)=>e[r]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var F=(t,e)=>a({[`${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.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${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"}),O=(t,e)=>{let{valid:o,invalid:r,hover:i,focus:c,checked:n,active:m,selected:d,disabled:u,indeterminate:L,loading:B,empty:_,readonly:H,highlighted:$,...A}=e;return a({"k-valid":o,"k-invalid":r,"k-hover":i,"k-focus":c,"k-checked":n,"k-active":m,"k-selected":d,"k-disabled":u,"k-indeterminate":L&&!n,"k-loading":B,"k-empty":_,"k-readonly":H,"k-highlighted":$},Object.keys(A).reduce((T,y)=>(y.startsWith("k-")?T[y]=A[y]:T[`k-${y}`]=A[y],T),{}))};var l={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var s={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},f={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 q="stepper",se=q;var ne=require("react/jsx-runtime"),re="k-stepper",Ee=[],Ce={},Pe={},S=t=>{let{style:e,...o}=t;return(0,ne.jsx)("nav",{...o,style:e,className:a(t.className,re),children:t.children})};S.options=Ce;S.states=Ee;S.className=re;S.defaultOptions=Pe;S.moduleName=q;S.folderName=se;var ie=require("react/jsx-runtime"),J="k-step-list",Me=[],Ae={},ae={orientation:"horizontal"},E=t=>{let{style:e,orientation:o=ae.orientation,...r}=t;return(0,ie.jsx)("ol",{...r,style:e,className:a(t.className,J,{[`${J}-${o}`]:o}),children:t.children})};E.options=Ae;E.states=Me;E.className=J;E.defaultOptions=ae;var z=require("react/jsx-runtime"),X="k-font-icon",Oe=[],Re={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},Le={},I=t=>{let{size:e,themeColor:o,icon:r,rotate:i,flip:c,...n}=t;return r?(0,z.jsx)("span",{...n,className:a(t.className,X,F(X,{size:e}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):(0,z.jsx)(z.Fragment,{})};I.states=Oe;I.options=Re;I.className=X;I.defaultOptions=Le;var le=I;var C=require("react/jsx-runtime"),Q="k-svg-icon",Be=[],_e={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},ce={viewBox:"0 0 24 24"},K=t=>{let{size:e,themeColor:o,rotate:r,flip:i,viewBox:c=ce.viewBox,icon:n,...m}=t;if(!n)return(0,C.jsx)(C.Fragment,{});n==="none"&&{...m,className:a(t.className,Q,"k-none")};let d=typeof n=="object"&&n.name&&n.name;return(0,C.jsx)("span",{...m,className:a(t.className,Q,F("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:(0,C.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof n=="object"?n.viewBox:c,dangerouslySetInnerHTML:typeof n=="object"?{__html:n.content}:void 0,children:n?void 0:t.children})})};K.states=Be;K.options=_e;K.className=Q;K.defaultOptions=ce;var Y=K;var Z=be(require("@progress/kendo-svg-icons"));var pe="icon",me="icons";var N=require("react/jsx-runtime"),G="k-icon",$e=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Te=[],ze={size:[l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.light,s.dark]},j={viewBox:"0 0 24 24",type:"svg"},k=t=>{let{size:e,themeColor:o,icon:r,type:i=j.type,rotate:c,flip:n,viewBox:m=j.viewBox,...d}=t;if(!r)return(0,N.jsx)(N.Fragment,{});if(i==="svg"){if(r==="none")return(0,N.jsx)(Y,{...d,className:a(t.className,G),icon:r,size:e});let u=Z[r]?r:$e(`${r}-icon`);return Z[u]?(0,N.jsx)(Y,{...d,className:a(t.className,G),icon:Z[u],size:e,themeColor:o,rotate:c,flip:n,viewBox:m}):(0,N.jsx)(N.Fragment,{})}return(0,N.jsx)(le,{...d,className:a(t.className,G),icon:r,size:e,themeColor:o,rotate:c,flip:n})};k.states=Te;k.options=ze;k.defaultOptions=j;k.className=G;k.moduleName=pe;k.folderName=me;var p=require("react/jsx-runtime"),h="k-step",Ie=[f.disabled,f.hover,f.focus,f.invalid,f.valid],Ke={},we={},v=t=>{let{style:e,disabled:o,hover:r,focus:i,invalid:c,valid:n,optional:m,first:d,done:u,current:L,last:B,label:_,text:H,icon:$,stepContent:A,...T}=t,y=c?"warning-circle":"check-circle",xe=!!(n||c);return(0,p.jsxs)("li",{...T,style:e,className:a(t.className,h,{[`${h}-done`]:u,[`${h}-first`]:d,[`${h}-current`]:L,[`${h}-last`]:B,[`${h}-optional`]:m,[`${h}-success`]:n,[`${h}-error`]:c},O(h,{hover:r,focus:i,disabled:o})),children:[(0,p.jsxs)("a",{href:"#",className:"k-step-link",children:[H&&!$&&(0,p.jsx)("span",{className:"k-step-indicator",children:(0,p.jsx)("span",{className:"k-step-indicator-text",children:H})}),$&&(0,p.jsx)("span",{className:"k-step-indicator",children:(0,p.jsx)(k,{className:"k-step-indicator-icon",icon:$})}),m&&!_&&(0,p.jsx)("span",{className:"k-step-label",children:(0,p.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})}),_&&(0,p.jsxs)("span",{className:"k-step-label",children:[(0,p.jsx)("span",{className:"k-step-text",children:_}),xe&&(0,p.jsx)(k,{icon:y}),m&&(0,p.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})]})]}),A&&(0,p.jsx)("div",{className:"k-step-content",style:{height:"140px"},children:A})]})};v.options=Ke;v.states=Ie;v.className=h;v.defaultOptions=we;var w="progressbar",U=w;var b=require("react/jsx-runtime"),x="k-progressbar",He=[f.disabled,f.indeterminate],De={},P={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},M=t=>{let{disabled:e,height:o,indeterminate:r=P.indeterminate,label:i=P.label,labelPosition:c=P.labelPosition,orientation:n=P.orientation,reverse:m=P.reverse,value:d=P.value,width:u,style:L,...B}=t;return(0,b.jsxs)("div",{...B,className:a(t.className,x,O(x,{disabled:e}),{[`${x}-${n}`]:n,[`${x}-indeterminate`]:r,[`${x}-reverse`]:m}),style:{...L,"--kendo-progressbar-value":d,[n==="horizontal"?"height":"width"]:n==="horizontal"?o:u},children:[(0,b.jsx)("span",{className:a("k-progress-status-wrap",{[`k-progress-${c}`]:c&&!r}),children:i&&(0,b.jsxs)("span",{className:"k-progress-status",children:[d,"%"]})}),!r&&(0,b.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,b.jsx)("span",{className:a("k-progress-status-wrap",{[`k-progress-${c}`]:c}),children:i&&(0,b.jsxs)("span",{className:"k-progress-status",children:[t.value,"%"]})})})]})};M.states=He;M.options=De;M.className=x;M.defaultOptions=P;M.moduleName=w;M.folderName=U;var de=M;var W=require("react/jsx-runtime"),ue="k-chunk-progressbar",Fe=(t,e)=>e<=t-1,Ge=[f.disabled,f.indeterminate],Ue={},V={chunkCount:5,orientation:"horizontal",progress:0},R=t=>{let{disabled:e,chunkCount:o=V.chunkCount,indeterminate:r,orientation:i=V.orientation,progress:c=V.progress,reverse:n,...m}=t;return(0,W.jsx)("div",{...m,className:a(t.className,x,ue,O(x,{disabled:e}),{[`${x}-${i}`]:i,[`${x}-indeterminate`]:r,[`${x}-reverse`]:n}),children:(0,W.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((d,u)=>(0,W.jsx)("li",{className:a("k-progressbar-chunk",{"k-first":u===0,"k-last":u===[...Array(o)].length-1,"k-selected":Fe(c,u)})},u))})})};R.states=Ge;R.options=Ue;R.className=ue;R.defaultOptions=V;R.moduleName=w;R.folderName=U;var fe=require("react/jsx-runtime"),ee=t=>(0,fe.jsx)(de,{...t});var Ve=require("react/jsx-runtime");var te=require("react/jsx-runtime");var g=require("react/jsx-runtime"),We=({gridTemplateColumns:t="repeat(6, 1fr)",...e})=>(0,g.jsx)(S,{style:{display:"grid",gridTemplateColumns:t},children:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(E,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,g.jsx)(v,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"}}),(0,g.jsx)(v,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"}}),(0,g.jsx)(v,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"}})]}),(0,g.jsx)(ee,{label:!1,value:"50"})]}),...e});