@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 67.2 kB
JavaScript
var r=(...a)=>a.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,l)=>t[l]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var _=(a,t)=>r({[`${a}-xs`]:t.size==="xsmall",[`${a}-sm`]:t.size==="small",[`${a}-md`]:t.size==="medium",[`${a}-lg`]:t.size==="large",[`${a}-xl`]:t.size==="xlarge",[`${a}-xxl`]:t.size==="xxlarge",[`${a}-xxxl`]:t.size==="xxxlarge"},{[`${a}-${t.fillMode}`]:t.fillMode},{[`${a}-${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"}),j=(a,t)=>{let{valid:o,invalid:l,hover:n,focus:d,checked:u,active:m,selected:x,disabled:C,indeterminate:y,loading:w,empty:A,readonly:J,highlighted:Z,...K}=t;return r({"k-valid":o,"k-invalid":l,"k-hover":n,"k-focus":d,"k-checked":u,"k-active":m,"k-selected":x,"k-disabled":C,"k-indeterminate":y&&!u,"k-loading":w,"k-empty":A,"k-readonly":J,"k-highlighted":Z},Object.keys(K).reduce((D,z)=>(z.startsWith("k-")?D[z]=K[z]:D[`k-${z}`]=K[z],D),{}))};function Fa(a,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},b={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},pe={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},p={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 Gt={};function we(a){return Gt[a]=(Gt[a]||0)+1,`k-${a}-${Gt[a]}`}var lt="input",wt=lt;import{jsx as Rn}from"react/jsx-runtime";var gt="k-input",En=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Sn={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},In={},V=a=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:d,loading:u,readonly:m,size:x,rounded:C,fillMode:y,...w}=a;return Rn("span",{...w,className:r(a.className,gt,_(gt,{size:x,rounded:C,fillMode:y}),j(gt,{hover:t,focus:o,disabled:l,invalid:n,valid:d,loading:u,readonly:m}))})};V.states=En;V.options=Sn;V.className=gt;V.defaultOptions=In;V.moduleName=lt;V.folderName=wt;import{jsx as Dn}from"react/jsx-runtime";var vt="k-picker",Ln=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Mn={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},On={},He=a=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:d,loading:u,readonly:m,size:x,rounded:C,fillMode:y,...w}=a;return Dn("span",{...w,className:r(a.className,vt,_(vt,{size:x,rounded:C,fillMode:y}),j(vt,{hover:t,focus:o,disabled:l,invalid:n,valid:d,loading:u,readonly:m})),children:a.children})};He.states=Ln;He.options=Mn;He.className=vt;He.defaultOptions=On;He.moduleName=lt;He.folderName=wt;import{Fragment as Hn,jsx as Ba}from"react/jsx-runtime";var qt="k-font-icon",_n=[],Pn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info]},Kn={},rt=a=>{let{size:t,themeColor:o,icon:l,rotate:n,flip:d,...u}=a;return l?Ba("span",{...u,className:r(a.className,qt,_(qt,{size:t}),{[`k-i-${l}`]:l,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):Ba(Hn,{})};rt.states=_n;rt.options=Pn;rt.className=qt;rt.defaultOptions=Kn;var Ua=rt;import{Fragment as Fn,jsx as At}from"react/jsx-runtime";var Yt="k-svg-icon",zn=[],Vn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[pe.outline,pe.solid,pe.duotone]},Qt={viewBox:"0 0 24 24",variant:pe.outline},it=a=>{let{size:t,themeColor:o,rotate:l,flip:n,viewBox:d=Qt.viewBox,variant:u=Qt.variant,icon:m,...x}=a;if(!m)return At(Fn,{});if(m==="none")return At("span",{...x,className:r(a.className,Yt,_("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let C=typeof m=="object"&&m.name&&m.name,y=typeof m=="object"?u&&m.variants?.[u]||m.variants?.outline||m.content:void 0;return At("span",{...x,className:r(a.className,Yt,_("k-icon",{size:t}),{[`k-svg-i-${C}`]:C,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:At("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:d,dangerouslySetInnerHTML:y!==void 0?{__html:y}:void 0,children:m?void 0:a.children})})};it.states=zn;it.options=Vn;it.className=Yt;it.defaultOptions=Qt;var Zt=it;import*as jt from"@progress/kendo-svg-icons";var Wa="icon",$a="icons";import{useContext as Un}from"react";import{createContext as Bn}from"react";var Ja=Bn({iconsType:"svg"});import{Fragment as Xa,jsx as st}from"react/jsx-runtime";var Et="k-icon",Wn=a=>a.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),$n=[],Jn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info],variant:[pe.outline,pe.solid,pe.duotone]},St={viewBox:"0 0 24 24",type:"svg",variant:pe.outline},E=a=>{let{iconsType:t}=Un(Ja),{size:o,themeColor:l,icon:n,type:d=t||St.type,rotate:u,flip:m,viewBox:x=St.viewBox,variant:C=St.variant,...y}=a;if(!n)return st(Xa,{});if((t||d)==="svg"){if(n==="none")return st(Zt,{...y,className:r(a.className,Et),icon:n,size:o,variant:C});let A=jt[n]?n:Wn(`${n}-icon`);return jt[A]?st(Zt,{...y,className:r(a.className,Et),icon:jt[A],size:o,themeColor:l,rotate:u,flip:m,viewBox:x,variant:C}):st(Xa,{})}return st(Ua,{...y,className:r(a.className,Et),icon:n,size:o,themeColor:l,rotate:u,flip:m})};E.states=$n;E.options=Jn;E.defaultOptions=St;E.className=Et;E.moduleName=Wa;E.folderName=$a;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."}]};import{Fragment as qn,jsx as ea}from"react/jsx-runtime";var Ga="k-clear-value",Xn=[p.disabled,p.loading,p.readonly],Gn={},re=a=>{let{disabled:t,loading:o,readonly:l,value:n}=a;return t||l||o||!n?ea(qn,{}):ea("span",{className:r(a.className,Ga),children:ea(E,{icon:"x"})})};re.states=Xn;re.options=Gn;re.className=Ga;import{jsx as Zn}from"react/jsx-runtime";var ta="k-input-inner",Yn=[],Qn={},It={type:"text",autocomplete:"off",value:"",placeholder:""},ie=a=>{let{value:t=It.value,type:o=It.type,placeholder:l=It.placeholder,autocomplete:n=It.autocomplete,disabled:d,readOnly:u,...m}=a;return Zn("input",{...m,type:o,className:r(a.className,ta,_(ta,a)),placeholder:l,autoComplete:n,defaultValue:t,disabled:d||void 0,readOnly:u||void 0})};ie.states=Yn;ie.options=Qn;ie.className=ta;import{jsx as qa,jsxs as tl}from"react/jsx-runtime";var aa="k-input-inner",jn=[],el={},oa=a=>{let{value:t,placeholder:o,showValue:l,valueIcon:n,valueIconName:d,...u}=a;return tl("span",{...u,className:r(a.className,aa,_(aa,a)),children:[n,!n&&d&&qa(E,{className:"k-input-value-icon",icon:d}),l&&!t&&o,l&&t&&qa("span",{className:"k-input-value-text",children:t})]})};oa.states=jn;oa.options=el;oa.className=aa;import{jsx as nl}from"react/jsx-runtime";var na="k-input-inner",al=[],ol={},Ya={value:"",placeholder:""},la=a=>{let{value:t=Ya.value,placeholder:o=Ya.placeholder,rows:l,disabled:n,...d}=a;return nl("textarea",{...d,className:r(a.className,na,_(na,a)),placeholder:o,rows:l,defaultValue:t,disabled:n||void 0})};la.states=al;la.options=ol;la.className=na;import{Fragment as rl,jsx as Qa}from"react/jsx-runtime";var Za="k-input-loading-icon",ll=[p.disabled,p.loading],me=a=>{let{disabled:t,loading:o}=a;return t||!o?Qa(rl,{}):Qa("span",{className:r(a.className,Za,"k-icon k-i-loading")})};me.states=ll;me.className=Za;import{Fragment as dl,jsx as ja}from"react/jsx-runtime";var eo="k-input-validation-icon",il=[p.valid,p.invalid,p.disabled,p.loading],sl={},se=a=>{let{valid:t,invalid:o,disabled:l,loading:n}=a,d=o?"warning-circle":"check-circle";return l||n||!!!(t||o)?ja(dl,{}):ja(E,{className:r(eo),icon:d})};se.states=il;se.options=sl;se.className=eo;import{Fragment as ml,jsx as to}from"react/jsx-runtime";var cl="k-input-prefix",pl={direction:"horizontal"},Rt=a=>{let{direction:t=pl.direction,...o}=a;return a.children?to("span",{...o,className:r(cl,a.className,{[`k-input-prefix-${t}`]:t}),children:a.children}):to(ml,{})};import{Fragment as Cl,jsx as ao}from"react/jsx-runtime";var ul="k-input-suffix",xl={direction:"horizontal"},Lt=a=>{let{direction:t=xl.direction,...o}=a;return a.children?ao("span",{...o,className:r(ul,a.className,{[`k-input-suffix-${t}`]:t}),children:a.children}):ao(Cl,{})};import{jsx as xd}from"react/jsx-runtime";import{jsx as Nd}from"react/jsx-runtime";import{jsx as bl}from"react/jsx-runtime";var oo="k-input-separator",fl={direction:"vertical"},ze=a=>{let{direction:t=fl.direction,...o}=a;return bl("span",{...o,className:r(oo,a.className,{[`${oo}-${t}`]:t})})};var ra="button",no=ra;import{Fragment as lo,jsx as Ve,jsxs as ro}from"react/jsx-runtime";var dt="k-button",Nl=["icon-button"],yl=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],Tl={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.inverse]},ia={showArrow:!1,arrowIconName:"chevron-down"},T=a=>{let{as:t="button",size:o,rounded:l,fillMode:n,themeColor:d,showArrow:u=ia.showArrow,arrowIconName:m=ia.arrowIconName,variant:x,hover:C,focus:y,active:w,selected:A,disabled:J,togglable:Z,ariaDisabled:K,icon:D,iconSize:z,text:te,iconClassName:be,className:Me,...nt}=a,Ke=D!=null,Xt=a.children!==void 0;return ro(t,{className:r(Me,dt,Fa(dt,x),_(dt,{size:o,rounded:l,fillMode:n,themeColor:d}),j(dt,{hover:C,focus:y,active:w,disabled:J||K,selected:A}),{"k-icon-button":!te&&!Xt&&Ke}),"aria-pressed":Z?A?"true":"false":void 0,...nt,"aria-disabled":K?"true":void 0,disabled:J||void 0,children:[typeof D=="string"&&D&&Ve(E,{className:r(be,"k-button-icon"),icon:D,size:z}),D&&typeof D!="string"&&Ve(lo,{children:D}),te?ro(lo,{children:[te&&Ve("span",{className:"k-button-text",children:te}),a.children]}):a.children&&Ve("span",{className:"k-button-text",children:a.children}),u&&Ve("span",{className:"k-menu-button-arrow k-button-arrow",children:Ve(E,{icon:m})})]})};T.states=yl;T.options=Tl;T.variants=Nl;T.className=dt;T.defaultOptions=ia;T.moduleName=ra;T.folderName=no;T.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."}]};import{jsx as kl}from"react/jsx-runtime";var Oe=a=>kl(T,{children:"Button",...a});import{Fragment as io,jsx as ue,jsxs as sa}from"react/jsx-runtime";var hl=V.states,wl=V.defaultOptions,gl=V.options,vl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Al=[],Fe=a=>{let{modifiers:t,valid:o,invalid:l,loading:n,disabled:d,readonly:u,...m}=a,x=t?.prefix,C=t?.suffix,y=t?.["clear-button"],w=t?.["validation-icon"],A=t?.separators;return sa(V,{...m,valid:o,invalid:l,loading:n,disabled:d,readonly:u,style:{width:300},children:[x&&sa(io,{children:[ue(Rt,{children:ue(E,{icon:"lock"})}),A&&ue(ze,{})]}),ue(ie,{placeholder:"Placeholder",value:"Value"}),w&&ue(se,{valid:o,invalid:l,loading:n,disabled:d}),ue(me,{loading:n,disabled:d}),y&&ue(re,{loading:n,disabled:d,readonly:u,value:"Value"}),C&&sa(io,{children:[A&&ue(ze,{}),ue(Lt,{children:ue(Oe,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Fe.options=gl;Fe.states=hl;Fe.variants=Al;Fe.defaultOptions=wl;Fe.modifiers=vl;Fe.className=V.className;import{jsx as El}from"react/jsx-runtime";var so=a=>El(T,{icon:"folder",...a,"aria-label":a["aria-label"]||"Folder",children:void 0});import{jsx as Sl}from"react/jsx-runtime";var co=a=>Sl(T,{icon:"folder",children:"Button",...a});import{jsx as da}from"react/jsx-runtime";var Il=T.options,Rl=T.states,Ll={...T.defaultOptions,variant:"text"},Ml=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ol=[],Be=a=>{let{variant:t,...o}=a;switch(t){case"icon-only":return da(so,{...o,icon:"star"});case"icon-and-text":return da(co,{...o,icon:"star",children:"Button"});default:return da(Oe,{...o,children:"Button"})}};Be.options=Il;Be.states=Rl;Be.variants=Ml;Be.defaultOptions=Ll;Be.modifiers=Ol;Be.className=T.className;import{jsx as po,jsxs as Hl}from"react/jsx-runtime";var mo="k-spin-button",Pl=[],Kl={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},ca={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ge=a=>{let{size:t,fillMode:o,disabled:l,increaseLabel:n=ca.increaseLabel,decreaseLabel:d=ca.decreaseLabel,...u}=a;return Hl("span",{...u,className:r(mo,a.className),children:[po(T,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:l,"aria-label":n}),po(T,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:l,"aria-label":d})]})};ge.states=Pl;ge.options=Kl;ge.className=mo;ge.defaultOptions=ca;ge.moduleName=null;ge.folderName=null;var uo="date-input",xo="dateinput";import{jsx as ct,jsxs as Bl}from"react/jsx-runtime";var Co="k-dateinput",zl=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Vl={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Fl={},X=a=>{let{size:t,rounded:o,fillMode:l,value:n,placeholder:d,hover:u,focus:m,valid:x,invalid:C,required:y,loading:w,disabled:A,readonly:J,showClearButton:Z,showSpinButton:K,id:D,"aria-label":z,"aria-describedby":te,...be}=a;return Bl(V,{...be,size:t,rounded:o,fillMode:l,hover:u,focus:m,valid:x,invalid:C,required:y,loading:w,disabled:A,readonly:J,className:r(a.className,Co),children:[ct(ie,{id:D,placeholder:d,value:n,disabled:A,"aria-label":z,"aria-describedby":te,"aria-invalid":C?"true":void 0}),ct(se,{valid:x,invalid:C,loading:w,disabled:A}),ct(me,{loading:w,disabled:A}),Z&&ct(re,{loading:w,disabled:A,readonly:J,value:n}),K&&ct(ge,{className:"k-input-spinner",size:t,fillMode:l,disabled:A})]})};X.states=zl;X.options=Vl;X.className=Co;X.defaultOptions=Fl;X.moduleName=uo;X.folderName=xo;X.ariaSpec={selector:".k-dateinput",rules:[{selector:".k-dateinput > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:'The element should be an input or have role="textbox".'},{selector:".k-dateinput > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-dateinput > .k-input-inner",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the DateInput is in an invalid state."},{selector:".k-dateinput > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-dateinput > .k-input-inner",attribute:"readonly=readonly or aria-readonly=true (when readonly)",usage:"Rendered when the DateInput is readonly."},{selector:".k-dateinput.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the DateInput is disabled."}]};var pa=X;import{jsx as Ul}from"react/jsx-runtime";var fo=a=>Ul(pa,{...a});import{jsx as Jc}from"react/jsx-runtime";import{jsx as ql}from"react/jsx-runtime";var Wl=X.options,$l=X.states,Jl=X.defaultOptions,Xl=[{name:"spin-button",title:"`Spin` Button"}],Gl=[],Ue=a=>{let{modifiers:t,...o}=a,l={};return Object.keys(t||{}).forEach(n=>{n==="spin-button"&&(l.showSpinButton=!!t?.[n])}),ql(fo,{value:"2/04/2021",style:{width:"300px"},...o,...l})};Ue.options=Wl;Ue.states=$l;Ue.variants=Gl;Ue.defaultOptions=Jl;Ue.modifiers=Xl;Ue.className=X.className;var ma="floating-label",bo=ma;import{jsx as jl,jsxs as No}from"react/jsx-runtime";var ua="k-floating-label-container",Yl=[p.hover,p.focus,p.valid,p.invalid,p.empty,p.disabled],Ql={},Zl={},Y=a=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:d,empty:u,label:m,optional:x,...C}=a;return No("span",{...C,className:r(a.className,ua,j(ua,{hover:t,focus:o,disabled:l,empty:u,valid:d,invalid:n})),children:[a.children,m&&No("label",{className:"k-floating-label",children:[m,x&&jl("span",{className:"k-label-optional",children:"(Optional)"})]})]})};Y.states=Yl;Y.options=Ql;Y.className=ua;Y.defaultOptions=Zl;Y.moduleName=ma;Y.folderName=bo;var xa="textbox",yo=xa;import{Fragment as To,jsx as ve,jsxs as Ca}from"react/jsx-runtime";var ko="k-textbox",er=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],tr={size:[s.undefined,s.small,s.medium,s.large],rounded:[b.undefined,b.none,b.small,b.medium,b.large,b.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Mt={showClearButton:!0,showValidationIcon:!0,separators:!0},B=a=>{let{size:t,rounded:o,fillMode:l,separators:n=Mt.separators,showClearButton:d=Mt.showClearButton,showValidationIcon:u=Mt.showValidationIcon,prefix:m,suffix:x,type:C,value:y,placeholder:w,hover:A,focus:J,valid:Z,invalid:K,required:D,loading:z,disabled:te,readonly:be,id:Me,"aria-label":nt,"aria-describedby":Ke,...Xt}=a;return Ca(V,{...Xt,size:t,rounded:o,fillMode:l,hover:A,focus:J,valid:Z,invalid:K,required:D,loading:z,disabled:te,readonly:be,className:r(a.className,ko),children:[m&&Ca(To,{children:[ve(Rt,{children:m}),n&&ve(ze,{})]}),ve(ie,{id:Me,placeholder:w,value:y,type:C,disabled:te,"aria-label":nt,"aria-describedby":Ke,"aria-invalid":K?"true":void 0}),u&&ve(se,{valid:Z,invalid:K,loading:z,disabled:te}),ve(me,{loading:z,disabled:te}),d&&ve(re,{loading:z,disabled:te,readonly:be,value:y}),x&&Ca(To,{children:[n&&ve(ze,{}),ve(Lt,{children:x})]})]})};B.states=er;B.options=tr;B.className=ko;B.defaultOptions=Mt;B.moduleName=xa;B.folderName=yo;B.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var pt=B;import{jsx as ar}from"react/jsx-runtime";var Ot=a=>ar(pt,{...a});import{Fragment as hp,jsx as kp}from"react/jsx-runtime";import{Fragment as Sp,jsx as Ep}from"react/jsx-runtime";import{jsx as Mp}from"react/jsx-runtime";import{jsx as fa}from"react/jsx-runtime";var or=B.states,nr=B.defaultOptions,lr=B.options,rr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ir=[],We=a=>{let{modifiers:t,...o}=a,l={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":l.prefix=t?.[n]?fa(E,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t?.[n]?fa(Oe,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":l.showClearButton=t?.[n];break;default:break}}),fa(Ot,{value:"Value",style:{width:300},...o,...l})};We.options=lr;We.states=or;We.variants=ir;We.defaultOptions=nr;We.modifiers=rr;We.className=B.className;import{jsx as Qp}from"react/jsx-runtime";import{jsx as am}from"react/jsx-runtime";import{jsx as ho}from"react/jsx-runtime";var dr=Y.options,cr=[],pr=Y.states,mr=Y.defaultOptions,ur=[],$e=a=>ho(Y,{label:"Floating Label",empty:!0,...a,children:ho(Ot,{style:{width:"300px"},...a})});$e.options=dr;$e.states=pr;$e.variants=cr;$e.defaultOptions=mr;$e.modifiers=ur;$e.className=Y.className;import{jsx as xr}from"react/jsx-runtime";var wo="k-calendar-view",ba={orientation:"horizontal",calendarView:"month"},Dt=a=>{let{orientation:t=ba.orientation,calendarView:o=ba.calendarView,gridRole:l,ariaLabelledBy:n,...d}=a;return xr("div",{...d,className:r(a.className,wo,`k-calendar-${o}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),...l?{role:"grid","aria-labelledby":n,tabIndex:0}:{},children:a.children})};Dt.className=wo;Dt.defaultOptions=ba;import{jsx as mt,jsxs as go}from"react/jsx-runtime";var vo="k-calendar-header",Cr={size:[s.undefined,s.small,s.medium,s.large]},ut={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},De=a=>{let{calendarTitleText:t=ut.calendarTitleText,showToday:o=ut.showToday,showNavigationButtons:l=ut.showNavigationButtons,orientation:n=ut.orientation,size:d,calendarView:u,dir:m,titleId:x,...C}=a,y=m==="rtl"?"chevron-right":"chevron-left",w=m==="rtl"?"chevron-left":"chevron-right",A=x||we("calendar-title");return go("div",{...C,className:r(a.className,vo,{"k-vstack":n==="vertical"}),children:[mt(T,{disabled:u==="century",className:"k-calendar-title",text:t,size:d,fillMode:"flat",themeColor:"primary",id:A,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...u==="century"?{"aria-disabled":"true"}:{}}),mt("span",{className:"k-spacer"}),go("span",{className:"k-calendar-nav",children:[l&&mt(T,{className:"k-calendar-nav-prev",icon:y,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&mt(T,{size:d,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&mt(T,{className:"k-calendar-nav-next",icon:w,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};De.options=Cr;De.className=vo;De.defaultOptions=ut;import{jsx as Ao}from"react/jsx-runtime";var Eo="k-calendar-footer",fr={size:[s.undefined,s.small,s.medium,s.large]},So={calendarFooterText:"Tuesday, October 12, 2021"},xt=a=>{let{size:t,calendarFooterText:o=So.calendarFooterText,...l}=a;return Ao("div",{...l,className:r(a.className,Eo),children:Ao(T,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};xt.options=fr;xt.className=Eo;xt.defaultOptions=So;var U="calendar",G=U;import{jsx as Na,jsxs as yr}from"react/jsx-runtime";var ya="k-calendar",br=[],Nr={size:[s.undefined,s.small,s.medium,s.large]},Ct={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},L=a=>{let{size:t,orientation:o=Ct.orientation,calendarView:l=Ct.calendarView,calendarTitleText:n=Ct.calendarTitleText,showCalendarHeader:d=Ct.showCalendarHeader,showWeek:u,showCalendarFooter:m,calendarFooterText:x,dir:C,...y}=a,w=we("calendar-title");return yr("div",{...y,dir:C,className:r(a.className,ya,_(ya,{size:t}),{"k-week-number":u}),children:[d&&Na(De,{calendarView:l,showToday:!m,calendarTitleText:n,orientation:o,size:t,dir:C,titleId:w}),Na(Dt,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:w,children:a.children}),m&&Na(xt,{calendarFooterText:x,size:t})]})};L.states=br;L.options=Nr;L.className=ya;L.defaultOptions=Ct;L.moduleName=U;L.folderName=G;L.ariaSpec={selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range)",rules:[{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"role=grid",usage:"Specifies the role of the Calendar view container."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"aria-labelledby",usage:"Pointing to the current view label (e.g. March 2022 or 2020-2029)."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-view",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar:not(.k-calendar-infinite):not(.k-calendar-range) .k-calendar-table",attribute:"role=none",usage:"Inner table has role removed \u2014 content belongs to the grid on the view."},{selector:".k-calendar-thead",attribute:"role=rowgroup",usage:"Groups header rows."},{selector:".k-calendar-tbody",attribute:"role=rowgroup",usage:"Groups body rows."},{selector:".k-calendar-tr",attribute:"role=row",usage:"Each row in the calendar table."},{selector:".k-calendar-thead .k-calendar-th",attribute:"role=columnheader",usage:"Column header for day names."},{selector:".k-calendar-thead .k-calendar-th",attribute:"scope=col",usage:"Specifies the header applies to a column."},{selector:".k-calendar-thead .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Indicates the selected date."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Indicates a disabled date."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"tabindex=-1",usage:"Navigation buttons are not focusable."},{selector:".k-calendar-nav-next,.k-calendar-nav-prev",attribute:"aria-label",usage:"Describes the navigation button purpose."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-title",attribute:"aria-label",usage:"Describes the title button purpose."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link/button is not focusable."}]};import{jsx as wr}from"react/jsx-runtime";var Io="k-calendar-container",Tr=[],kr={},hr={},Je=a=>{let{...t}=a;return wr("div",{...t,className:r(a.className,Io),children:a.children})};Je.states=Tr;Je.options=kr;Je.className=Io;Je.defaultOptions=hr;Je.moduleName=U;Je.folderName=G;import{Fragment as vr,jsx as Xe,jsxs as Ar}from"react/jsx-runtime";var gr=[p.hover,p.focus,p.active,p.selected,p.disabled],e=a=>{let{text:t,headerCell:o,today:l,weekend:n,showOtherMonth:d,weekCell:u,rangeStart:m,rangeMid:x,rangeEnd:C,dayIndicator:y,empty:w,hover:A,focus:J,active:Z,selected:K,disabled:D,...z}=a,be=`k-calendar-${o?"th":"td"}`,Me=[a.className,be,j(be,{hover:A,focus:J,active:Z,selected:K,disabled:D}),{"k-today":l,"k-weekend":n,"k-other-month":d,"k-alt":u,"k-range-start":m,"k-range-mid":x,"k-range-end":C,"k-empty":w}],nt={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Ke=t?nt[t]||t:void 0;return Xe("th",{...z,className:r(Me),role:"columnheader",scope:"col","aria-label":Ke,children:u?Xe("span",{className:"k-sr-only",children:Ke}):t})}return u?Xe("td",{...z,className:r(Me),children:t}):Xe("td",{...z,className:r(Me),role:"gridcell",...K?{"aria-selected":"true"}:{},...D?{"aria-disabled":"true"}:{},children:w&&!d?Xe(vr,{children:"\xA0"}):Ar("span",{className:"k-link",children:[t,y&&Xe("span",{className:"k-day-indicator"})]})})};e.states=gr;import{jsx as Ta,jsxs as Er}from"react/jsx-runtime";var Ro="k-calendar-thead",Lo={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Ge=a=>{let{showWeek:t,cellsText:o=Lo.cellsText,...l}=a;return Ta("thead",{...l,className:r(a.className,Ro),role:"rowgroup",children:Er("tr",{className:"k-calendar-tr",role:"row",children:[t&&Ta(e,{weekCell:!0,headerCell:!0,text:"W"}),o.map((n,d)=>Ta(e,{text:n,headerCell:!0},d))]})})};Ge.className=Ro;Ge.defaultOptions=Lo;import{jsx as Sr}from"react/jsx-runtime";var Mo="k-calendar-tbody",F=a=>{let{...t}=a;return Sr("tbody",{...t,className:r(a.className,Mo),role:"rowgroup",children:a.children})};F.className=Mo;F.moduleName=U;F.folderName=G;import{jsx as ka,jsxs as Rr}from"react/jsx-runtime";var Ir="k-calendar-table",M=a=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:n,ariaActiveDescendant:d,gridRole:u,...m}=a;return Rr("table",{...m,className:r(a.className,Ir),...u?{role:"grid","aria-labelledby":n,"aria-activedescendant":d,tabIndex:0}:{role:"none"},children:[t&&ka("caption",{className:"k-calendar-caption",children:t}),o&&ka(Ge,{showWeek:l}),ka(F,{children:a.children})]})};import{jsx as ha,jsxs as Oo}from"react/jsx-runtime";var Do="k-calendar-navigation",ft=a=>Oo("div",{...a,className:r(a.className,Do),children:[ha("span",{className:"k-calendar-navigation-highlight"}),Oo("div",{className:"k-content k-scrollable",children:[ha("ul",{className:"k-reset",children:a.children}),ha("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});ft.className=Do;ft.moduleName=U;ft.folderName=G;import{jsx as Mr}from"react/jsx-runtime";var Lr="k-calendar-table",wa=a=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=a;return Mr("table",{...l,className:r(a.className,Lr),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:a.children})};import{jsx as de,jsxs as _t}from"react/jsx-runtime";var _o="k-calendar-view",qe={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},Ye=a=>{let{orientation:t=qe.orientation,calendarView:o=qe.calendarView,headerText:l=qe.headerText,showWeekdays:n=qe.showWeekdays,showNavigationButtons:d=qe.showNavigationButtons,showWeekNumbers:u,weekdayCellsText:m,gridLabelledBy:x,...C}=a;return _t("div",{...C,className:r(_o,`k-calendar-${o}view`,a.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[de(De,{showNavigationButtons:d,calendarTitleText:l,orientation:"horizontal"}),n&&_t(wa,{className:"k-calendar-weekdays",tableRole:"table",children:[_t("colgroup",{children:[de("col",{}),de("col",{}),de("col",{}),de("col",{}),de("col",{}),de("col",{}),de("col",{})]}),de(Ge,{cellsText:m,showWeek:u})]}),_t("div",{className:"k-content k-scrollable",role:"none",children:[de(wa,{tableRole:"grid",ariaLabelledBy:x,children:a.children}),de("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};Ye.className=_o;Ye.defaultOptions=qe;Ye.moduleName=U;Ye.folderName=G;import{jsx as Pt,jsxs as Kr}from"react/jsx-runtime";var Po="k-calendar-infinite",Or={size:[s.undefined,s.small,s.medium,s.large]},Dr=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],_r={2021:"marker",2022:"marker"},Pr=(a,t)=>a.map((o,l)=>Pt("li",{children:Pt("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),bt={showNavigation:!0,calendarView:"month",navigationItems:Dr,navigationMarkerConfig:_r},P=a=>{let{size:t,showNavigation:o=bt.showNavigation,calendarView:l=bt.calendarView,navigationItems:n=bt.navigationItems,navigationMarkerConfig:d=bt.navigationMarkerConfig,calendarTitleText:u,showWeekdays:m,showWeekNumbers:x,showNavigationButtons:C,calendarWeekdays:y,...w}=a,A=we("calendar-infinite-title");return Kr("div",{...w,className:r(a.className,"k-calendar",Po,_("k-calendar",{size:t})),children:[o&&Pt(ft,{children:Pr(n,d)}),Pt(Ye,{calendarView:l,headerText:u,showWeekdays:m,showWeekNumbers:x,showNavigationButtons:C,orientation:"vertical",weekdayCellsText:y,gridLabelledBy:A,children:a.children})]})};P.options=Or;P.className=Po;P.defaultOptions=bt;P.moduleName=U;P.folderName=G;P.ariaSpec={selector:".k-calendar-infinite",rules:[{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"role=grid",usage:"The content table is the grid element for the infinite calendar."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"aria-labelledby",usage:"Pointing to the current view title element."},{selector:".k-calendar-infinite .k-content .k-calendar-table",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar-infinite .k-calendar-weekdays",attribute:"role=table",usage:"Weekday header table keeps table semantics (not part of grid)."},{selector:".k-calendar-view div.k-content.k-scrollable",attribute:"role=none",usage:"Scrollable wrapper is transparent to a11y tree."},{selector:".k-calendar-infinite .k-calendar-tbody",attribute:"role=rowgroup",usage:"Explicit rowgroup role on tbody."},{selector:".k-calendar-infinite .k-calendar-tr",attribute:"role=row",usage:"Explicit row role on tr."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"role=columnheader",usage:"Explicit columnheader role on weekday headers."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"scope=col",usage:"Specifies that the header applies to a column."},{selector:".k-calendar-infinite .k-calendar-weekdays .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-infinite .k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Specifies whether the date is selected."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Specifies a disabled date."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link is not focusable."}]};import{jsx as Hr}from"react/jsx-runtime";var Ko="k-calendar-tr",i=a=>{let{...t}=a;return Hr("tr",{...t,className:r(a.className,Ko),role:"row",children:a.children})};i.className=Ko;i.moduleName=U;i.folderName=G;import{jsx as zr}from"react/jsx-runtime";var Ho="k-calendar-caption",q=a=>{let{text:t,scope:o,colSpan:l,rowSpan:n,...d}=a;return zr("th",{...d,scope:o,colSpan:l,rowSpan:n,className:r(a.className,Ho),children:t})};q.className=Ho;q.moduleName=U;q.folderName=G;import{jsx as ae,jsxs as Kt}from"react/jsx-runtime";var zo=({showOtherCentury:a,...t})=>ae(L,{calendarView:"century",calendarTitleText:"2000 - 2099",children:Kt(M,{children:[Kt(i,{children:[ae(e,{text:"1990 - 1999"}),ae(e,{text:"2000 - 2009"}),ae(e,{text:"2010 - 2019",today:!0}),ae(e,{text:"2020 - 2029"})]}),Kt(i,{children:[ae(e,{text:"2030 - 2039"}),ae(e,{text:"2040 - 2049"}),ae(e,{text:"2050 - 2059"}),ae(e,{text:"2060 - 2069"})]}),Kt(i,{children:[ae(e,{text:"2070 - 2079"}),ae(e,{text:"2080 - 2089"}),ae(e,{text:"2090 - 2099"}),ae(e,{text:"2100 - 2109",empty:!a})]})]}),...t});import{jsx as oe,jsxs as Ht}from"react/jsx-runtime";var Vo=({showOtherDecade:a,...t})=>oe(L,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:Ht(M,{children:[Ht(i,{children:[oe(e,{text:"2019",empty:!a}),oe(e,{text:"2020"}),oe(e,{text:"2021",today:!0}),oe(e,{text:"2022"})]}),Ht(i,{children:[oe(e,{text:"2023"}),oe(e,{text:"2024"}),oe(e,{text:"2025"}),oe(e,{text:"2026"})]}),Ht(i,{children:[oe(e,{text:"2027"}),oe(e,{text:"2028"}),oe(e,{text:"2029"}),oe(e,{text:"2030",empty:!a})]})]}),...t});import{jsx as k,jsxs as _e}from"react/jsx-runtime";var Fo=({showCaptions:a,showOtherMonth:t,...o})=>k(L,{calendarView:"month",children:_e(M,{calendarCaption:a&&"October 2021",showTableHead:!0,children:[_e(i,{children:[k(e,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),k(e,{text:"27",showOtherMonth:t,empty:!t}),k(e,{text:"28",showOtherMonth:t,empty:!t}),k(e,{text:"29",showOtherMonth:t,empty:!t}),k(e,{text:"30",showOtherMonth:t,empty:!t}),k(e,{text:"1"}),k(e,{text:"2",weekend:!0})]}),_e(i,{children:[k(e,{text:"3",weekend:!0}),k(e,{text:"4"}),k(e,{text:"5"}),k(e,{text:"6"}),k(e,{text:"7"}),k(e,{text:"8"}),k(e,{text:"9",weekend:!0})]}),_e(i,{children:[k(e,{text:"10",weekend:!0}),k(e,{text:"11"}),k(e,{text:"12",today:!0}),k(e,{text:"13"}),k(e,{text:"14"}),k(e,{text:"15"}),k(e,{text:"16",weekend:!0})]}),_e(i,{children:[k(e,{text:"17",weekend:!0}),k(e,{text:"18"}),k(e,{text:"19"}),k(e,{text:"20"}),k(e,{text:"21"}),k(e,{text:"22"}),k(e,{text:"23",weekend:!0})]}),_e(i,{children:[k(e,{text:"24",weekend:!0}),k(e,{text:"25"}),k(e,{text:"26"}),k(e,{text:"27"}),k(e,{text:"28"}),k(e,{text:"29"}),k(e,{text:"30",weekend:!0})]}),_e(i,{children:[k(e,{text:"31",weekend:!0}),k(e,{text:"1",showOtherMonth:t,empty:!t}),k(e,{text:"2",showOtherMonth:t,empty:!t}),k(e,{text:"3",showOtherMonth:t,empty:!t}),k(e,{text:"4",showOtherMonth:t,empty:!t}),k(e,{text:"5",showOtherMonth:t,empty:!t}),k(e,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});import{jsx as Vu,jsxs as Fu}from"react/jsx-runtime";import{jsx as ne,jsxs as zt}from"react/jsx-runtime";var Bo=a=>ne(L,{calendarView:"year",calendarTitleText:"2019",children:zt(M,{children:[zt(i,{children:[ne(e,{text:"Jan"}),ne(e,{text:"Feb"}),ne(e,{text:"Mar"}),ne(e,{text:"Apr"})]}),zt(i,{children:[ne(e,{text:"May"}),ne(e,{text:"Jun"}),ne(e,{text:"Jul"}),ne(e,{text:"Au"})]}),zt(i,{children:[ne(e,{text:"Sep"}),ne(e,{text:"Oct",today:!0}),ne(e,{text:"Nov"}),ne(e,{text:"Dec"})]})]}),...a});import{Fragment as Vr,jsx as f,jsxs as Ne}from"react/jsx-runtime";var Uo=({firstCaption:a="January 2021",secondCaption:t="February 2021",...o})=>f(P,{calendarTitleText:"January 2021",children:Ne(Vr,{children:[Ne("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),Ne(F,{children:[f(i,{"aria-hidden":"true",children:f(q,{scope:"col",colSpan:7,text:a})}),Ne(i,{children:[f(e,{empty:!0}),f(e,{empty:!0}),f(e,{empty:!0}),f(e,{empty:!0}),f(e,{empty:!0}),f(e,{text:"1"}),f(e,{text:"2",weekend:!0})]}),Ne(i,{children:[f(e,{text:"3",weekend:!0}),f(e,{text:"4"}),f(e,{text:"5"}),f(e,{text:"6"}),f(e,{text:"7"}),f(e,{text:"8"}),f(e,{text:"9",weekend:!0})]}),Ne(i,{children:[f(e,{text:"10",weekend:!0}),f(e,{text:"11"}),f(e,{text:"12"}),f(e,{text:"13"}),f(e,{text:"14"}),f(e,{text:"15"}),f(e,{text:"16",weekend:!0})]}),Ne(i,{children:[f(e,{text:"17",weekend:!0}),f(e,{text:"18"}),f(e,{text:"19"}),f(e,{text:"20"}),f(e,{text:"21"}),f(e,{text:"22"}),f(e,{text:"23",weekend:!0})]}),Ne(i,{children:[f(e,{text:"24",weekend:!0}),f(e,{text:"25"}),f(e,{text:"26"}),f(e,{text:"27"}),f(e,{text:"28"}),f(e,{text:"29"}),f(e,{text:"30",weekend:!0})]}),Ne(i,{children:[f(e,{text:"31",weekend:!0}),f(e,{empty:!0}),f(e,{empty:!0}),f(e,{empty:!0}),f(e,{empty:!0}),f(e,{empty:!0}),f(e,{empty:!0})]})]}),f(F,{children:f(i,{"aria-hidden":"true",children:f(q,{scope:"col",colSpan:7,text:t})})})]}),...o});import{Fragment as Fr,jsx as g,jsxs as xe}from"react/jsx-runtime";var Wo=({firstCaption:a="2021",secondCaption:t="2022",...o})=>g(P,{calendarView:"year",showWeekdays:!1,calendarTitleText:"2021",navigationItems:["2016","2017","2018","2019","2020","2021","2022","2023","2024","2025","2026","2027","2028","2029","2030","2031","2032","2033","2034","2035","2036","2037","2038","2039","2040","2041","2042"],navigationMarkerConfig:{2021:"marker",2030:"marker",2040:"marker"},children:xe(Fr,{children:[xe("colgroup",{children:[g("col",{}),g("col",{}),g("col",{}),g("col",{})]}),xe(F,{children:[g(i,{"aria-hidden":"true",children:g(q,{scope:"col",colSpan:4,text:a})}),xe(i,{children:[g(e,{text:"Jan",today:!0}),g(e,{text:"Feb"}),g(e,{text:"Mar"}),g(e,{text:"Apr"})]}),xe(i,{children:[g(e,{text:"May"}),g(e,{text:"Jun"}),g(e,{text:"Jul"}),g(e,{text:"Aug"})]}),xe(i,{children:[g(e,{text:"Sep"}),g(e,{text:"Oct"}),g(e,{text:"Nov"}),g(e,{text:"Dec"})]})]}),xe(F,{children:[g(i,{"aria-hidden":"true",children:g(q,{scope:"col",colSpan:4,text:t})}),xe(i,{children:[g(e,{text:"Jan"}),g(e,{text:"Feb"}),g(e,{text:"Mar"}),g(e,{text:"Apr"})]}),xe(i,{children:[g(e,{text:"May"}),g(e,{text:"Jun"}),g(e,{text:"Jul"}),g(e,{text:"Aug"})]}),xe(i,{children:[g(e,{text:"Sep"}),g(e,{text:"Oct"}),g(e,{text:"Nov"}),g(e,{text:"Dec"})]})]})]}),...o});import{Fragment as Br,jsx as v,jsxs as Ce}from"react/jsx-runtime";var $o=({firstCaption:a="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>v(P,{calendarView:"decade",showWeekdays:!1,calendarTitleText:"2020 - 2029",navigationItems:["1970","1980","1990","2000","2010","2020","2030","2040","2050","2060","2070","2080","2090"],navigationMarkerConfig:{2020:"marker"},children:Ce(Br,{children:[Ce("colgroup",{children:[v("col",{}),v("col",{}),v("col",{}),v("col",{})]}),Ce(F,{children:[v(i,{"aria-hidden":"true",children:v(q,{scope:"col",colSpan:4,text:a})}),Ce(i,{children:[v(e,{text:"2020",today:!0}),v(e,{text:"2021"}),v(e,{text:"2022"}),v(e,{text:"2023"})]}),Ce(i,{children:[v(e,{text:"2024"}),v(e,{text:"2025"}),v(e,{text:"2026"}),v(e,{text:"2027"})]}),Ce(i,{children:[v(e,{text:"2028"}),v(e,{text:"2029"}),v(e,{empty:!0}),v(e,{empty:!0})]})]}),Ce(F,{children:[v(i,{"aria-hidden":"true",children:v(q,{scope:"col",colSpan:4,text:t})}),Ce(i,{children:[v(e,{text:"2030"}),v(e,{text:"2031"}),v(e,{text:"2032"}),v(e,{text:"2033"})]}),Ce(i,{children:[v(e,{text:"2034"}),v(e,{text:"2035"}),v(e,{text:"2036"}),v(e,{text:"2037"})]}),Ce(i,{children:[v(e,{text:"2038"}),v(e,{text:"2039"}),v(e,{empty:!0}),v(e,{empty:!0})]})]})]}),...o});import{Fragment as Ur,jsx as H,jsxs as Qe}from"react/jsx-runtime";var Jo=({firstCaption:a="2000 - 2099",...t})=>H(P,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:Qe(Ur,{children:[Qe("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),Qe(F,{children:[H(i,{"aria-hidden":"true",children:H(q,{scope:"col",colSpan:4,text:a})}),Qe(i,{children:[H(e,{text:"1900 - 1999"}),H(e,{text:"2000 - 2009"}),H(e,{text:"2010 - 2019"}),H(e,{text:"2020 - 2029"})]}),Qe(i,{children:[H(e,{text:"2030 - 2039"}),H(e,{text:"2040 - 2049"}),H(e,{text:"2050 - 2059"}),H(e,{text:"2060 - 2069"})]}),Qe(i,{children:[H(e,{text:"2070 - 2079"}),H(e,{text:"2080 - 2089"}),H(e,{text:"2090 - 2099"}),H(e,{empty:!0})]})]})]}),...t});import{Fragment as sx,jsx as rx,jsxs as ix}from"react/jsx-runtime";import{jsx as mx,jsxs as ux}from"react/jsx-runtime";import{Fragment as yx,jsx as bx,jsxs as Nx}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var Wr=L.options,$r=L.states,Xo={...L.defaultOptions,variant:"month"},Jr=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Xr=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Ze=a=>{let{variant:t,modifiers:o,...l}={...Xo,...a},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(C=>{switch(C){case"other":n.showOtherMonth=!!o?.[C],n.showOtherCentury=!!o?.[C],n.showOtherDecade=!!o?.[C];break;case"footer":n.showCalendarFooter=!!o?.[C];break;default:return}});let{showOtherMonth:d,showOtherDecade:u,showOtherCentury:m,showCalendarFooter:x}=n;switch(t){case"century":return Vt(zo,{size:l.size,showOtherCentury:m,showCalendarFooter:x});case"decade":return Vt(Vo,{size:l.size,showOtherDecade:u,showCalendarFooter:x});case"year":return Vt(Bo,{calendarTitleText:"2021",size:l.size,showCalendarFooter:x});default:return Vt(Fo,{size:l.size,showOtherMonth:d,showCalendarFooter:x})}};Ze.options=Wr;Ze.states=$r;Ze.variants=Jr;Ze.defaultOptions=Xo;Ze.modifiers=Xr;Ze.className=L.className;import{jsx as Ft}from"react/jsx-runtime";var Gr=P.options,qr=P.states,Go={...P.defaultOptions,variant:"month"},Yr=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Qr=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],je=a=>{let{variant:t,modifiers:o,...l}={...Go,...a},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(C=>{switch(C){case"other":n.showOtherMonth=!!o?.[C],n.showOtherCentury=!!o?.[C],n.showOtherDecade=!!o?.[C];break;case"footer":n.showCalendarFooter=!!o?.[C];break;default:return}});let{showOtherMonth:d,showOtherDecade:u,showOtherCentury:m,showCalendarFooter:x}=n;switch(t){case"century":return Ft(Jo,{size:l.size,showOtherCentury:m,showCalendarFooter:x});case"decade":return Ft($o,{size:l.size,showOtherDecade:u,showCalendarFooter:x});case"year":return Ft(Wo,{size:l.size,showCalendarFooter:x});default:return Ft(Uo,{size:l.size,showOtherMonth:d,showCalendarFooter:x})}};je.options=Gr;je.states=qr;je.variants=Yr;je.defaultOptions=Go;je.modifiers=Qr;je.className=P.className;var qo="calendar",Yo="calendar";import{jsx as ei}from"react/jsx-runtime";var Qo="k-calendar-range",Zr=[],jr={size:[s.undefined,s.small,s.medium,s.large]},Bt={calendarTitleText:"October 2021 - November 2021",orientation:"horizontal",calendarView:"month"},O=a=>{let{size:t,orientation:o=Bt.orientation,calendarView:l=Bt.calendarView,calendarTitleText:n=Bt.calendarTitleText,showCalendarFooter:d,showWeek:u,dir:m,...x}=a;return ei(L,{...x,className:r(a.className,Qo),size:t,calendarTitleText:n,calendarView:l,orientation:o,showCalendarFooter:d,showWeek:u,dir:m})};O.states=Zr;O.options=jr;O.className=Qo;O.defaultOptions=Bt;O.moduleName=qo;O.folderName=Yo;O.ariaSpec={selector:".k-calendar-range",rules:[{selector:".k-calendar-range .k-calendar-view",attribute:"role=grid",usage:"Specifies the role of the multi-view calendar wrapper."},{selector:".k-calendar-range .k-calendar-view",attribute:"aria-labelledby",usage:"Pointing to the k-calendar-title element."},{selector:".k-calendar-range .k-calendar-view",attribute:"tabindex=0",usage:"Makes the grid focusable."},{selector:".k-calendar-range .k-calendar-table",attribute:"role=none",usage:"Inner tables have role removed \u2014 content belongs to single grid."},{selector:".k-calendar-thead",attribute:"role=rowgroup",usage:"Explicit rowgroup role."},{selector:".k-calendar-tbody",attribute:"role=rowgroup",usage:"Explicit rowgroup role."},{selector:".k-calendar-tr",attribute:"role=row",usage:"Explicit row role."},{selector:".k-calendar-thead .k-calendar-th",attribute:"role=columnheader",usage:"Column header for day names."},{selector:".k-calendar-thead .k-calendar-th",attribute:"scope=col",usage:"Specifies the header applies to a column."},{selector:".k-calendar-thead .k-calendar-th",attribute:"aria-label",usage:"Full name of the day of the week."},{selector:".k-calendar-td:not(.k-alt):not(.k-empty)",attribute:"role=gridcell",usage:"Date cells in the calendar body."},{selector:".k-calendar-td.k-selected",attribute:"aria-selected=true",usage:"Indicates the selected date."},{selector:".k-calendar-td.k-disabled",attribute:"aria-disabled=true",usage:"Indicates a disabled date."},{selector:".k-calendar-nav-prev,.k-calendar-nav-next",attribute:"tabindex=-1",usage:"Navigation buttons are not focusable."},{selector:".k-calendar-title",attribute:"tabindex=-1",usage:"Title button is not focusable."},{selector:".k-calendar-nav-today",attribute:"tabindex=-1",usage:"Today link is not focusable."}]};import{Fragment as ti,jsx as S,jsxs as ye}from"react/jsx-runtime";var Zo=({showCaptions:a,showOtherCentury:t,...o})=>S(O,{calendarView:"century",calendarTitleText:"1900 - 2099",children:ye(ti,{children:[ye(M,{calendarCaption:a&&"1900 - 1999",children:[ye(i,{children:[S(e,{text:"1890 - 1899",empty:!t}),S(e,{text:"1900 - 1909"}),S(e,{text:"1910 - 1919"}),S(e,{text:"1920 - 1929"})]}),ye(i,{children:[S(e,{text:"1930 - 1939"}),S(e,{text:"1940 - 1949"}),S(e,{text:"1950 - 1959"}),S(e,{text:"1960 - 1969"})]}),ye(i,{children:[S(e,{text:"1970 - 1979"}),S(e,{text:"1980 - 1989"}),S(e,{text:"1990 - 1999"}),S(e,{text:"2000 - 2009",empty:!t})]})]}),ye(M,{calendarCaption:a&&"2000 - 2099",children:[ye(i,{children:[S(e,{text:"1990 - 1999",empty:!t}),S(e,{text:"2000 - 2009"}),S(e,{text:"2010 - 2019"}),S(e,{text:"2020 - 2029",today:!0})]}),ye(i,{children:[S(e,{text:"2030 - 2039"}),S(e,{text:"2040 - 2049"}),S(e,{text:"2050 - 2059"}),S(e,{text:"2060 - 2069"})]}),ye(i,{children:[S(e,{text:"2070 - 2079"}),S(e,{text:"2080 - 2089"}),S(e,{text:"2090 - 2099"}),S(e,{text:"2100 - 2109",empty:!t})]})]})]}),...o});import{Fragment as ai,jsx as I,jsxs as Te}from"react/jsx-runtime";var jo=({showCaptions:a,showOtherDecade:t,...o})=>I(O,{calendarView:"decade",calendarTitleText:"2020 - 2039",children:Te(ai,{children:[Te(M,{calendarCaption:a&&"2020 - 2029",children:[Te(i,{children:[I(e,{text:"2019",empty:!t}),I(e,{text:"2020"}),I(e,{text:"2021",today:!0}),I(e,{text:"2022"})]}),Te(i,{children:[I(e,{text:"2023"}),I(e,{text:"2024"}),I(e,{text:"2025"}),I(e,{text:"2026"})]}),Te(i,{children:[I(e,{text:"2027"}),I(e,{text:"2028"}),I(e,{text:"2029"}),I(e,{text:"2030",empty:!t})]})]}),Te(M,{calendarCaption:a&&"2030 - 2039",children:[Te(i,{children:[I(e,{text:"2029",empty:!t}),I(e,{text:"2030"}),I(e,{text:"2031"}),I(e,{text:"2032"})]}),Te(i,{children:[I(e,{text:"2033"}),I(e,{text:"2034"}),I(e,{text:"2035"}),I(e,{text:"2036"})]}),Te(i,{children:[I(e,{text:"2037"}),I(e,{text:"2038"}),I(e,{text:"2039"}),I(e,{text:"2040",empty:!t})]})]})]}),...o});import{Fragment as oi,jsx as c,jsxs as Q}from"react/jsx-runtime";var Nt=({showCaptions:a,showOthe