UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

1 lines 66.7 kB
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:T,loading:w,empty:A,readonly:J,highlighted:Z,...P}=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":T&&!u,"k-loading":w,"k-empty":A,"k-readonly":J,"k-highlighted":Z},Object.keys(P).reduce((D,z)=>(z.startsWith("k-")?D[z]=P[z]:D[`k-${z}`]=P[z],D),{}))};function Va(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"},ce={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 Xt={};function he(a){return Xt[a]=(Xt[a]||0)+1,`k-${a}-${Xt[a]}`}var nt="input",ht=nt;import{jsx as An}from"react/jsx-runtime";var wt="k-input",wn=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],gn={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]},vn={},V=a=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:d,loading:u,readonly:m,size:x,rounded:C,fillMode:T,...w}=a;return An("span",{...w,className:r(a.className,wt,_(wt,{size:x,rounded:C,fillMode:T}),j(wt,{hover:t,focus:o,disabled:l,invalid:n,valid:d,loading:u,readonly:m}))})};V.states=wn;V.options=gn;V.className=wt;V.defaultOptions=vn;V.moduleName=nt;V.folderName=ht;import{jsx as Rn}from"react/jsx-runtime";var gt="k-picker",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={},Pe=a=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:d,loading:u,readonly:m,size:x,rounded:C,fillMode:T,...w}=a;return Rn("span",{...w,className:r(a.className,gt,_(gt,{size:x,rounded:C,fillMode:T}),j(gt,{hover:t,focus:o,disabled:l,invalid:n,valid:d,loading:u,readonly:m})),children:a.children})};Pe.states=En;Pe.options=Sn;Pe.className=gt;Pe.defaultOptions=In;Pe.moduleName=nt;Pe.folderName=ht;import{Fragment as Dn,jsx as Fa}from"react/jsx-runtime";var Gt="k-font-icon",Ln=[],Mn={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]},On={},lt=a=>{let{size:t,themeColor:o,icon:l,rotate:n,flip:d,...u}=a;return l?Fa("span",{...u,className:r(a.className,Gt,_(Gt,{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"}):Fa(Dn,{})};lt.states=Ln;lt.options=Mn;lt.className=Gt;lt.defaultOptions=On;var Ba=lt;import{Fragment as Pn,jsx as vt}from"react/jsx-runtime";var qt="k-svg-icon",_n=[],Kn={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:[ce.outline,ce.solid,ce.duotone]},Yt={viewBox:"0 0 24 24",variant:ce.outline},rt=a=>{let{size:t,themeColor:o,rotate:l,flip:n,viewBox:d=Yt.viewBox,variant:u=Yt.variant,icon:m,...x}=a;if(!m)return vt(Pn,{});if(m==="none")return vt("span",{...x,className:r(a.className,qt,_("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let C=typeof m=="object"&&m.name&&m.name,T=typeof m=="object"?u&&m.variants?.[u]||m.variants?.outline||m.content:void 0;return vt("span",{...x,className:r(a.className,qt,_("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:vt("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:d,dangerouslySetInnerHTML:T!==void 0?{__html:T}:void 0,children:m?void 0:a.children})})};rt.states=_n;rt.options=Kn;rt.className=qt;rt.defaultOptions=Yt;var Qt=rt;import*as Zt from"@progress/kendo-svg-icons";var Ua="icon",Wa="icons";import{useContext as zn}from"react";import{createContext as Hn}from"react";var $a=Hn({iconsType:"svg"});import{Fragment as Ja,jsx as it}from"react/jsx-runtime";var At="k-icon",Vn=a=>a.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Fn=[],Bn={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:[ce.outline,ce.solid,ce.duotone]},Et={viewBox:"0 0 24 24",type:"svg",variant:ce.outline},E=a=>{let{iconsType:t}=zn($a),{size:o,themeColor:l,icon:n,type:d=t||Et.type,rotate:u,flip:m,viewBox:x=Et.viewBox,variant:C=Et.variant,...T}=a;if(!n)return it(Ja,{});if((t||d)==="svg"){if(n==="none")return it(Qt,{...T,className:r(a.className,At),icon:n,size:o,variant:C});let A=Zt[n]?n:Vn(`${n}-icon`);return Zt[A]?it(Qt,{...T,className:r(a.className,At),icon:Zt[A],size:o,themeColor:l,rotate:u,flip:m,viewBox:x,variant:C}):it(Ja,{})}return it(Ba,{...T,className:r(a.className,At),icon:n,size:o,themeColor:l,rotate:u,flip:m})};E.states=Fn;E.options=Bn;E.defaultOptions=Et;E.className=At;E.moduleName=Ua;E.folderName=Wa;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 $n,jsx as jt}from"react/jsx-runtime";var Xa="k-clear-value",Un=[p.disabled,p.loading,p.readonly],Wn={},le=a=>{let{disabled:t,loading:o,readonly:l,value:n}=a;return t||l||o||!n?jt($n,{}):jt("span",{className:r(a.className,Xa),children:jt(E,{icon:"x"})})};le.states=Un;le.options=Wn;le.className=Xa;import{jsx as Gn}from"react/jsx-runtime";var ea="k-input-inner",Jn=[],Xn={},St={type:"text",autocomplete:"off",value:"",placeholder:""},re=a=>{let{value:t=St.value,type:o=St.type,placeholder:l=St.placeholder,autocomplete:n=St.autocomplete,disabled:d,readOnly:u,...m}=a;return Gn("input",{...m,type:o,className:r(a.className,ea,_(ea,a)),placeholder:l,autoComplete:n,defaultValue:t,disabled:d||void 0,readOnly:u||void 0})};re.states=Jn;re.options=Xn;re.className=ea;import{jsx as Ga,jsxs as Qn}from"react/jsx-runtime";var ta="k-input-inner",qn=[],Yn={},aa=a=>{let{value:t,placeholder:o,showValue:l,valueIcon:n,valueIconName:d,...u}=a;return Qn("span",{...u,className:r(a.className,ta,_(ta,a)),children:[n,!n&&d&&Ga(E,{className:"k-input-value-icon",icon:d}),l&&!t&&o,l&&t&&Ga("span",{className:"k-input-value-text",children:t})]})};aa.states=qn;aa.options=Yn;aa.className=ta;import{jsx as el}from"react/jsx-runtime";var oa="k-input-inner",Zn=[],jn={},qa={value:"",placeholder:""},na=a=>{let{value:t=qa.value,placeholder:o=qa.placeholder,rows:l,disabled:n,...d}=a;return el("textarea",{...d,className:r(a.className,oa,_(oa,a)),placeholder:o,rows:l,defaultValue:t,disabled:n||void 0})};na.states=Zn;na.options=jn;na.className=oa;import{Fragment as al,jsx as Ya}from"react/jsx-runtime";var Qa="k-input-loading-icon",tl=[p.disabled,p.loading],pe=a=>{let{disabled:t,loading:o}=a;return t||!o?Ya(al,{}):Ya("span",{className:r(a.className,Qa,"k-icon k-i-loading")})};pe.states=tl;pe.className=Qa;import{Fragment as ll,jsx as Za}from"react/jsx-runtime";var ja="k-input-validation-icon",ol=[p.valid,p.invalid,p.disabled,p.loading],nl={},ie=a=>{let{valid:t,invalid:o,disabled:l,loading:n}=a,d=o?"warning-circle":"check-circle";return l||n||!!!(t||o)?Za(ll,{}):Za(E,{className:r(ja),icon:d})};ie.states=ol;ie.options=nl;ie.className=ja;import{Fragment as sl,jsx as eo}from"react/jsx-runtime";var rl="k-input-prefix",il={direction:"horizontal"},It=a=>{let{direction:t=il.direction,...o}=a;return a.children?eo("span",{...o,className:r(rl,a.className,{[`k-input-prefix-${t}`]:t}),children:a.children}):eo(sl,{})};import{Fragment as pl,jsx as to}from"react/jsx-runtime";var dl="k-input-suffix",cl={direction:"horizontal"},Rt=a=>{let{direction:t=cl.direction,...o}=a;return a.children?to("span",{...o,className:r(dl,a.className,{[`k-input-suffix-${t}`]:t}),children:a.children}):to(pl,{})};import{jsx as rd}from"react/jsx-runtime";import{jsx as cd}from"react/jsx-runtime";import{jsx as ul}from"react/jsx-runtime";var ao="k-input-separator",ml={direction:"vertical"},He=a=>{let{direction:t=ml.direction,...o}=a;return ul("span",{...o,className:r(ao,a.className,{[`${ao}-${t}`]:t})})};var la="button",oo=la;import{Fragment as no,jsx as ze,jsxs as lo}from"react/jsx-runtime";var st="k-button",xl=["icon-button"],Cl=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],fl={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]},ra={showArrow:!1,arrowIconName:"chevron-down"},y=a=>{let{as:t="button",size:o,rounded:l,fillMode:n,themeColor:d,showArrow:u=ra.showArrow,arrowIconName:m=ra.arrowIconName,variant:x,hover:C,focus:T,active:w,selected:A,disabled:J,togglable:Z,ariaDisabled:P,icon:D,iconSize:z,text:te,iconClassName:fe,className:Me,...ot}=a,Ke=D!=null,Jt=a.children!==void 0;return lo(t,{className:r(Me,st,Va(st,x),_(st,{size:o,rounded:l,fillMode:n,themeColor:d}),j(st,{hover:C,focus:T,active:w,disabled:J||P,selected:A}),{"k-icon-button":!te&&!Jt&&Ke}),"aria-pressed":Z?A?"true":"false":void 0,...ot,"aria-disabled":P?"true":void 0,disabled:J||void 0,children:[typeof D=="string"&&D&&ze(E,{className:r(fe,"k-button-icon"),icon:D,size:z}),D&&typeof D!="string"&&ze(no,{children:D}),te?lo(no,{children:[te&&ze("span",{className:"k-button-text",children:te}),a.children]}):a.children&&ze("span",{className:"k-button-text",children:a.children}),u&&ze("span",{className:"k-menu-button-arrow k-button-arrow",children:ze(E,{icon:m})})]})};y.states=Cl;y.options=fl;y.variants=xl;y.className=st;y.defaultOptions=ra;y.moduleName=la;y.folderName=oo;y.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 bl}from"react/jsx-runtime";var Oe=a=>bl(y,{children:"Button",...a});import{Fragment as ro,jsx as me,jsxs as ia}from"react/jsx-runtime";var Nl=V.states,Tl=V.defaultOptions,yl=V.options,kl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],hl=[],Ve=a=>{let{modifiers:t,valid:o,invalid:l,loading:n,disabled:d,readonly:u,...m}=a,x=t?.prefix,C=t?.suffix,T=t?.["clear-button"],w=t?.["validation-icon"],A=t?.separators;return ia(V,{...m,valid:o,invalid:l,loading:n,disabled:d,readonly:u,style:{width:300},children:[x&&ia(ro,{children:[me(It,{children:me(E,{icon:"lock"})}),A&&me(He,{})]}),me(re,{placeholder:"Placeholder",value:"Value"}),w&&me(ie,{valid:o,invalid:l,loading:n,disabled:d}),me(pe,{loading:n,disabled:d}),T&&me(le,{loading:n,disabled:d,readonly:u,value:"Value"}),C&&ia(ro,{children:[A&&me(He,{}),me(Rt,{children:me(Oe,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Ve.options=yl;Ve.states=Nl;Ve.variants=hl;Ve.defaultOptions=Tl;Ve.modifiers=kl;Ve.className=V.className;import{jsx as wl}from"react/jsx-runtime";var io=a=>wl(y,{icon:"folder",...a,"aria-label":a["aria-label"]||"Folder",children:void 0});import{jsx as gl}from"react/jsx-runtime";var so=a=>gl(y,{icon:"folder",children:"Button",...a});import{jsx as sa}from"react/jsx-runtime";var vl=y.options,Al=y.states,El={...y.defaultOptions,variant:"text"},Sl=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Il=[],Fe=a=>{let{variant:t,...o}=a;switch(t){case"icon-only":return sa(io,{...o,icon:"star"});case"icon-and-text":return sa(so,{...o,icon:"star",children:"Button"});default:return sa(Oe,{...o,children:"Button"})}};Fe.options=vl;Fe.states=Al;Fe.variants=Sl;Fe.defaultOptions=El;Fe.modifiers=Il;Fe.className=y.className;import{jsx as co,jsxs as Dl}from"react/jsx-runtime";var po="k-spin-button",Ml=[],Ol={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},da={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},we=a=>{let{size:t,fillMode:o,disabled:l,increaseLabel:n=da.increaseLabel,decreaseLabel:d=da.decreaseLabel,...u}=a;return Dl("span",{...u,className:r(po,a.className),children:[co(y,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:l,"aria-label":n}),co(y,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:l,"aria-label":d})]})};we.states=Ml;we.options=Ol;we.className=po;we.defaultOptions=da;we.moduleName=null;we.folderName=null;var mo="date-input",uo="dateinput";import{jsx as dt,jsxs as Hl}from"react/jsx-runtime";var xo="k-dateinput",_l=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Kl={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]},Pl={},X=a=>{let{size:t,rounded:o,fillMode:l,value:n,placeholder:d,hover:u,focus:m,valid:x,invalid:C,required:T,loading:w,disabled:A,readonly:J,showClearButton:Z,showSpinButton:P,id:D,"aria-label":z,"aria-describedby":te,...fe}=a;return Hl(V,{...fe,size:t,rounded:o,fillMode:l,hover:u,focus:m,valid:x,invalid:C,required:T,loading:w,disabled:A,readonly:J,className:r(a.className,xo),children:[dt(re,{id:D,placeholder:d,value:n,disabled:A,"aria-label":z,"aria-describedby":te,"aria-invalid":C?"true":void 0}),dt(ie,{valid:x,invalid:C,loading:w,disabled:A}),dt(pe,{loading:w,disabled:A}),Z&&dt(le,{loading:w,disabled:A,readonly:J,value:n}),P&&dt(we,{className:"k-input-spinner",size:t,fillMode:l,disabled:A})]})};X.states=_l;X.options=Kl;X.className=xo;X.defaultOptions=Pl;X.moduleName=mo;X.folderName=uo;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 ca=X;import{jsx as zl}from"react/jsx-runtime";var Co=a=>zl(ca,{...a});import{jsx as Hc}from"react/jsx-runtime";import{jsx as $l}from"react/jsx-runtime";var Vl=X.options,Fl=X.states,Bl=X.defaultOptions,Ul=[{name:"spin-button",title:"`Spin` Button"}],Wl=[],Be=a=>{let{modifiers:t,...o}=a,l={};return Object.keys(t||{}).forEach(n=>{n==="spin-button"&&(l.showSpinButton=!!t?.[n])}),$l(Co,{value:"2/04/2021",style:{width:"300px"},...o,...l})};Be.options=Vl;Be.states=Fl;Be.variants=Wl;Be.defaultOptions=Bl;Be.modifiers=Ul;Be.className=X.className;var pa="floating-label",fo=pa;import{jsx as ql,jsxs as bo}from"react/jsx-runtime";var ma="k-floating-label-container",Jl=[p.hover,p.focus,p.valid,p.invalid,p.empty,p.disabled],Xl={},Gl={},Y=a=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:d,empty:u,label:m,optional:x,...C}=a;return bo("span",{...C,className:r(a.className,ma,j(ma,{hover:t,focus:o,disabled:l,empty:u,valid:d,invalid:n})),children:[a.children,m&&bo("label",{className:"k-floating-label",children:[m,x&&ql("span",{className:"k-label-optional",children:"(Optional)"})]})]})};Y.states=Jl;Y.options=Xl;Y.className=ma;Y.defaultOptions=Gl;Y.moduleName=pa;Y.folderName=fo;var ua="textbox",No=ua;import{Fragment as To,jsx as ge,jsxs as xa}from"react/jsx-runtime";var yo="k-textbox",Yl=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Ql={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]},Lt={showClearButton:!0,showValidationIcon:!0,separators:!0},B=a=>{let{size:t,rounded:o,fillMode:l,separators:n=Lt.separators,showClearButton:d=Lt.showClearButton,showValidationIcon:u=Lt.showValidationIcon,prefix:m,suffix:x,type:C,value:T,placeholder:w,hover:A,focus:J,valid:Z,invalid:P,required:D,loading:z,disabled:te,readonly:fe,id:Me,"aria-label":ot,"aria-describedby":Ke,...Jt}=a;return xa(V,{...Jt,size:t,rounded:o,fillMode:l,hover:A,focus:J,valid:Z,invalid:P,required:D,loading:z,disabled:te,readonly:fe,className:r(a.className,yo),children:[m&&xa(To,{children:[ge(It,{children:m}),n&&ge(He,{})]}),ge(re,{id:Me,placeholder:w,value:T,type:C,disabled:te,"aria-label":ot,"aria-describedby":Ke,"aria-invalid":P?"true":void 0}),u&&ge(ie,{valid:Z,invalid:P,loading:z,disabled:te}),ge(pe,{loading:z,disabled:te}),d&&ge(le,{loading:z,disabled:te,readonly:fe,value:T}),x&&xa(To,{children:[n&&ge(He,{}),ge(Rt,{children:x})]})]})};B.states=Yl;B.options=Ql;B.className=yo;B.defaultOptions=Lt;B.moduleName=ua;B.folderName=No;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 ct=B;import{jsx as Zl}from"react/jsx-runtime";var Mt=a=>Zl(ct,{...a});import{Fragment as xp,jsx as up}from"react/jsx-runtime";import{Fragment as yp,jsx as Tp}from"react/jsx-runtime";import{jsx as gp}from"react/jsx-runtime";import{jsx as Ca}from"react/jsx-runtime";var jl=B.states,er=B.defaultOptions,tr=B.options,ar=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],or=[],Ue=a=>{let{modifiers:t,...o}=a,l={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":l.prefix=t?.[n]?Ca(E,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t?.[n]?Ca(Oe,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":l.showClearButton=t?.[n];break;default:break}}),Ca(Mt,{value:"Value",style:{width:300},...o,...l})};Ue.options=tr;Ue.states=jl;Ue.variants=or;Ue.defaultOptions=er;Ue.modifiers=ar;Ue.className=B.className;import{jsx as Up}from"react/jsx-runtime";import{jsx as Gp}from"react/jsx-runtime";import{jsx as ko}from"react/jsx-runtime";var lr=Y.options,rr=[],ir=Y.states,sr=Y.defaultOptions,dr=[],We=a=>ko(Y,{label:"Floating Label",empty:!0,...a,children:ko(Mt,{style:{width:"300px"},...a})});We.options=lr;We.states=ir;We.variants=rr;We.defaultOptions=sr;We.modifiers=dr;We.className=Y.className;import{jsx as cr}from"react/jsx-runtime";var ho="k-calendar-view",fa={orientation:"horizontal",calendarView:"month"},Ot=a=>{let{orientation:t=fa.orientation,calendarView:o=fa.calendarView,gridRole:l,ariaLabelledBy:n,...d}=a;return cr("div",{...d,className:r(a.className,ho,`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})};Ot.className=ho;Ot.defaultOptions=fa;import{jsx as pt,jsxs as wo}from"react/jsx-runtime";var go="k-calendar-header",pr={size:[s.undefined,s.small,s.medium,s.large]},mt={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},De=a=>{let{calendarTitleText:t=mt.calendarTitleText,showToday:o=mt.showToday,showNavigationButtons:l=mt.showNavigationButtons,orientation:n=mt.orientation,size:d,calendarView:u,dir:m,titleId:x,...C}=a,T=m==="rtl"?"chevron-right":"chevron-left",w=m==="rtl"?"chevron-left":"chevron-right",A=x||he("calendar-title");return wo("div",{...C,className:r(a.className,go,{"k-vstack":n==="vertical"}),children:[pt(y,{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"}:{}}),pt("span",{className:"k-spacer"}),wo("span",{className:"k-calendar-nav",children:[l&&pt(y,{className:"k-calendar-nav-prev",icon:T,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&pt(y,{size:d,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&pt(y,{className:"k-calendar-nav-next",icon:w,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};De.options=pr;De.className=go;De.defaultOptions=mt;import{jsx as vo}from"react/jsx-runtime";var Ao="k-calendar-footer",mr={size:[s.undefined,s.small,s.medium,s.large]},Eo={calendarFooterText:"Tuesday, October 12, 2021"},ut=a=>{let{size:t,calendarFooterText:o=Eo.calendarFooterText,...l}=a;return vo("div",{...l,className:r(a.className,Ao),children:vo(y,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};ut.options=mr;ut.className=Ao;ut.defaultOptions=Eo;var U="calendar",G=U;import{jsx as ba,jsxs as Cr}from"react/jsx-runtime";var Na="k-calendar",ur=[],xr={size:[s.undefined,s.small,s.medium,s.large]},xt={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},L=a=>{let{size:t,orientation:o=xt.orientation,calendarView:l=xt.calendarView,calendarTitleText:n=xt.calendarTitleText,showCalendarHeader:d=xt.showCalendarHeader,showWeek:u,showCalendarFooter:m,calendarFooterText:x,dir:C,...T}=a,w=he("calendar-title");return Cr("div",{...T,dir:C,className:r(a.className,Na,_(Na,{size:t}),{"k-week-number":u}),children:[d&&ba(De,{calendarView:l,showToday:!m,calendarTitleText:n,orientation:o,size:t,dir:C,titleId:w}),ba(Ot,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:w,children:a.children}),m&&ba(ut,{calendarFooterText:x,size:t})]})};L.states=ur;L.options=xr;L.className=Na;L.defaultOptions=xt;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 Tr}from"react/jsx-runtime";var So="k-calendar-container",fr=[],br={},Nr={},$e=a=>{let{...t}=a;return Tr("div",{...t,className:r(a.className,So),children:a.children})};$e.states=fr;$e.options=br;$e.className=So;$e.defaultOptions=Nr;$e.moduleName=U;$e.folderName=G;import{Fragment as kr,jsx as Je,jsxs as hr}from"react/jsx-runtime";var yr=[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:T,empty:w,hover:A,focus:J,active:Z,selected:P,disabled:D,...z}=a,fe=`k-calendar-${o?"th":"td"}`,Me=[a.className,fe,j(fe,{hover:A,focus:J,active:Z,selected:P,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}],ot={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Ke=t?ot[t]||t:void 0;return Je("th",{...z,className:r(Me),role:"columnheader",scope:"col","aria-label":Ke,children:u?Je("span",{className:"k-sr-only",children:Ke}):t})}return u?Je("td",{...z,className:r(Me),children:t}):Je("td",{...z,className:r(Me),role:"gridcell",...P?{"aria-selected":"true"}:{},...D?{"aria-disabled":"true"}:{},children:w&&!d?Je(kr,{children:"\xA0"}):hr("span",{className:"k-link",children:[t,T&&Je("span",{className:"k-day-indicator"})]})})};e.states=yr;import{jsx as Ta,jsxs as wr}from"react/jsx-runtime";var Io="k-calendar-thead",Ro={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Xe=a=>{let{showWeek:t,cellsText:o=Ro.cellsText,...l}=a;return Ta("thead",{...l,className:r(a.className,Io),role:"rowgroup",children:wr("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))]})})};Xe.className=Io;Xe.defaultOptions=Ro;import{jsx as gr}from"react/jsx-runtime";var Lo="k-calendar-tbody",F=a=>{let{...t}=a;return gr("tbody",{...t,className:r(a.className,Lo),role:"rowgroup",children:a.children})};F.className=Lo;F.moduleName=U;F.folderName=G;import{jsx as ya,jsxs as Ar}from"react/jsx-runtime";var vr="k-calendar-table",M=a=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:n,ariaActiveDescendant:d,gridRole:u,...m}=a;return Ar("table",{...m,className:r(a.className,vr),...u?{role:"grid","aria-labelledby":n,"aria-activedescendant":d,tabIndex:0}:{role:"none"},children:[t&&ya("caption",{className:"k-calendar-caption",children:t}),o&&ya(Xe,{showWeek:l}),ya(F,{children:a.children})]})};import{jsx as ka,jsxs as Mo}from"react/jsx-runtime";var Oo="k-calendar-navigation",Ct=a=>Mo("div",{...a,className:r(a.className,Oo),children:[ka("span",{className:"k-calendar-navigation-highlight"}),Mo("div",{className:"k-content k-scrollable",children:[ka("ul",{className:"k-reset",children:a.children}),ka("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});Ct.className=Oo;Ct.moduleName=U;Ct.folderName=G;import{jsx as Sr}from"react/jsx-runtime";var Er="k-calendar-table",ha=a=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=a;return Sr("table",{...l,className:r(a.className,Er),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:a.children})};import{jsx as se,jsxs as Dt}from"react/jsx-runtime";var Do="k-calendar-view",Ge={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},qe=a=>{let{orientation:t=Ge.orientation,calendarView:o=Ge.calendarView,headerText:l=Ge.headerText,showWeekdays:n=Ge.showWeekdays,showNavigationButtons:d=Ge.showNavigationButtons,showWeekNumbers:u,weekdayCellsText:m,gridLabelledBy:x,...C}=a;return Dt("div",{...C,className:r(Do,`k-calendar-${o}view`,a.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[se(De,{showNavigationButtons:d,calendarTitleText:l,orientation:"horizontal"}),n&&Dt(ha,{className:"k-calendar-weekdays",tableRole:"table",children:[Dt("colgroup",{children:[se("col",{}),se("col",{}),se("col",{}),se("col",{}),se("col",{}),se("col",{}),se("col",{})]}),se(Xe,{cellsText:m,showWeek:u})]}),Dt("div",{className:"k-content k-scrollable",role:"none",children:[se(ha,{tableRole:"grid",ariaLabelledBy:x,children:a.children}),se("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};qe.className=Do;qe.defaultOptions=Ge;qe.moduleName=U;qe.folderName=G;import{jsx as _t,jsxs as Or}from"react/jsx-runtime";var _o="k-calendar-infinite",Ir={size:[s.undefined,s.small,s.medium,s.large]},Rr=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Lr={2021:"marker",2022:"marker"},Mr=(a,t)=>a.map((o,l)=>_t("li",{children:_t("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),ft={showNavigation:!0,calendarView:"month",navigationItems:Rr,navigationMarkerConfig:Lr},K=a=>{let{size:t,showNavigation:o=ft.showNavigation,calendarView:l=ft.calendarView,navigationItems:n=ft.navigationItems,navigationMarkerConfig:d=ft.navigationMarkerConfig,calendarTitleText:u,showWeekdays:m,showWeekNumbers:x,showNavigationButtons:C,calendarWeekdays:T,...w}=a,A=he("calendar-infinite-title");return Or("div",{...w,className:r(a.className,"k-calendar",_o,_("k-calendar",{size:t})),children:[o&&_t(Ct,{children:Mr(n,d)}),_t(qe,{calendarView:l,headerText:u,showWeekdays:m,showWeekNumbers:x,showNavigationButtons:C,orientation:"vertical",weekdayCellsText:T,gridLabelledBy:A,children:a.children})]})};K.options=Ir;K.className=_o;K.defaultOptions=ft;K.moduleName=U;K.folderName=G;K.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 Dr}from"react/jsx-runtime";var Ko="k-calendar-tr",i=a=>{let{...t}=a;return Dr("tr",{...t,className:r(a.className,Ko),role:"row",children:a.children})};i.className=Ko;i.moduleName=U;i.folderName=G;import{jsx as _r}from"react/jsx-runtime";var Po="k-calendar-caption",q=a=>{let{text:t,scope:o,colSpan:l,rowSpan:n,...d}=a;return _r("th",{...d,scope:o,colSpan:l,rowSpan:n,className:r(a.className,Po),children:t})};q.className=Po;q.moduleName=U;q.folderName=G;import{jsx as ae,jsxs as Kt}from"react/jsx-runtime";var Ho=({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 Pt}from"react/jsx-runtime";var zo=({showOtherDecade:a,...t})=>oe(L,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:Pt(M,{children:[Pt(i,{children:[oe(e,{text:"2019",empty:!a}),oe(e,{text:"2020"}),oe(e,{text:"2021",today:!0}),oe(e,{text:"2022"})]}),Pt(i,{children:[oe(e,{text:"2023"}),oe(e,{text:"2024"}),oe(e,{text:"2025"}),oe(e,{text:"2026"})]}),Pt(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 Vo=({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 Mu,jsxs as Ou}from"react/jsx-runtime";import{jsx as ne,jsxs as Ht}from"react/jsx-runtime";var Fo=a=>ne(L,{calendarView:"year",calendarTitleText:"2019",children:Ht(M,{children:[Ht(i,{children:[ne(e,{text:"Jan"}),ne(e,{text:"Feb"}),ne(e,{text:"Mar"}),ne(e,{text:"Apr"})]}),Ht(i,{children:[ne(e,{text:"May"}),ne(e,{text:"Jun"}),ne(e,{text:"Jul"}),ne(e,{text:"Au"})]}),Ht(i,{children:[ne(e,{text:"Sep"}),ne(e,{text:"Oct",today:!0}),ne(e,{text:"Nov"}),ne(e,{text:"Dec"})]})]}),...a});import{Fragment as Kr,jsx as f,jsxs as be}from"react/jsx-runtime";var Bo=({firstCaption:a="January 2021",secondCaption:t="February 2021",...o})=>f(K,{calendarTitleText:"January 2021",children:be(Kr,{children:[be("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),be(F,{children:[f(i,{"aria-hidden":"true",children:f(q,{scope:"col",colSpan:7,text:a})}),be(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})]}),be(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})]}),be(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})]}),be(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})]}),be(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})]}),be(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 Pr,jsx as g,jsxs as ue}from"react/jsx-runtime";var Uo=({firstCaption:a="2021",secondCaption:t="2022",...o})=>g(K,{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:ue(Pr,{children:[ue("colgroup",{children:[g("col",{}),g("col",{}),g("col",{}),g("col",{})]}),ue(F,{children:[g(i,{"aria-hidden":"true",children:g(q,{scope:"col",colSpan:4,text:a})}),ue(i,{children:[g(e,{text:"Jan",today:!0}),g(e,{text:"Feb"}),g(e,{text:"Mar"}),g(e,{text:"Apr"})]}),ue(i,{children:[g(e,{text:"May"}),g(e,{text:"Jun"}),g(e,{text:"Jul"}),g(e,{text:"Aug"})]}),ue(i,{children:[g(e,{text:"Sep"}),g(e,{text:"Oct"}),g(e,{text:"Nov"}),g(e,{text:"Dec"})]})]}),ue(F,{children:[g(i,{"aria-hidden":"true",children:g(q,{scope:"col",colSpan:4,text:t})}),ue(i,{children:[g(e,{text:"Jan"}),g(e,{text:"Feb"}),g(e,{text:"Mar"}),g(e,{text:"Apr"})]}),ue(i,{children:[g(e,{text:"May"}),g(e,{text:"Jun"}),g(e,{text:"Jul"}),g(e,{text:"Aug"})]}),ue(i,{children:[g(e,{text:"Sep"}),g(e,{text:"Oct"}),g(e,{text:"Nov"}),g(e,{text:"Dec"})]})]})]}),...o});import{Fragment as Hr,jsx as v,jsxs as xe}from"react/jsx-runtime";var Wo=({firstCaption:a="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>v(K,{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:xe(Hr,{children:[xe("colgroup",{children:[v("col",{}),v("col",{}),v("col",{}),v("col",{})]}),xe(F,{children:[v(i,{"aria-hidden":"true",children:v(q,{scope:"col",colSpan:4,text:a})}),xe(i,{children:[v(e,{text:"2020",today:!0}),v(e,{text:"2021"}),v(e,{text:"2022"}),v(e,{text:"2023"})]}),xe(i,{children:[v(e,{text:"2024"}),v(e,{text:"2025"}),v(e,{text:"2026"}),v(e,{text:"2027"})]}),xe(i,{children:[v(e,{text:"2028"}),v(e,{text:"2029"}),v(e,{empty:!0}),v(e,{empty:!0})]})]}),xe(F,{children:[v(i,{"aria-hidden":"true",children:v(q,{scope:"col",colSpan:4,text:t})}),xe(i,{children:[v(e,{text:"2030"}),v(e,{text:"2031"}),v(e,{text:"2032"}),v(e,{text:"2033"})]}),xe(i,{children:[v(e,{text:"2034"}),v(e,{text:"2035"}),v(e,{text:"2036"}),v(e,{text:"2037"})]}),xe(i,{children:[v(e,{text:"2038"}),v(e,{text:"2039"}),v(e,{empty:!0}),v(e,{empty:!0})]})]})]}),...o});import{Fragment as zr,jsx as H,jsxs as Ye}from"react/jsx-runtime";var $o=({firstCaption:a="2000 - 2099",...t})=>H(K,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:Ye(zr,{children:[Ye("colgroup",{children:[H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),Ye(F,{children:[H(i,{"aria-hidden":"true",children:H(q,{scope:"col",colSpan:4,text:a})}),Ye(i,{children:[H(e,{text:"1900 - 1999"}),H(e,{text:"2000 - 2009"}),H(e,{text:"2010 - 2019"}),H(e,{text:"2020 - 2029"})]}),Ye(i,{children:[H(e,{text:"2030 - 2039"}),H(e,{text:"2040 - 2049"}),H(e,{text:"2050 - 2059"}),H(e,{text:"2060 - 2069"})]}),Ye(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 ex,jsx as Zu,jsxs as ju}from"react/jsx-runtime";import{jsx as nx,jsxs as lx}from"react/jsx-runtime";import{Fragment as px,jsx as dx,jsxs as cx}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var Vr=L.options,Fr=L.states,Jo={...L.defaultOptions,variant:"month"},Br=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Ur=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Qe=a=>{let{variant:t,modifiers:o,...l}={...Jo,...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 zt(Ho,{size:l.size,showOtherCentury:m,showCalendarFooter:x});case"decade":return zt(zo,{size:l.size,showOtherDecade:u,showCalendarFooter:x});case"year":return zt(Fo,{calendarTitleText:"2021",size:l.size,showCalendarFooter:x});default:return zt(Vo,{size:l.size,showOtherMonth:d,showCalendarFooter:x})}};Qe.options=Vr;Qe.states=Fr;Qe.variants=Br;Qe.defaultOptions=Jo;Qe.modifiers=Ur;Qe.className=L.className;import{jsx as Vt}from"react/jsx-runtime";var Wr=K.options,$r=K.states,Xo={...K.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($o,{size:l.size,showOtherCentury:m,showCalendarFooter:x});case"decade":return Vt(Wo,{size:l.size,showOtherDecade:u,showCalendarFooter:x});case"year":return Vt(Uo,{size:l.size,showCalendarFooter:x});default:return Vt(Bo,{size:l.size,showOtherMonth:d,showCalendarFooter:x})}};Ze.options=Wr;Ze.states=$r;Ze.variants=Jr;Ze.defaultOptions=Xo;Ze.modifiers=Xr;Ze.className=K.className;var Go="calendar",qo="calendar";import{jsx as Yr}from"react/jsx-runtime";var Yo="k-calendar-range",Gr=[],qr={size:[s.undefined,s.small,s.medium,s.large]},Ft={calendarTitleText:"October 2021 - November 2021",orientation:"horizontal",calendarView:"month"},O=a=>{let{size:t,orientation:o=Ft.orientation,calendarView:l=Ft.calendarView,calendarTitleText:n=Ft.calendarTitleText,showCalendarFooter:d,showWeek:u,dir:m,...x}=a;return Yr(L,{...x,className:r(a.className,Yo),size:t,calendarTitleText:n,calendarView:l,orientation:o,showCalendarFooter:d,showWeek:u,dir:m})};O.states=Gr;O.options=qr;O.className=Yo;O.defaultOptions=Ft;O.moduleName=Go;O.folderName=qo;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 Qr,jsx as S,jsxs as Ne}from"react/jsx-runtime";var Qo=({showCaptions:a,showOtherCentury:t,...o})=>S(O,{calendarView:"century",calendarTitleText:"1900 - 2099",children:Ne(Qr,{children:[Ne(M,{calendarCaption:a&&"1900 - 1999",children:[Ne(i,{children:[S(e,{text:"1890 - 1899",empty:!t}),S(e,{text:"1900 - 1909"}),S(e,{text:"1910 - 1919"}),S(e,{text:"1920 - 1929"})]}),Ne(i,{children:[S(e,{text:"1930 - 1939"}),S(e,{text:"1940 - 1949"}),S(e,{text:"1950 - 1959"}),S(e,{text:"1960 - 1969"})]}),Ne(i,{children:[S(e,{text:"1970 - 1979"}),S(e,{text:"1980 - 1989"}),S(e,{text:"1990 - 1999"}),S(e,{text:"2000 - 2009",empty:!t})]})]}),Ne(M,{calendarCaption:a&&"2000 - 2099",children:[Ne(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})]}),Ne(i,{children:[S(e,{text:"2030 - 2039"}),S(e,{text:"2040 - 2049"}),S(e,{text:"2050 - 2059"}),S(e,{text:"2060 - 2069"})]}),Ne(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 Zr,jsx as I,jsxs as Te}from"react/jsx-runtime";var Zo=({showCaptions:a,showOtherDecade:t,...o})=>I(O,{calendarView:"decade",calendarTitleText:"2020 - 2039",children:Te(Zr,{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 jr,jsx as c,jsxs as Q}from"react/jsx-runtime";var bt=({showCaptions:a,showOthe