@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})},Ke=(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)):{},Ke(t||!e||!e.__esModule?pe(o,"default",{value:e,enumerable:!0}):o,e)),yt=e=>Ke(pe({},"__esModule",{value:!0}),e);var vo={};kt(vo,{WizardNormal:()=>We});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 Ie(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 Se="wizard",_e=Se;var He=require("react/jsx-runtime"),re="k-wizard",Nt=[f.disabled],zt={},ke={orientation:"horizontal",contentPosition:"right"},v=e=>{let{disabled:t,orientation:o=ke.orientation,contentPosition:a=ke.contentPosition,...r}=e;return(0,He.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=ke;v.moduleName=Se;v.folderName=_e;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"),ve="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,ve,q(ve,{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=ve;se.defaultOptions=Pt;var De=se;var J=require("react/jsx-runtime"),ye="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]},Ne={viewBox:"0 0 24 24",variant:I.outline},ne=e=>{var W,S;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:i=Ne.viewBox,variant:c=Ne.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,ye,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,ye,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=ye;ne.defaultOptions=Ne;var ze=ne;var Ce=vt(require("@progress/kendo-svg-icons"));var $e="icon",Fe="icons";var qe=require("react");var Ue=require("react"),Ve=(0,Ue.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,qe.useContext)(Ve),{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)(ze,{...b,className:n(e.className,de),icon:r,size:o,variant:z});let S=Ce[r]?r:Rt(`${r}-icon`);return Ce[S]?(0,$.jsx)(ze,{...b,className:n(e.className,de),icon:Ce[S],size:o,themeColor:a,rotate:c,flip:m,viewBox:y,variant:z}):(0,$.jsx)($.Fragment,{})}return(0,$.jsx)(De,{...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=$e;E.folderName=Fe;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 we="button",Ge=we;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]},Pe={showArrow:!1,arrowIconName:"chevron-down"},g=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:i,showArrow:c=Pe.showArrow,arrowIconName:m=Pe.arrowIconName,variant:y,hover:z,focus:b,active:W,selected:S,disabled:H,togglable:U,ariaDisabled:D,icon:k,iconSize:K,text:Y,iconClassName:ge,className:xe,...he}=e,ut=k!=null,ft=e.children!==void 0;return(0,L.jsxs)(t,{className:n(xe,ie,Ie(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,...he,"aria-disabled":D?"true":void 0,disabled:H||void 0,children:[typeof k=="string"&&k&&(0,L.jsx)(E,{className:n(ge,"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=Pe;g.moduleName=we;g.folderName=Ge;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 Je=require("react/jsx-runtime"),Ze=e=>(0,Je.jsx)(g,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Qe=require("react/jsx-runtime"),Xe=e=>(0,Qe.jsx)(g,{icon:"folder",children:"Button",...e});var je=require("react/jsx-runtime"),Ye=e=>(0,je.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)(Ze,{...o,icon:"star"});case"icon-and-text":return(0,me.jsx)(Xe,{...o,icon:"star",children:"Button"});default:return(0,me.jsx)(Ye,{...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"),Ee="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"})]})]}),et={buttons:Ft},A=e=>{let{focus:t,buttons:o=et.buttons,stepLabel:a,...r}=e;return(0,R.jsxs)("div",{...r,className:n(e.className,Ee,T(Ee,{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=Ee;A.defaultOptions=et;var ot=require("react/jsx-runtime"),tt="k-wizard-steps",Ut=[],Vt={},qt={},B=e=>(0,ot.jsx)("div",{...e,className:n(e.className,tt),children:e.children});B.states=Ut;B.options=Vt;B.className=tt;B.defaultOptions=qt;var Le="stepper",rt=Le;var st=require("react/jsx-runtime"),at="k-stepper",Gt=[],Zt={},Jt={},u=e=>{let{style:t,...o}=e;return(0,st.jsx)("nav",{...o,style:t,className:n(e.className,at),"aria-label":"Stepper",children:e.children})};u.options=Zt;u.states=Gt;u.className=at;u.defaultOptions=Jt;u.moduleName=Le;u.folderName=rt;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 it=require("react/jsx-runtime"),Re="k-step-list",Xt=[],Qt={},nt={orientation:"horizontal"},h=e=>{let{style:t,orientation:o=nt.orientation,wizardContext:a,...r}=e;return(0,it.jsx)("ol",{...r,style:t,className:n(e.className,Re,{[`${Re}-${o}`]:o}),...a&&{role:"tablist"},children:e.children})};h.options=Qt;h.states=Xt;h.className=Re;h.defaultOptions=nt;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,ge=i?"warning-circle":"check-circle",xe=!!(c||i),he=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":he,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}),xe&&(0,N.jsx)(E,{icon:ge}),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 lt=M;var be=require("react/jsx-runtime"),pt="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,pt,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=pt;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 dt=require("react/jsx-runtime"),x=e=>(0,dt.jsx)(lt,{...e});var no=require("react/jsx-runtime");var F=require("react/jsx-runtime"),io=M.options,lo=M.states,ct={...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}={...ct,...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=ct;ee.modifiers=co;ee.className=M.className;var Ae=require("react/jsx-runtime");var Be=require("react/jsx-runtime");var Me=require("react/jsx-runtime");var C=require("react/jsx-runtime"),mo=u.options,uo=u.states,mt={...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}={...mt,...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=mt;te.modifiers=bo;te.className=u.className;var w=require("react/jsx-runtime"),Te=({...e})=>(0,w.jsx)(v,{id:"wizard",orientation:"vertical",children:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(u,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,w.jsxs)(h,{wizardContext:!0,orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,w.jsx)(p,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"},wizardContext:!0}),(0,w.jsx)(p,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"},wizardContext:!0}),(0,w.jsx)(p,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"},wizardContext:!0})]}),(0,w.jsx)(x,{orientation:"vertical",reverse:!0,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)(Te,{...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)(Te,{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)(We,{...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"),We=({...e})=>(0,P.jsx)(v,{id:"wizard",children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)(u,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,P.jsxs)(h,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,P.jsx)(p,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,P.jsx)(p,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,P.jsx)(p,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),(0,P.jsx)(x,{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});