@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 26.8 kB
JavaScript
var bt=Object.create;var de=Object.defineProperty;var gt=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var ht=Object.getPrototypeOf,St=Object.prototype.hasOwnProperty;var kt=(e,t)=>{for(var o in t)de(e,o,{get:t[o],enumerable:!0})},We=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of xt(t))!St.call(e,r)&&r!==o&&de(e,r,{get:()=>t[r],enumerable:!(a=gt(t,r))||a.enumerable});return e};var vt=(e,t,o)=>(o=e!=null?bt(ht(e)):{},We(t||!e||!e.__esModule?de(o,"default",{value:e,enumerable:!0}):o,e)),yt=e=>We(de({},"__esModule",{value:!0}),e);var yo={};kt(yo,{WizardWithAria:()=>vo});module.exports=yt(yo);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var G=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),O=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:l,checked:c,active:m,selected:y,disabled:z,indeterminate:b,loading:K,empty:k,readonly:D,highlighted:V,...$}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":l,"k-checked":c,"k-active":m,"k-selected":y,"k-disabled":z,"k-indeterminate":b&&!c,"k-loading":K,"k-empty":k,"k-readonly":D,"k-highlighted":V},Object.keys($).reduce((v,I)=>(I.startsWith("k-")?v[I]=$[I]:v[`k-${I}`]=$[I],v),{}))};function Ke(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},Z={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},J={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},_={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",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 ke="wizard",Ie=ke;var _e=require("react/jsx-runtime"),ae="k-wizard",Nt=[f.disabled],zt={},ve={orientation:"horizontal",contentPosition:"right"},S=e=>{let{disabled:t,orientation:o=ve.orientation,contentPosition:a=ve.contentPosition,...r}=e;return(0,_e.jsx)("div",{...r,className:i(e.className,ae,O(ae,{disabled:t}),{[`${ae}-${o}`]:o,[`${ae}-${a}`]:a&&o!=="horizontal"}),children:e.children})};S.states=Nt;S.options=zt;S.className=ae;S.defaultOptions=ve;S.moduleName=ke;S.folderName=Ie;S.ariaSpec={selector:".k-wizard",rules:[{selector:".k-step-list",attribute:"role=tablist",usage:"Indicates the role of the tablist container element."},{selector:".k-step",attribute:"role=none",usage:"The implicit semantics of the li element must be removed."},{selector:".k-step-link",attribute:"role=tab",usage:"Specifies the role for the step links."},{selector:".k-step-link",attribute:"aria-controls=.k-wizard-step id (when present)",usage:"Refers to the tabpanel element associated with the tab."},{selector:".k-step.k-disabled>.k-step-link",attribute:"aria-disabled=true",usage:"A disabled (inactive) tab."},{selector:".k-step-current .k-step-link",attribute:"aria-selected=true",usage:"Indicates the tab control is activated."},{selector:".k-step-current .k-step-link",attribute:"aria-current=true",usage:"Indicates the current active step."},{selector:".k-step-current .k-step-link",attribute:"tabindex=0",usage:"Current step is in the page tab sequence."},{selector:".k-step:not(.k-step-current) .k-step-link",attribute:"tabindex=-1",usage:"Non-current steps are removed from tab sequence."},{selector:".k-wizard-step",attribute:"role=tabpanel",usage:"Specifies the role of the element."},{selector:".k-wizard-step",attribute:"aria-label",usage:'Specifies a label for the panel (e.g., "Step 2 of 4").'},{selector:".k-wizard-step",attribute:"tabindex=0",usage:"Keeps the tabpanel in the page tab sequence."}]};var se=require("react/jsx-runtime"),ye="k-font-icon",Ct=[],wt={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},Pt={},ne=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...c}=e;return a?(0,se.jsx)("span",{...c,className:i(e.className,ye,G(ye,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):(0,se.jsx)(se.Fragment,{})};ne.states=Ct;ne.options=wt;ne.className=ye;ne.defaultOptions=Pt;var He=ne;var X=require("react/jsx-runtime"),Ne="k-svg-icon",Et=[],Lt={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[_.outline,_.solid,_.duotone]},ze={viewBox:"0 0 24 24",variant:_.outline},ie=e=>{var K,k;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=ze.viewBox,variant:c=ze.variant,icon:m,...y}=e;if(!m)return(0,X.jsx)(X.Fragment,{});if(m==="none")return(0,X.jsx)("span",{...y,className:i(e.className,Ne,G("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let z=typeof m=="object"&&m.name&&m.name,b=typeof m=="object"?c&&((K=m.variants)==null?void 0:K[c])||((k=m.variants)==null?void 0:k.outline)||m.content:void 0;return(0,X.jsx)("span",{...y,className:i(e.className,Ne,G("k-icon",{size:t}),{[`k-svg-i-${z}`]:z,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,X.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:l,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:m?void 0:e.children})})};ie.states=Et;ie.options=Lt;ie.className=Ne;ie.defaultOptions=ze;var Ce=ie;var we=vt(require("@progress/kendo-svg-icons"));var De="icon",$e="icons";var Ve=require("react");var Fe=require("react"),Ue=(0,Fe.createContext)({iconsType:"svg"});var F=require("react/jsx-runtime"),ce="k-icon",Rt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),At=[],Bt={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[_.outline,_.solid,_.duotone]},me={viewBox:"0 0 24 24",type:"svg",variant:_.outline},A=e=>{let{iconsType:t}=(0,Ve.useContext)(Ue),{size:o,themeColor:a,icon:r,type:l=t||me.type,rotate:c,flip:m,viewBox:y=me.viewBox,variant:z=me.variant,...b}=e;if(!r)return(0,F.jsx)(F.Fragment,{});if((t||l)==="svg"){if(r==="none")return(0,F.jsx)(Ce,{...b,className:i(e.className,ce),icon:r,size:o,variant:z});let k=we[r]?r:Rt(`${r}-icon`);return we[k]?(0,F.jsx)(Ce,{...b,className:i(e.className,ce),icon:we[k],size:o,themeColor:a,rotate:c,flip:m,viewBox:y,variant:z}):(0,F.jsx)(F.Fragment,{})}return(0,F.jsx)(He,{...b,className:i(e.className,ce),icon:r,size:o,themeColor:a,rotate:c,flip:m})};A.states=At;A.options=Bt;A.defaultOptions=me;A.className=ce;A.moduleName=De;A.folderName=$e;A.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 Pe="button",qe=Pe;var B=require("react/jsx-runtime"),le="k-button",Mt=["icon-button"],Tt=[f.hover,f.focus,f.active,f.selected,f.disabled,f.generating],Ot={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[Z.undefined,Z.none,Z.small,Z.medium,Z.large,Z.full],fillMode:[J.undefined,J.solid,J.flat,J.outline,J.clear,J.link],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info,s.inverse]},Ee={showArrow:!1,arrowIconName:"chevron-down"},g=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:c=Ee.showArrow,arrowIconName:m=Ee.arrowIconName,variant:y,hover:z,focus:b,active:K,selected:k,disabled:D,togglable:V,ariaDisabled:$,icon:v,iconSize:I,text:j,iconClassName:xe,className:he,...Se}=e,ut=v!=null,ft=e.children!==void 0;return(0,B.jsxs)(t,{className:i(he,le,Ke(le,y),G(le,{size:o,rounded:a,fillMode:r,themeColor:l}),O(le,{hover:z,focus:b,active:K,disabled:D||$,selected:k}),{"k-icon-button":!j&&!ft&&ut}),"aria-pressed":V?k?"true":"false":void 0,...Se,"aria-disabled":$?"true":void 0,disabled:D||void 0,children:[typeof v=="string"&&v&&(0,B.jsx)(A,{className:i(xe,"k-button-icon"),icon:v,size:I}),v&&typeof v!="string"&&(0,B.jsx)(B.Fragment,{children:v}),j?(0,B.jsxs)(B.Fragment,{children:[j&&(0,B.jsx)("span",{className:"k-button-text",children:j}),e.children]}):e.children&&(0,B.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,B.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,B.jsx)(A,{icon:m})})]})};g.states=Tt;g.options=Ot;g.variants=Mt;g.className=le;g.defaultOptions=Ee;g.moduleName=Pe;g.folderName=qe;g.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Ze=require("react/jsx-runtime"),Ge=e=>(0,Ze.jsx)(g,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Xe=require("react/jsx-runtime"),Je=e=>(0,Xe.jsx)(g,{icon:"folder",children:"Button",...e});var Ye=require("react/jsx-runtime"),Qe=e=>(0,Ye.jsx)(g,{children:"Button",...e});var ue=require("react/jsx-runtime"),Wt=g.options,Kt=g.states,It={...g.defaultOptions,variant:"text"},_t=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ht=[],ee=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ue.jsx)(Ge,{...o,icon:"star"});case"icon-and-text":return(0,ue.jsx)(Je,{...o,icon:"star",children:"Button"});default:return(0,ue.jsx)(Qe,{...o,children:"Button"})}};ee.options=Wt;ee.states=Kt;ee.variants=_t;ee.defaultOptions=It;ee.modifiers=Ht;ee.className=g.className;var M=require("react/jsx-runtime"),Le="k-wizard-step",Dt=[f.focus],$t={},Ft=(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)("span",{className:"k-wizard-buttons-left",children:(0,M.jsx)("span",{className:"k-wizard-pager",children:"Step 2 of 3"})}),(0,M.jsxs)("span",{className:"k-wizard-buttons-right",children:[(0,M.jsx)(g,{children:"Previous"}),(0,M.jsx)(g,{themeColor:"primary",children:"Next"})]})]}),je={buttons:Ft},C=e=>{let{focus:t,buttons:o=je.buttons,stepLabel:a,...r}=e;return(0,M.jsxs)("div",{...r,className:i(e.className,Le,O(Le,{focus:t})),role:"tabpanel","aria-label":a||"Step",tabIndex:0,children:[(0,M.jsx)("div",{className:"k-wizard-content",children:e.children}),o&&(0,M.jsx)("div",{className:"k-wizard-buttons",children:o})]})};C.states=Dt;C.options=$t;C.className=Le;C.defaultOptions=je;var tt=require("react/jsx-runtime"),et="k-wizard-steps",Ut=[],Vt={},qt={},w=e=>(0,tt.jsx)("div",{...e,className:i(e.className,et),children:e.children});w.states=Ut;w.options=Vt;w.className=et;w.defaultOptions=qt;var Re="stepper",ot=Re;var at=require("react/jsx-runtime"),rt="k-stepper",Gt=[],Zt={},Jt={},u=e=>{let{style:t,...o}=e;return(0,at.jsx)("nav",{...o,style:t,className:i(e.className,rt),"aria-label":"Stepper",children:e.children})};u.options=Zt;u.states=Gt;u.className=rt;u.defaultOptions=Jt;u.moduleName=Re;u.folderName=ot;u.ariaSpec={selector:".k-stepper",rules:[{selector:".k-stepper",attribute:"role=navigation or nodeName=nav",usage:"The landmark role navigation must be assigned to the component."},{selector:".k-step.k-disabled>.k-step-link",attribute:"aria-disabled=true",usage:"A disabled (inactive) link."},{selector:".k-step-current>.k-step-link",attribute:"aria-current=step",usage:"The currently selected link."},{selector:".k-step.k-focus .k-step-link",attribute:"tabindex=0",usage:"Focused step link is in the tab order."},{selector:".k-step:not(.k-focus) .k-step-link",attribute:"tabindex=-1",usage:"Non-focused step links are removed from tab order."}]};var nt=require("react/jsx-runtime"),Ae="k-step-list",Xt=[],Qt={},st={orientation:"horizontal"},h=e=>{let{style:t,orientation:o=st.orientation,wizardContext:a,...r}=e;return(0,nt.jsx)("ol",{...r,style:t,className:i(e.className,Ae,{[`${Ae}-${o}`]:o}),...a&&{role:"tablist"},children:e.children})};h.options=Qt;h.states=Xt;h.className=Ae;h.defaultOptions=st;var N=require("react/jsx-runtime"),H="k-step",Yt=[f.disabled,f.hover,f.focus,f.invalid,f.valid],jt={},eo={},n=e=>{let{style:t,disabled:o,hover:a,focus:r,invalid:l,valid:c,optional:m,first:y,done:z,current:b,last:K,label:k,text:D,icon:V,stepContent:$,wizardContext:v,ariaControls:I,...j}=e,xe=l?"warning-circle":"check-circle",he=!!(c||l),Se=k||(D?`Step ${D}`:V?"Step":void 0);return(0,N.jsxs)("li",{...j,style:t,className:i(e.className,H,{[`${H}-done`]:z,[`${H}-first`]:y,[`${H}-current`]:b,[`${H}-last`]:K,[`${H}-optional`]:m,[`${H}-success`]:c,[`${H}-error`]:l},O(H,{hover:a,focus:r,disabled:o})),...v&&{role:"none"},children:[(0,N.jsxs)("a",{href:"#",className:"k-step-link",...v&&{role:"tab"},...I&&{"aria-controls":I},...b&&{"aria-current":v?"true":"step"},...b&&v&&{"aria-selected":"true"},...o&&{"aria-disabled":"true"},tabIndex:r||b?0:-1,"aria-label":Se,children:[D&&!V&&(0,N.jsx)("span",{className:"k-step-indicator",children:(0,N.jsx)("span",{className:"k-step-indicator-text",children:D})}),V&&(0,N.jsx)("span",{className:"k-step-indicator",children:(0,N.jsx)(A,{className:"k-step-indicator-icon",icon:V})}),m&&!k&&(0,N.jsx)("span",{className:"k-step-label",children:(0,N.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})}),k&&(0,N.jsxs)("span",{className:"k-step-label",children:[(0,N.jsx)("span",{className:"k-step-text",children:k}),he&&(0,N.jsx)(A,{icon:xe}),m&&(0,N.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})]})]}),$&&(0,N.jsx)("div",{className:"k-step-content",style:{height:"140px"},children:$})]})};n.options=jt;n.states=Yt;n.className=H;n.defaultOptions=eo;var pe="progressbar",fe=pe;var q=require("react/jsx-runtime"),W="k-progressbar",to=[f.disabled,f.indeterminate],oo={orientation:["horizontal","vertical"]},Q={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},T=e=>{let{disabled:t,height:o,indeterminate:a=Q.indeterminate,label:r=Q.label,labelPosition:l=Q.labelPosition,orientation:c=Q.orientation,reverse:m=Q.reverse,value:y=Q.value,width:z,style:b,ariaLabel:K,...k}=e;return(0,q.jsxs)("div",{...k,className:i(e.className,W,O(W,{disabled:t}),{[`${W}-${c}`]:c,[`${W}-indeterminate`]:a,[`${W}-reverse`]:m}),style:{...b,"--kendo-progressbar-value":y,[c==="horizontal"?"height":"width"]:c==="horizontal"?o:z},role:"progressbar","aria-label":K||"progress","aria-valuenow":a?void 0:Number(y),"aria-valuemin":0,"aria-valuemax":100,children:[(0,q.jsx)("span",{className:i("k-progress-status-wrap",{[`k-progress-${l}`]:l&&!a}),children:r&&(0,q.jsxs)("span",{className:"k-progress-status",children:[y,"%"]})}),!a&&(0,q.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,q.jsx)("span",{className:i("k-progress-status-wrap",{[`k-progress-${l}`]:l}),children:r&&(0,q.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};T.states=to;T.options=oo;T.className=W;T.defaultOptions=Q;T.moduleName=pe;T.folderName=fe;T.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var it=T;var ge=require("react/jsx-runtime"),lt="k-chunk-progressbar",ro=(e,t)=>t<=e-1,ao=[f.disabled,f.indeterminate],so={},be={chunkCount:5,orientation:"horizontal",progress:0},Y=e=>{let{disabled:t,chunkCount:o=be.chunkCount,indeterminate:a,orientation:r=be.orientation,progress:l=be.progress,reverse:c,ariaLabel:m,...y}=e;return(0,ge.jsx)("div",{...y,className:i(e.className,W,lt,O(W,{disabled:t}),{[`${W}-${r}`]:r,[`${W}-indeterminate`]:a,[`${W}-reverse`]:c}),role:"progressbar","aria-label":m||"progress","aria-valuenow":a?void 0:l,"aria-valuemin":0,"aria-valuemax":o,children:(0,ge.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((z,b)=>(0,ge.jsx)("li",{className:i("k-progressbar-chunk",{"k-first":b===0,"k-last":b===[...Array(o)].length-1,"k-selected":ro(l,b)})},b))})})};Y.states=ao;Y.options=so;Y.className=lt;Y.defaultOptions=be;Y.moduleName=pe;Y.folderName=fe;Y.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};var pt=require("react/jsx-runtime"),x=e=>(0,pt.jsx)(it,{...e});var no=require("react/jsx-runtime");var U=require("react/jsx-runtime"),io=T.options,lo=T.states,dt={...T.defaultOptions,variant:"start"},po=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],co=[],te=e=>{let{variant:t,modifiers:o,...a}={...dt,...e},r={},l={style:{width:"324px"}};switch(Object.keys(o||{}).forEach(c=>{switch(c){case"reverse":r.reverse=!!(o!=null&&o[c]);break;case"vertical":r.orientation=o!=null&&o[c]?"vertical":void 0,l.style=o!=null&&o[c]?void 0:{width:"324px"};break}}),t){case"end":return(0,U.jsx)("div",{...l,children:(0,U.jsx)(x,{...a,...r,labelPosition:"end",value:"50"})});case"center":return(0,U.jsx)("div",{...l,children:(0,U.jsx)(x,{...a,...r,labelPosition:"center",value:"50"})});case"empty":return(0,U.jsx)("div",{...l,children:(0,U.jsx)(x,{...a,...r,label:!1,value:"50"})});default:return(0,U.jsx)("div",{...l,children:(0,U.jsx)(x,{...a,...r,labelPosition:"start",value:"50"})})}};te.options=io;te.states=lo;te.variants=po;te.defaultOptions=dt;te.modifiers=co;te.className=T.className;var Be=require("react/jsx-runtime");var Me=require("react/jsx-runtime");var Te=require("react/jsx-runtime");var P=require("react/jsx-runtime"),mo=u.options,uo=u.states,ct={...u.defaultOptions,variant:"horizontal"},fo=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],bo=[{name:"label",title:"Label"},{name:"optional",title:"Optional"}],oe=e=>{let{variant:t,modifiers:o,...a}={...ct,...e},r={};return Object.keys(o||{}).forEach(l=>{switch(l){case"label":{r.label=o!=null&&o[l]?"Label":void 0;break}case"optional":{r.optional=!!(o!=null&&o[l]);break}}}),t==="vertical"?(0,P.jsxs)(u,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},...a,children:[(0,P.jsxs)(h,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,P.jsx)(n,{first:!0,done:!0,icon:"check",label:r.label,style:{maxHeight:"33.333%"}}),(0,P.jsx)(n,{current:!0,focus:!0,text:"2",label:r.label,style:{maxHeight:"33.333%"}}),(0,P.jsx)(n,{last:!0,optional:r.optional,text:"3",label:r.label,style:{maxHeight:"33.333%"}})]}),(0,P.jsx)(x,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}):(0,P.jsxs)(u,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},...a,children:[(0,P.jsxs)(h,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,P.jsx)(n,{first:!0,done:!0,icon:"check",label:r.label,style:{maxWidth:"33.333%"}}),(0,P.jsx)(n,{current:!0,focus:!0,text:"2",label:r.label,style:{maxWidth:"33.333%"}}),(0,P.jsx)(n,{last:!0,optional:r.optional,text:"3",label:r.label,style:{maxWidth:"33.333%"}})]}),(0,P.jsx)(x,{className:"k-col-start-2 k-col-end-6",style:{width:"400px"},label:!1,value:"50"})]})};oe.options=mo;oe.states=uo;oe.variants=fo;oe.defaultOptions=ct;oe.modifiers=bo;oe.className=u.className;var E=require("react/jsx-runtime"),mt=({...e})=>(0,E.jsx)(S,{id:"wizard",children:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(u,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,E.jsxs)(h,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,E.jsx)(n,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,E.jsx)(n,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,E.jsx)(n,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),(0,E.jsx)(x,{label:!1,value:"50","aria-hidden":"true"})]}),(0,E.jsx)(w,{children:(0,E.jsx)(C,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});var L=require("react/jsx-runtime"),Oe=({...e})=>(0,L.jsx)(S,{id:"wizard",orientation:"vertical",children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsxs)(u,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,L.jsxs)(h,{wizardContext:!0,orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,L.jsx)(n,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"},wizardContext:!0}),(0,L.jsx)(n,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"},wizardContext:!0}),(0,L.jsx)(n,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"},wizardContext:!0})]}),(0,L.jsx)(x,{orientation:"vertical",reverse:!0,label:!1,value:"50","aria-hidden":"true"})]}),(0,L.jsx)(w,{children:(0,L.jsx)(C,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});var d=require("react/jsx-runtime"),go=S.options,xo=S.states,ho={...S.defaultOptions,variant:"bottom"},So=[{name:"bottom",title:"Content Bottom"},{name:"right",title:"Content Right"},{name:"left",title:"Content Left"}],ko=[],re=e=>{let{variant:t,...o}=e;switch(t){case"right":return(0,d.jsxs)(Oe,{...o,children:[(0,d.jsxs)(u,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,d.jsxs)(h,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,d.jsx)(n,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),(0,d.jsx)(n,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),(0,d.jsx)(n,{last:!0,text:"3",label:"Step 3",style:{maxHeight:"33.333%"}})]}),(0,d.jsx)(x,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),(0,d.jsx)(w,{children:(0,d.jsx)(C,{children:"Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content."})})]});case"left":return(0,d.jsxs)(Oe,{contentPosition:"left",...o,children:[(0,d.jsxs)(u,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,d.jsxs)(h,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,d.jsx)(n,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),(0,d.jsx)(n,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),(0,d.jsx)(n,{last:!0,text:"3",label:"Step 3",style:{maxHeight:"33.333%"}})]}),(0,d.jsx)(x,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),(0,d.jsx)(w,{children:(0,d.jsx)(C,{children:"Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content."})})]});default:return(0,d.jsxs)(mt,{...o,children:[(0,d.jsxs)(u,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,d.jsxs)(h,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,d.jsx)(n,{first:!0,done:!0,icon:"check",label:"Step 1",style:{maxWidth:"33.333%"}}),(0,d.jsx)(n,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxWidth:"33.333%"}}),(0,d.jsx)(n,{last:!0,text:"3",label:"Step 3",style:{maxWidth:"33.333%"}})]}),(0,d.jsx)(x,{className:"k-col-start-2 k-col-end-6",label:!1,value:"50"})]}),(0,d.jsx)(w,{children:(0,d.jsx)(C,{children:"Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content."})})]})}};re.options=go;re.states=xo;re.variants=So;re.defaultOptions=ho;re.modifiers=ko;re.className=S.className;var R=require("react/jsx-runtime"),vo=({...e})=>(0,R.jsx)(S,{id:"wizard-aria",children:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)(u,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,R.jsxs)(h,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,R.jsx)(n,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,R.jsx)(n,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0,ariaControls:"wizard-step-2"}),(0,R.jsx)(n,{last:!0,disabled:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),(0,R.jsx)(x,{label:!1,value:"50","aria-hidden":"true"})]}),(0,R.jsx)(w,{children:(0,R.jsx)(C,{id:"wizard-step-2",stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});