@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 26.1 kB
JavaScript
var bt=Object.create;var pe=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)pe(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&&pe(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?pe(o,"default",{value:e,enumerable:!0}):o,e)),yt=e=>We(pe({},"__esModule",{value:!0}),e);var vo={};kt(vo,{WizardVertical:()=>ge});module.exports=yt(vo);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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 q=(e,t)=>n({[`${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"}),T=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:i,checked:c,active:m,selected:y,disabled:z,indeterminate:b,loading:W,empty:S,readonly:H,highlighted:U,...D}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":i,"k-checked":c,"k-active":m,"k-selected":y,"k-disabled":z,"k-indeterminate":b&&!c,"k-loading":W,"k-empty":S,"k-readonly":H,"k-highlighted":U},Object.keys(D).reduce((k,K)=>(K.startsWith("k-")?k[K]=D[K]:k[`k-${K}`]=D[K],k),{}))};function Ke(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},G={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},Z={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},I={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"),re="k-wizard",Nt=[f.disabled],zt={},ve={orientation:"horizontal",contentPosition:"right"},v=e=>{let{disabled:t,orientation:o=ve.orientation,contentPosition:a=ve.contentPosition,...r}=e;return(0,_e.jsx)("div",{...r,className:n(e.className,re,T(re,{disabled:t}),{[`${re}-${o}`]:o,[`${re}-${a}`]:a&&o!=="horizontal"}),children:e.children})};v.states=Nt;v.options=zt;v.className=re;v.defaultOptions=ve;v.moduleName=ke;v.folderName=Ie;v.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 ae=require("react/jsx-runtime"),ye="k-font-icon",Ct=[],wt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},Pt={},se=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:i,...c}=e;return a?(0,ae.jsx)("span",{...c,className:n(e.className,ye,q(ye,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):(0,ae.jsx)(ae.Fragment,{})};se.states=Ct;se.options=wt;se.className=ye;se.defaultOptions=Pt;var He=se;var J=require("react/jsx-runtime"),Ne="k-svg-icon",Et=[],Lt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[I.outline,I.solid,I.duotone]},ze={viewBox:"0 0 24 24",variant:I.outline},ne=e=>{var W,S;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:i=ze.viewBox,variant:c=ze.variant,icon:m,...y}=e;if(!m)return(0,J.jsx)(J.Fragment,{});if(m==="none")return(0,J.jsx)("span",{...y,className:n(e.className,Ne,q("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let z=typeof m=="object"&&m.name&&m.name,b=typeof m=="object"?c&&((W=m.variants)==null?void 0:W[c])||((S=m.variants)==null?void 0:S.outline)||m.content:void 0;return(0,J.jsx)("span",{...y,className:n(e.className,Ne,q("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,J.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:i,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:m?void 0:e.children})})};ne.states=Et;ne.options=Lt;ne.className=Ne;ne.defaultOptions=ze;var Ce=ne;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 $=require("react/jsx-runtime"),de="k-icon",Rt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),At=[],Bt={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[I.outline,I.solid,I.duotone]},ce={viewBox:"0 0 24 24",type:"svg",variant:I.outline},E=e=>{let{iconsType:t}=(0,Ve.useContext)(Ue),{size:o,themeColor:a,icon:r,type:i=t||ce.type,rotate:c,flip:m,viewBox:y=ce.viewBox,variant:z=ce.variant,...b}=e;if(!r)return(0,$.jsx)($.Fragment,{});if((t||i)==="svg"){if(r==="none")return(0,$.jsx)(Ce,{...b,className:n(e.className,de),icon:r,size:o,variant:z});let S=we[r]?r:Rt(`${r}-icon`);return we[S]?(0,$.jsx)(Ce,{...b,className:n(e.className,de),icon:we[S],size:o,themeColor:a,rotate:c,flip:m,viewBox:y,variant:z}):(0,$.jsx)($.Fragment,{})}return(0,$.jsx)(He,{...b,className:n(e.className,de),icon:r,size:o,themeColor:a,rotate:c,flip:m})};E.states=At;E.options=Bt;E.defaultOptions=ce;E.className=de;E.moduleName=De;E.folderName=$e;E.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 L=require("react/jsx-runtime"),ie="k-button",Mt=["icon-button"],Tt=[f.hover,f.focus,f.active,f.selected,f.disabled,f.generating],Ot={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[G.undefined,G.none,G.small,G.medium,G.large,G.full],fillMode:[Z.undefined,Z.solid,Z.flat,Z.outline,Z.clear,Z.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:i,showArrow:c=Ee.showArrow,arrowIconName:m=Ee.arrowIconName,variant:y,hover:z,focus:b,active:W,selected:S,disabled:H,togglable:U,ariaDisabled:D,icon:k,iconSize:K,text:Y,iconClassName:xe,className:he,...Se}=e,ut=k!=null,ft=e.children!==void 0;return(0,L.jsxs)(t,{className:n(he,ie,Ke(ie,y),q(ie,{size:o,rounded:a,fillMode:r,themeColor:i}),T(ie,{hover:z,focus:b,active:W,disabled:H||D,selected:S}),{"k-icon-button":!Y&&!ft&&ut}),"aria-pressed":U?S?"true":"false":void 0,...Se,"aria-disabled":D?"true":void 0,disabled:H||void 0,children:[typeof k=="string"&&k&&(0,L.jsx)(E,{className:n(xe,"k-button-icon"),icon:k,size:K}),k&&typeof k!="string"&&(0,L.jsx)(L.Fragment,{children:k}),Y?(0,L.jsxs)(L.Fragment,{children:[Y&&(0,L.jsx)("span",{className:"k-button-text",children:Y}),e.children]}):e.children&&(0,L.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,L.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,L.jsx)(E,{icon:m})})]})};g.states=Tt;g.options=Ot;g.variants=Mt;g.className=ie;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 me=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=[],j=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,me.jsx)(Ge,{...o,icon:"star"});case"icon-and-text":return(0,me.jsx)(Je,{...o,icon:"star",children:"Button"});default:return(0,me.jsx)(Qe,{...o,children:"Button"})}};j.options=Wt;j.states=Kt;j.variants=_t;j.defaultOptions=It;j.modifiers=Ht;j.className=g.className;var R=require("react/jsx-runtime"),Le="k-wizard-step",Dt=[f.focus],$t={},Ft=(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)("span",{className:"k-wizard-buttons-left",children:(0,R.jsx)("span",{className:"k-wizard-pager",children:"Step 2 of 3"})}),(0,R.jsxs)("span",{className:"k-wizard-buttons-right",children:[(0,R.jsx)(g,{children:"Previous"}),(0,R.jsx)(g,{themeColor:"primary",children:"Next"})]})]}),je={buttons:Ft},A=e=>{let{focus:t,buttons:o=je.buttons,stepLabel:a,...r}=e;return(0,R.jsxs)("div",{...r,className:n(e.className,Le,T(Le,{focus:t})),role:"tabpanel","aria-label":a||"Step",tabIndex:0,children:[(0,R.jsx)("div",{className:"k-wizard-content",children:e.children}),o&&(0,R.jsx)("div",{className:"k-wizard-buttons",children:o})]})};A.states=Dt;A.options=$t;A.className=Le;A.defaultOptions=je;var tt=require("react/jsx-runtime"),et="k-wizard-steps",Ut=[],Vt={},qt={},B=e=>(0,tt.jsx)("div",{...e,className:n(e.className,et),children:e.children});B.states=Ut;B.options=Vt;B.className=et;B.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:n(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:n(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"),_="k-step",Yt=[f.disabled,f.hover,f.focus,f.invalid,f.valid],jt={},eo={},p=e=>{let{style:t,disabled:o,hover:a,focus:r,invalid:i,valid:c,optional:m,first:y,done:z,current:b,last:W,label:S,text:H,icon:U,stepContent:D,wizardContext:k,ariaControls:K,...Y}=e,xe=i?"warning-circle":"check-circle",he=!!(c||i),Se=S||(H?`Step ${H}`:U?"Step":void 0);return(0,N.jsxs)("li",{...Y,style:t,className:n(e.className,_,{[`${_}-done`]:z,[`${_}-first`]:y,[`${_}-current`]:b,[`${_}-last`]:W,[`${_}-optional`]:m,[`${_}-success`]:c,[`${_}-error`]:i},T(_,{hover:a,focus:r,disabled:o})),...k&&{role:"none"},children:[(0,N.jsxs)("a",{href:"#",className:"k-step-link",...k&&{role:"tab"},...K&&{"aria-controls":K},...b&&{"aria-current":k?"true":"step"},...b&&k&&{"aria-selected":"true"},...o&&{"aria-disabled":"true"},tabIndex:r||b?0:-1,"aria-label":Se,children:[H&&!U&&(0,N.jsx)("span",{className:"k-step-indicator",children:(0,N.jsx)("span",{className:"k-step-indicator-text",children:H})}),U&&(0,N.jsx)("span",{className:"k-step-indicator",children:(0,N.jsx)(E,{className:"k-step-indicator-icon",icon:U})}),m&&!S&&(0,N.jsx)("span",{className:"k-step-label",children:(0,N.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})}),S&&(0,N.jsxs)("span",{className:"k-step-label",children:[(0,N.jsx)("span",{className:"k-step-text",children:S}),he&&(0,N.jsx)(E,{icon:xe}),m&&(0,N.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})]})]}),D&&(0,N.jsx)("div",{className:"k-step-content",style:{height:"140px"},children:D})]})};p.options=jt;p.states=Yt;p.className=_;p.defaultOptions=eo;var le="progressbar",ue=le;var V=require("react/jsx-runtime"),O="k-progressbar",to=[f.disabled,f.indeterminate],oo={orientation:["horizontal","vertical"]},X={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},M=e=>{let{disabled:t,height:o,indeterminate:a=X.indeterminate,label:r=X.label,labelPosition:i=X.labelPosition,orientation:c=X.orientation,reverse:m=X.reverse,value:y=X.value,width:z,style:b,ariaLabel:W,...S}=e;return(0,V.jsxs)("div",{...S,className:n(e.className,O,T(O,{disabled:t}),{[`${O}-${c}`]:c,[`${O}-indeterminate`]:a,[`${O}-reverse`]:m}),style:{...b,"--kendo-progressbar-value":y,[c==="horizontal"?"height":"width"]:c==="horizontal"?o:z},role:"progressbar","aria-label":W||"progress","aria-valuenow":a?void 0:Number(y),"aria-valuemin":0,"aria-valuemax":100,children:[(0,V.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:r&&(0,V.jsxs)("span",{className:"k-progress-status",children:[y,"%"]})}),!a&&(0,V.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,V.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:r&&(0,V.jsxs)("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};M.states=to;M.options=oo;M.className=O;M.defaultOptions=X;M.moduleName=le;M.folderName=ue;M.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=M;var be=require("react/jsx-runtime"),lt="k-chunk-progressbar",ro=(e,t)=>t<=e-1,ao=[f.disabled,f.indeterminate],so={},fe={chunkCount:5,orientation:"horizontal",progress:0},Q=e=>{let{disabled:t,chunkCount:o=fe.chunkCount,indeterminate:a,orientation:r=fe.orientation,progress:i=fe.progress,reverse:c,ariaLabel:m,...y}=e;return(0,be.jsx)("div",{...y,className:n(e.className,O,lt,T(O,{disabled:t}),{[`${O}-${r}`]:r,[`${O}-indeterminate`]:a,[`${O}-reverse`]:c}),role:"progressbar","aria-label":m||"progress","aria-valuenow":a?void 0:i,"aria-valuemin":0,"aria-valuemax":o,children:(0,be.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((z,b)=>(0,be.jsx)("li",{className:n("k-progressbar-chunk",{"k-first":b===0,"k-last":b===[...Array(o)].length-1,"k-selected":ro(i,b)})},b))})})};Q.states=ao;Q.options=so;Q.className=lt;Q.defaultOptions=fe;Q.moduleName=le;Q.folderName=ue;Q.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 F=require("react/jsx-runtime"),io=M.options,lo=M.states,dt={...M.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=[],ee=e=>{let{variant:t,modifiers:o,...a}={...dt,...e},r={},i={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,i.style=o!=null&&o[c]?void 0:{width:"324px"};break}}),t){case"end":return(0,F.jsx)("div",{...i,children:(0,F.jsx)(x,{...a,...r,labelPosition:"end",value:"50"})});case"center":return(0,F.jsx)("div",{...i,children:(0,F.jsx)(x,{...a,...r,labelPosition:"center",value:"50"})});case"empty":return(0,F.jsx)("div",{...i,children:(0,F.jsx)(x,{...a,...r,label:!1,value:"50"})});default:return(0,F.jsx)("div",{...i,children:(0,F.jsx)(x,{...a,...r,labelPosition:"start",value:"50"})})}};ee.options=io;ee.states=lo;ee.variants=po;ee.defaultOptions=dt;ee.modifiers=co;ee.className=M.className;var Be=require("react/jsx-runtime");var Me=require("react/jsx-runtime");var Te=require("react/jsx-runtime");var C=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"}],te=e=>{let{variant:t,modifiers:o,...a}={...ct,...e},r={};return Object.keys(o||{}).forEach(i=>{switch(i){case"label":{r.label=o!=null&&o[i]?"Label":void 0;break}case"optional":{r.optional=!!(o!=null&&o[i]);break}}}),t==="vertical"?(0,C.jsxs)(u,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},...a,children:[(0,C.jsxs)(h,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,C.jsx)(p,{first:!0,done:!0,icon:"check",label:r.label,style:{maxHeight:"33.333%"}}),(0,C.jsx)(p,{current:!0,focus:!0,text:"2",label:r.label,style:{maxHeight:"33.333%"}}),(0,C.jsx)(p,{last:!0,optional:r.optional,text:"3",label:r.label,style:{maxHeight:"33.333%"}})]}),(0,C.jsx)(x,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}):(0,C.jsxs)(u,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},...a,children:[(0,C.jsxs)(h,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,C.jsx)(p,{first:!0,done:!0,icon:"check",label:r.label,style:{maxWidth:"33.333%"}}),(0,C.jsx)(p,{current:!0,focus:!0,text:"2",label:r.label,style:{maxWidth:"33.333%"}}),(0,C.jsx)(p,{last:!0,optional:r.optional,text:"3",label:r.label,style:{maxWidth:"33.333%"}})]}),(0,C.jsx)(x,{className:"k-col-start-2 k-col-end-6",style:{width:"400px"},label:!1,value:"50"})]})};te.options=mo;te.states=uo;te.variants=fo;te.defaultOptions=ct;te.modifiers=bo;te.className=u.className;var w=require("react/jsx-runtime"),mt=({...e})=>(0,w.jsx)(v,{id:"wizard",children:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(u,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,w.jsxs)(h,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,w.jsx)(p,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,w.jsx)(p,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,w.jsx)(p,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),(0,w.jsx)(x,{label:!1,value:"50","aria-hidden":"true"})]}),(0,w.jsx)(B,{children:(0,w.jsx)(A,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});var Oe=require("react/jsx-runtime");var d=require("react/jsx-runtime"),go=v.options,xo=v.states,ho={...v.defaultOptions,variant:"bottom"},So=[{name:"bottom",title:"Content Bottom"},{name:"right",title:"Content Right"},{name:"left",title:"Content Left"}],ko=[],oe=e=>{let{variant:t,...o}=e;switch(t){case"right":return(0,d.jsxs)(ge,{...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)(p,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),(0,d.jsx)(p,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),(0,d.jsx)(p,{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)(B,{children:(0,d.jsx)(A,{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)(ge,{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)(p,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),(0,d.jsx)(p,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),(0,d.jsx)(p,{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)(B,{children:(0,d.jsx)(A,{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)(p,{first:!0,done:!0,icon:"check",label:"Step 1",style:{maxWidth:"33.333%"}}),(0,d.jsx)(p,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxWidth:"33.333%"}}),(0,d.jsx)(p,{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)(B,{children:(0,d.jsx)(A,{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."})})]})}};oe.options=go;oe.states=xo;oe.variants=So;oe.defaultOptions=ho;oe.modifiers=ko;oe.className=v.className;var P=require("react/jsx-runtime"),ge=({...e})=>(0,P.jsx)(v,{id:"wizard",orientation:"vertical",children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)(u,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,P.jsxs)(h,{wizardContext:!0,orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,P.jsx)(p,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"},wizardContext:!0}),(0,P.jsx)(p,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"},wizardContext:!0}),(0,P.jsx)(p,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"},wizardContext:!0})]}),(0,P.jsx)(x,{orientation:"vertical",reverse:!0,label:!1,value:"50","aria-hidden":"true"})]}),(0,P.jsx)(B,{children:(0,P.jsx)(A,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});