@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 71.9 kB
JavaScript
var Dn=Object.create;var Ot=Object.defineProperty;var _n=Object.getOwnPropertyDescriptor;var Kn=Object.getOwnPropertyNames;var Pn=Object.getPrototypeOf,Hn=Object.prototype.hasOwnProperty;var zn=(a,t)=>{for(var o in t)Ot(a,o,{get:t[o],enumerable:!0})},Ha=(a,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Kn(t))!Hn.call(a,n)&&n!==o&&Ot(a,n,{get:()=>t[n],enumerable:!(l=_n(t,n))||l.enumerable});return a};var Vn=(a,t,o)=>(o=a!=null?Dn(Pn(a)):{},Ha(t||!a||!a.__esModule?Ot(o,"default",{value:a,enumerable:!0}):o,a)),Fn=a=>Ha(Ot({},"__esModule",{value:!0}),a);var Ti={};zn(Ti,{DateRangePickerAdaptive:()=>Ni});module.exports=Fn(Ti);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 P=(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"}),le=(a,t)=>{let{valid:o,invalid:l,hover:n,focus:s,checked:u,active:m,selected:x,disabled:f,indeterminate:h,loading:g,empty:I,readonly:Z,highlighted:ne,...V}=t;return r({"k-valid":o,"k-invalid":l,"k-hover":n,"k-focus":s,"k-checked":u,"k-active":m,"k-selected":x,"k-disabled":f,"k-indeterminate":h&&!u,"k-loading":g,"k-empty":I,"k-readonly":Z,"k-highlighted":ne},Object.keys(V).reduce((K,W)=>(W.startsWith("k-")?K[W]=V[W]:K[`k-${W}`]=V[W],K),{}))};function za(a,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},N={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Ce={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},v={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 Qt={};function he(a){return Qt[a]=(Qt[a]||0)+1,`k-${a}-${Qt[a]}`}var dt="input",Dt=dt;var Va=require("react/jsx-runtime"),_t="k-input",Bn=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Un={size:[c.undefined,c.small,c.medium,c.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Wn={},$=a=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:s,loading:u,readonly:m,size:x,rounded:f,fillMode:h,...g}=a;return(0,Va.jsx)("span",{...g,className:r(a.className,_t,P(_t,{size:x,rounded:f,fillMode:h}),le(_t,{hover:t,focus:o,disabled:l,invalid:n,valid:s,loading:u,readonly:m}))})};$.states=Bn;$.options=Un;$.className=_t;$.defaultOptions=Wn;$.moduleName=dt;$.folderName=Dt;var Fa=require("react/jsx-runtime"),Kt="k-picker",$n=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Jn={size:[c.undefined,c.small,c.medium,c.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Xn={},Ve=a=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:s,loading:u,readonly:m,size:x,rounded:f,fillMode:h,...g}=a;return(0,Fa.jsx)("span",{...g,className:r(a.className,Kt,P(Kt,{size:x,rounded:f,fillMode:h}),le(Kt,{hover:t,focus:o,disabled:l,invalid:n,valid:s,loading:u,readonly:m})),children:a.children})};Ve.states=$n;Ve.options=Jn;Ve.className=Kt;Ve.defaultOptions=Xn;Ve.moduleName=dt;Ve.folderName=Dt;var ct=require("react/jsx-runtime"),Zt="k-font-icon",Gn=[],qn={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},Yn={},pt=a=>{let{size:t,themeColor:o,icon:l,rotate:n,flip:s,...u}=a;return l?(0,ct.jsx)("span",{...u,className:r(a.className,Zt,P(Zt,{size:t}),{[`k-i-${l}`]:l,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):(0,ct.jsx)(ct.Fragment,{})};pt.states=Gn;pt.options=qn;pt.className=Zt;pt.defaultOptions=Yn;var Ba=pt;var Oe=require("react/jsx-runtime"),jt="k-svg-icon",Qn=[],Zn={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[Ce.outline,Ce.solid,Ce.duotone]},ea={viewBox:"0 0 24 24",variant:Ce.outline},mt=a=>{var g,I;let{size:t,themeColor:o,rotate:l,flip:n,viewBox:s=ea.viewBox,variant:u=ea.variant,icon:m,...x}=a;if(!m)return(0,Oe.jsx)(Oe.Fragment,{});if(m==="none")return(0,Oe.jsx)("span",{...x,className:r(a.className,jt,P("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof m=="object"&&m.name&&m.name,h=typeof m=="object"?u&&((g=m.variants)==null?void 0:g[u])||((I=m.variants)==null?void 0:I.outline)||m.content:void 0;return(0,Oe.jsx)("span",{...x,className:r(a.className,jt,P("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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:(0,Oe.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:m?void 0:a.children})})};mt.states=Qn;mt.options=Zn;mt.className=jt;mt.defaultOptions=ea;var ta=mt;var aa=Vn(require("@progress/kendo-svg-icons"));var Ua="icon",Wa="icons";var Xa=require("react");var $a=require("react"),Ja=(0,$a.createContext)({iconsType:"svg"});var Te=require("react/jsx-runtime"),Pt="k-icon",jn=a=>a.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),el=[],tl={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[Ce.outline,Ce.solid,Ce.duotone]},Ht={viewBox:"0 0 24 24",type:"svg",variant:Ce.outline},L=a=>{let{iconsType:t}=(0,Xa.useContext)(Ja),{size:o,themeColor:l,icon:n,type:s=t||Ht.type,rotate:u,flip:m,viewBox:x=Ht.viewBox,variant:f=Ht.variant,...h}=a;if(!n)return(0,Te.jsx)(Te.Fragment,{});if((t||s)==="svg"){if(n==="none")return(0,Te.jsx)(ta,{...h,className:r(a.className,Pt),icon:n,size:o,variant:f});let I=aa[n]?n:jn(`${n}-icon`);return aa[I]?(0,Te.jsx)(ta,{...h,className:r(a.className,Pt),icon:aa[I],size:o,themeColor:l,rotate:u,flip:m,viewBox:x,variant:f}):(0,Te.jsx)(Te.Fragment,{})}return(0,Te.jsx)(Ba,{...h,className:r(a.className,Pt),icon:n,size:o,themeColor:l,rotate:u,flip:m})};L.states=el;L.options=tl;L.defaultOptions=Ht;L.className=Pt;L.moduleName=Ua;L.folderName=Wa;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Fe=require("react/jsx-runtime"),Ga="k-clear-value",al=[p.disabled,p.loading,p.readonly],ol={},ce=a=>{let{disabled:t,loading:o,readonly:l,value:n}=a;return t||l||o||!n?(0,Fe.jsx)(Fe.Fragment,{}):(0,Fe.jsx)("span",{className:r(a.className,Ga),children:(0,Fe.jsx)(L,{icon:"x"})})};ce.states=al;ce.options=ol;ce.className=Ga;var qa=require("react/jsx-runtime"),oa="k-input-inner",nl=[],ll={},zt={type:"text",autocomplete:"off",value:"",placeholder:""},pe=a=>{let{value:t=zt.value,type:o=zt.type,placeholder:l=zt.placeholder,autocomplete:n=zt.autocomplete,disabled:s,readOnly:u,...m}=a;return(0,qa.jsx)("input",{...m,type:o,className:r(a.className,oa,P(oa,a)),placeholder:l,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:u||void 0})};pe.states=nl;pe.options=ll;pe.className=oa;var ut=require("react/jsx-runtime"),na="k-input-inner",rl=[],il={},la=a=>{let{value:t,placeholder:o,showValue:l,valueIcon:n,valueIconName:s,...u}=a;return(0,ut.jsxs)("span",{...u,className:r(a.className,na,P(na,a)),children:[n,!n&&s&&(0,ut.jsx)(L,{className:"k-input-value-icon",icon:s}),l&&!t&&o,l&&t&&(0,ut.jsx)("span",{className:"k-input-value-text",children:t})]})};la.states=rl;la.options=il;la.className=na;var Qa=require("react/jsx-runtime"),ra="k-input-inner",sl=[],dl={},Ya={value:"",placeholder:""},ia=a=>{let{value:t=Ya.value,placeholder:o=Ya.placeholder,rows:l,disabled:n,...s}=a;return(0,Qa.jsx)("textarea",{...s,className:r(a.className,ra,P(ra,a)),placeholder:o,rows:l,defaultValue:t,disabled:n||void 0})};ia.states=sl;ia.options=dl;ia.className=ra;var xt=require("react/jsx-runtime"),Za="k-input-loading-icon",cl=[p.disabled,p.loading],fe=a=>{let{disabled:t,loading:o}=a;return t||!o?(0,xt.jsx)(xt.Fragment,{}):(0,xt.jsx)("span",{className:r(a.className,Za,"k-icon k-i-loading")})};fe.states=cl;fe.className=Za;var Ct=require("react/jsx-runtime"),ja="k-input-validation-icon",pl=[p.valid,p.invalid,p.disabled,p.loading],ml={},me=a=>{let{valid:t,invalid:o,disabled:l,loading:n}=a,s=o?"warning-circle":"check-circle";return l||n||!!!(t||o)?(0,Ct.jsx)(Ct.Fragment,{}):(0,Ct.jsx)(L,{className:r(ja),icon:s})};me.states=pl;me.options=ml;me.className=ja;var ft=require("react/jsx-runtime"),ul="k-input-prefix",xl={direction:"horizontal"},Vt=a=>{let{direction:t=xl.direction,...o}=a;return a.children?(0,ft.jsx)("span",{...o,className:r(ul,a.className,{[`k-input-prefix-${t}`]:t}),children:a.children}):(0,ft.jsx)(ft.Fragment,{})};var bt=require("react/jsx-runtime"),Cl="k-input-suffix",fl={direction:"horizontal"},Ft=a=>{let{direction:t=fl.direction,...o}=a;return a.children?(0,bt.jsx)("span",{...o,className:r(Cl,a.className,{[`k-input-suffix-${t}`]:t}),children:a.children}):(0,bt.jsx)(bt.Fragment,{})};var bl=require("react/jsx-runtime");var Nl=require("react/jsx-runtime");var to=require("react/jsx-runtime"),eo="k-input-separator",Tl={direction:"vertical"},Be=a=>{let{direction:t=Tl.direction,...o}=a;return(0,to.jsx)("span",{...o,className:r(eo,a.className,{[`${eo}-${t}`]:t})})};var sa="button",ao=sa;var ie=require("react/jsx-runtime"),Nt="k-button",yl=["icon-button"],kl=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],hl={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},da={showArrow:!1,arrowIconName:"chevron-down"},w=a=>{let{as:t="button",size:o,rounded:l,fillMode:n,themeColor:s,showArrow:u=da.showArrow,arrowIconName:m=da.arrowIconName,variant:x,hover:f,focus:h,active:g,selected:I,disabled:Z,togglable:ne,ariaDisabled:V,icon:K,iconSize:W,text:re,iconClassName:Ne,className:Me,...st}=a,ze=K!=null,Yt=a.children!==void 0;return(0,ie.jsxs)(t,{className:r(Me,Nt,za(Nt,x),P(Nt,{size:o,rounded:l,fillMode:n,themeColor:s}),le(Nt,{hover:f,focus:h,active:g,disabled:Z||V,selected:I}),{"k-icon-button":!re&&!Yt&&ze}),"aria-pressed":ne?I?"true":"false":void 0,...st,"aria-disabled":V?"true":void 0,disabled:Z||void 0,children:[typeof K=="string"&&K&&(0,ie.jsx)(L,{className:r(Ne,"k-button-icon"),icon:K,size:W}),K&&typeof K!="string"&&(0,ie.jsx)(ie.Fragment,{children:K}),re?(0,ie.jsxs)(ie.Fragment,{children:[re&&(0,ie.jsx)("span",{className:"k-button-text",children:re}),a.children]}):a.children&&(0,ie.jsx)("span",{className:"k-button-text",children:a.children}),u&&(0,ie.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,ie.jsx)(L,{icon:m})})]})};w.states=kl;w.options=hl;w.variants=yl;w.className=Nt;w.defaultOptions=da;w.moduleName=sa;w.folderName=ao;w.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var oo=require("react/jsx-runtime"),De=a=>(0,oo.jsx)(w,{children:"Button",...a});var J=require("react/jsx-runtime"),wl=$.states,gl=$.defaultOptions,vl=$.options,Al=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],El=[],Ue=a=>{let{modifiers:t,valid:o,invalid:l,loading:n,disabled:s,readonly:u,...m}=a,x=t==null?void 0:t.prefix,f=t==null?void 0:t.suffix,h=t==null?void 0:t["clear-button"],g=t==null?void 0:t["validation-icon"],I=t==null?void 0:t.separators;return(0,J.jsxs)($,{...m,valid:o,invalid:l,loading:n,disabled:s,readonly:u,style:{width:300},children:[x&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(Vt,{children:(0,J.jsx)(L,{icon:"lock"})}),I&&(0,J.jsx)(Be,{})]}),(0,J.jsx)(pe,{placeholder:"Placeholder",value:"Value"}),g&&(0,J.jsx)(me,{valid:o,invalid:l,loading:n,disabled:s}),(0,J.jsx)(fe,{loading:n,disabled:s}),h&&(0,J.jsx)(ce,{loading:n,disabled:s,readonly:u,value:"Value"}),f&&(0,J.jsxs)(J.Fragment,{children:[I&&(0,J.jsx)(Be,{}),(0,J.jsx)(Ft,{children:(0,J.jsx)(De,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Ue.options=vl;Ue.states=wl;Ue.variants=El;Ue.defaultOptions=gl;Ue.modifiers=Al;Ue.className=$.className;var lo=require("react/jsx-runtime"),no=a=>(0,lo.jsx)(w,{icon:"folder",...a,"aria-label":a["aria-label"]||"Folder",children:void 0});var io=require("react/jsx-runtime"),ro=a=>(0,io.jsx)(w,{icon:"folder",children:"Button",...a});var Bt=require("react/jsx-runtime"),Sl=w.options,Il=w.states,Rl={...w.defaultOptions,variant:"text"},Ll=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ml=[],We=a=>{let{variant:t,...o}=a;switch(t){case"icon-only":return(0,Bt.jsx)(no,{...o,icon:"star"});case"icon-and-text":return(0,Bt.jsx)(ro,{...o,icon:"star",children:"Button"});default:return(0,Bt.jsx)(De,{...o,children:"Button"})}};We.options=Sl;We.states=Il;We.variants=Ll;We.defaultOptions=Rl;We.modifiers=Ml;We.className=w.className;var Tt=require("react/jsx-runtime"),so="k-spin-button",_l=[],Kl={size:[c.undefined,c.small,c.medium,c.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},ca={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},we=a=>{let{size:t,fillMode:o,disabled:l,increaseLabel:n=ca.increaseLabel,decreaseLabel:s=ca.decreaseLabel,...u}=a;return(0,Tt.jsxs)("span",{...u,className:r(so,a.className),children:[(0,Tt.jsx)(w,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:l,"aria-label":n}),(0,Tt.jsx)(w,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:l,"aria-label":s})]})};we.states=_l;we.options=Kl;we.className=so;we.defaultOptions=ca;we.moduleName=null;we.folderName=null;var co="date-input",po="dateinput";var ge=require("react/jsx-runtime"),mo="k-dateinput",Pl=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Hl={size:[c.undefined,c.small,c.medium,c.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},zl={},j=a=>{let{size:t,rounded:o,fillMode:l,value:n,placeholder:s,hover:u,focus:m,valid:x,invalid:f,required:h,loading:g,disabled:I,readonly:Z,showClearButton:ne,showSpinButton:V,id:K,"aria-label":W,"aria-describedby":re,...Ne}=a;return(0,ge.jsxs)($,{...Ne,size:t,rounded:o,fillMode:l,hover:u,focus:m,valid:x,invalid:f,required:h,loading:g,disabled:I,readonly:Z,className:r(a.className,mo),children:[(0,ge.jsx)(pe,{id:K,placeholder:s,value:n,disabled:I,"aria-label":W,"aria-describedby":re,"aria-invalid":f?"true":void 0}),(0,ge.jsx)(me,{valid:x,invalid:f,loading:g,disabled:I}),(0,ge.jsx)(fe,{loading:g,disabled:I}),ne&&(0,ge.jsx)(ce,{loading:g,disabled:I,readonly:Z,value:n}),V&&(0,ge.jsx)(we,{className:"k-input-spinner",size:t,fillMode:l,disabled:I})]})};j.states=Pl;j.options=Hl;j.className=mo;j.defaultOptions=zl;j.moduleName=co;j.folderName=po;j.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=j;var xo=require("react/jsx-runtime"),uo=a=>(0,xo.jsx)(pa,{...a});var Vl=require("react/jsx-runtime");var Co=require("react/jsx-runtime"),Fl=j.options,Bl=j.states,Ul=j.defaultOptions,Wl=[{name:"spin-button",title:"`Spin` Button"}],$l=[],$e=a=>{let{modifiers:t,...o}=a,l={};return Object.keys(t||{}).forEach(n=>{n==="spin-button"&&(l.showSpinButton=!!(t!=null&&t[n]))}),(0,Co.jsx)(uo,{value:"2/04/2021",style:{width:"300px"},...o,...l})};$e.options=Fl;$e.states=Bl;$e.variants=$l;$e.defaultOptions=Ul;$e.modifiers=Wl;$e.className=j.className;var ma="floating-label",fo=ma;var yt=require("react/jsx-runtime"),ua="k-floating-label-container",Jl=[p.hover,p.focus,p.valid,p.invalid,p.empty,p.disabled],Xl={},Gl={},oe=a=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:s,empty:u,label:m,optional:x,...f}=a;return(0,yt.jsxs)("span",{...f,className:r(a.className,ua,le(ua,{hover:t,focus:o,disabled:l,empty:u,valid:s,invalid:n})),children:[a.children,m&&(0,yt.jsxs)("label",{className:"k-floating-label",children:[m,x&&(0,yt.jsx)("span",{className:"k-label-optional",children:"(Optional)"})]})]})};oe.states=Jl;oe.options=Xl;oe.className=ua;oe.defaultOptions=Gl;oe.moduleName=ma;oe.folderName=fo;var xa="textbox",bo=xa;var ee=require("react/jsx-runtime"),No="k-textbox",ql=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Yl={size:[c.undefined,c.small,c.medium,c.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Ut={showClearButton:!0,showValidationIcon:!0,separators:!0},G=a=>{let{size:t,rounded:o,fillMode:l,separators:n=Ut.separators,showClearButton:s=Ut.showClearButton,showValidationIcon:u=Ut.showValidationIcon,prefix:m,suffix:x,type:f,value:h,placeholder:g,hover:I,focus:Z,valid:ne,invalid:V,required:K,loading:W,disabled:re,readonly:Ne,id:Me,"aria-label":st,"aria-describedby":ze,...Yt}=a;return(0,ee.jsxs)($,{...Yt,size:t,rounded:o,fillMode:l,hover:I,focus:Z,valid:ne,invalid:V,required:K,loading:W,disabled:re,readonly:Ne,className:r(a.className,No),children:[m&&(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(Vt,{children:m}),n&&(0,ee.jsx)(Be,{})]}),(0,ee.jsx)(pe,{id:Me,placeholder:g,value:h,type:f,disabled:re,"aria-label":st,"aria-describedby":ze,"aria-invalid":V?"true":void 0}),u&&(0,ee.jsx)(me,{valid:ne,invalid:V,loading:W,disabled:re}),(0,ee.jsx)(fe,{loading:W,disabled:re}),s&&(0,ee.jsx)(ce,{loading:W,disabled:re,readonly:Ne,value:h}),x&&(0,ee.jsxs)(ee.Fragment,{children:[n&&(0,ee.jsx)(Be,{}),(0,ee.jsx)(Ft,{children:x})]})]})};G.states=ql;G.options=Yl;G.className=No;G.defaultOptions=Ut;G.moduleName=xa;G.folderName=bo;G.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 kt=G;var To=require("react/jsx-runtime"),Wt=a=>(0,To.jsx)(kt,{...a});var yo=require("react/jsx-runtime");var ko=require("react/jsx-runtime");var Ql=require("react/jsx-runtime");var $t=require("react/jsx-runtime"),Zl=G.states,jl=G.defaultOptions,er=G.options,tr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ar=[],Je=a=>{let{modifiers:t,...o}=a,l={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":l.prefix=t!=null&&t[n]?(0,$t.jsx)(L,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t!=null&&t[n]?(0,$t.jsx)(De,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":l.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,$t.jsx)(Wt,{value:"Value",style:{width:300},...o,...l})};Je.options=er;Je.states=Zl;Je.variants=ar;Je.defaultOptions=jl;Je.modifiers=tr;Je.className=G.className;var nr=require("react/jsx-runtime");var lr=require("react/jsx-runtime");var Ca=require("react/jsx-runtime"),rr=oe.options,ir=[],sr=oe.states,dr=oe.defaultOptions,cr=[],Xe=a=>(0,Ca.jsx)(oe,{label:"Floating Label",empty:!0,...a,children:(0,Ca.jsx)(Wt,{style:{width:"300px"},...a})});Xe.options=rr;Xe.states=sr;Xe.variants=ir;Xe.defaultOptions=dr;Xe.modifiers=cr;Xe.className=oe.className;var wo=require("react/jsx-runtime"),ho="k-calendar-view",fa={orientation:"horizontal",calendarView:"month"},Jt=a=>{let{orientation:t=fa.orientation,calendarView:o=fa.calendarView,gridRole:l,ariaLabelledBy:n,...s}=a;return(0,wo.jsx)("div",{...s,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})};Jt.className=ho;Jt.defaultOptions=fa;var ye=require("react/jsx-runtime"),go="k-calendar-header",pr={size:[c.undefined,c.small,c.medium,c.large]},ht={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},_e=a=>{let{calendarTitleText:t=ht.calendarTitleText,showToday:o=ht.showToday,showNavigationButtons:l=ht.showNavigationButtons,orientation:n=ht.orientation,size:s,calendarView:u,dir:m,titleId:x,...f}=a,h=m==="rtl"?"chevron-right":"chevron-left",g=m==="rtl"?"chevron-left":"chevron-right",I=x||he("calendar-title");return(0,ye.jsxs)("div",{...f,className:r(a.className,go,{"k-vstack":n==="vertical"}),children:[(0,ye.jsx)(w,{disabled:u==="century",className:"k-calendar-title",text:t,size:s,fillMode:"flat",themeColor:"primary",id:I,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...u==="century"?{"aria-disabled":"true"}:{}}),(0,ye.jsx)("span",{className:"k-spacer"}),(0,ye.jsxs)("span",{className:"k-calendar-nav",children:[l&&(0,ye.jsx)(w,{className:"k-calendar-nav-prev",icon:h,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&(0,ye.jsx)(w,{size:s,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&(0,ye.jsx)(w,{className:"k-calendar-nav-next",icon:g,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};_e.options=pr;_e.className=go;_e.defaultOptions=ht;var ba=require("react/jsx-runtime"),vo="k-calendar-footer",mr={size:[c.undefined,c.small,c.medium,c.large]},Ao={calendarFooterText:"Tuesday, October 12, 2021"},wt=a=>{let{size:t,calendarFooterText:o=Ao.calendarFooterText,...l}=a;return(0,ba.jsx)("div",{...l,className:r(a.className,vo),children:(0,ba.jsx)(w,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};wt.options=mr;wt.className=vo;wt.defaultOptions=Ao;var q="calendar",te=q;var Ge=require("react/jsx-runtime"),Na="k-calendar",ur=[],xr={size:[c.undefined,c.small,c.medium,c.large]},gt={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},M=a=>{let{size:t,orientation:o=gt.orientation,calendarView:l=gt.calendarView,calendarTitleText:n=gt.calendarTitleText,showCalendarHeader:s=gt.showCalendarHeader,showWeek:u,showCalendarFooter:m,calendarFooterText:x,dir:f,...h}=a,g=he("calendar-title");return(0,Ge.jsxs)("div",{...h,dir:f,className:r(a.className,Na,P(Na,{size:t}),{"k-week-number":u}),children:[s&&(0,Ge.jsx)(_e,{calendarView:l,showToday:!m,calendarTitleText:n,orientation:o,size:t,dir:f,titleId:g}),(0,Ge.jsx)(Jt,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:g,children:a.children}),m&&(0,Ge.jsx)(wt,{calendarFooterText:x,size:t})]})};M.states=ur;M.options=xr;M.className=Na;M.defaultOptions=gt;M.moduleName=q;M.folderName=te;M.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."}]};var So=require("react/jsx-runtime"),Eo="k-calendar-container",Cr=[],fr={},br={},qe=a=>{let{...t}=a;return(0,So.jsx)("div",{...t,className:r(a.className,Eo),children:a.children})};qe.states=Cr;qe.options=fr;qe.className=Eo;qe.defaultOptions=br;qe.moduleName=q;qe.folderName=te;var ue=require("react/jsx-runtime"),Nr=[p.hover,p.focus,p.active,p.selected,p.disabled],e=a=>{let{text:t,headerCell:o,today:l,weekend:n,showOtherMonth:s,weekCell:u,rangeStart:m,rangeMid:x,rangeEnd:f,dayIndicator:h,empty:g,hover:I,focus:Z,active:ne,selected:V,disabled:K,...W}=a,Ne=`k-calendar-${o?"th":"td"}`,Me=[a.className,Ne,le(Ne,{hover:I,focus:Z,active:ne,selected:V,disabled:K}),{"k-today":l,"k-weekend":n,"k-other-month":s,"k-alt":u,"k-range-start":m,"k-range-mid":x,"k-range-end":f,"k-empty":g}],st={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let ze=t?st[t]||t:void 0;return(0,ue.jsx)("th",{...W,className:r(Me),role:"columnheader",scope:"col","aria-label":ze,children:u?(0,ue.jsx)("span",{className:"k-sr-only",children:ze}):t})}return u?(0,ue.jsx)("td",{...W,className:r(Me),children:t}):(0,ue.jsx)("td",{...W,className:r(Me),role:"gridcell",...V?{"aria-selected":"true"}:{},...K?{"aria-disabled":"true"}:{},children:g&&!s?(0,ue.jsx)(ue.Fragment,{children:"\xA0"}):(0,ue.jsxs)("span",{className:"k-link",children:[t,h&&(0,ue.jsx)("span",{className:"k-day-indicator"})]})})};e.states=Nr;var Ye=require("react/jsx-runtime"),Io="k-calendar-thead",Ro={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Qe=a=>{let{showWeek:t,cellsText:o=Ro.cellsText,...l}=a;return(0,Ye.jsx)("thead",{...l,className:r(a.className,Io),role:"rowgroup",children:(0,Ye.jsxs)("tr",{className:"k-calendar-tr",role:"row",children:[t&&(0,Ye.jsx)(e,{weekCell:!0,headerCell:!0,text:"W"}),o.map((n,s)=>(0,Ye.jsx)(e,{text:n,headerCell:!0},s))]})})};Qe.className=Io;Qe.defaultOptions=Ro;var Mo=require("react/jsx-runtime"),Lo="k-calendar-tbody",X=a=>{let{...t}=a;return(0,Mo.jsx)("tbody",{...t,className:r(a.className,Lo),role:"rowgroup",children:a.children})};X.className=Lo;X.moduleName=q;X.folderName=te;var Ze=require("react/jsx-runtime"),Tr="k-calendar-table",O=a=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:n,ariaActiveDescendant:s,gridRole:u,...m}=a;return(0,Ze.jsxs)("table",{...m,className:r(a.className,Tr),...u?{role:"grid","aria-labelledby":n,"aria-activedescendant":s,tabIndex:0}:{role:"none"},children:[t&&(0,Ze.jsx)("caption",{className:"k-calendar-caption",children:t}),o&&(0,Ze.jsx)(Qe,{showWeek:l}),(0,Ze.jsx)(X,{children:a.children})]})};var Ke=require("react/jsx-runtime"),Oo="k-calendar-navigation",vt=a=>(0,Ke.jsxs)("div",{...a,className:r(a.className,Oo),children:[(0,Ke.jsx)("span",{className:"k-calendar-navigation-highlight"}),(0,Ke.jsxs)("div",{className:"k-content k-scrollable",children:[(0,Ke.jsx)("ul",{className:"k-reset",children:a.children}),(0,Ke.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});vt.className=Oo;vt.moduleName=q;vt.folderName=te;var Do=require("react/jsx-runtime"),yr="k-calendar-table",Ta=a=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=a;return(0,Do.jsx)("table",{...l,className:r(a.className,yr),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:a.children})};var Y=require("react/jsx-runtime"),_o="k-calendar-view",je={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},et=a=>{let{orientation:t=je.orientation,calendarView:o=je.calendarView,headerText:l=je.headerText,showWeekdays:n=je.showWeekdays,showNavigationButtons:s=je.showNavigationButtons,showWeekNumbers:u,weekdayCellsText:m,gridLabelledBy:x,...f}=a;return(0,Y.jsxs)("div",{...f,className:r(_o,`k-calendar-${o}view`,a.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[(0,Y.jsx)(_e,{showNavigationButtons:s,calendarTitleText:l,orientation:"horizontal"}),n&&(0,Y.jsxs)(Ta,{className:"k-calendar-weekdays",tableRole:"table",children:[(0,Y.jsxs)("colgroup",{children:[(0,Y.jsx)("col",{}),(0,Y.jsx)("col",{}),(0,Y.jsx)("col",{}),(0,Y.jsx)("col",{}),(0,Y.jsx)("col",{}),(0,Y.jsx)("col",{}),(0,Y.jsx)("col",{})]}),(0,Y.jsx)(Qe,{cellsText:m,showWeek:u})]}),(0,Y.jsxs)("div",{className:"k-content k-scrollable",role:"none",children:[(0,Y.jsx)(Ta,{tableRole:"grid",ariaLabelledBy:x,children:a.children}),(0,Y.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};et.className=_o;et.defaultOptions=je;et.moduleName=q;et.folderName=te;var Pe=require("react/jsx-runtime"),Ko="k-calendar-infinite",kr={size:[c.undefined,c.small,c.medium,c.large]},hr=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],wr={2021:"marker",2022:"marker"},gr=(a,t)=>a.map((o,l)=>(0,Pe.jsx)("li",{children:(0,Pe.jsx)("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),At={showNavigation:!0,calendarView:"month",navigationItems:hr,navigationMarkerConfig:wr},H=a=>{let{size:t,showNavigation:o=At.showNavigation,calendarView:l=At.calendarView,navigationItems:n=At.navigationItems,navigationMarkerConfig:s=At.navigationMarkerConfig,calendarTitleText:u,showWeekdays:m,showWeekNumbers:x,showNavigationButtons:f,calendarWeekdays:h,...g}=a,I=he("calendar-infinite-title");return(0,Pe.jsxs)("div",{...g,className:r(a.className,"k-calendar",Ko,P("k-calendar",{size:t})),children:[o&&(0,Pe.jsx)(vt,{children:gr(n,s)}),(0,Pe.jsx)(et,{calendarView:l,headerText:u,showWeekdays:m,showWeekNumbers:x,showNavigationButtons:f,orientation:"vertical",weekdayCellsText:h,gridLabelledBy:I,children:a.children})]})};H.options=kr;H.className=Ko;H.defaultOptions=At;H.moduleName=q;H.folderName=te;H.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."}]};var Ho=require("react/jsx-runtime"),Po="k-calendar-tr",d=a=>{let{...t}=a;return(0,Ho.jsx)("tr",{...t,className:r(a.className,Po),role:"row",children:a.children})};d.className=Po;d.moduleName=q;d.folderName=te;var Vo=require("react/jsx-runtime"),zo="k-calendar-caption",ae=a=>{let{text:t,scope:o,colSpan:l,rowSpan:n,...s}=a;return(0,Vo.jsx)("th",{...s,scope:o,colSpan:l,rowSpan:n,className:r(a.className,zo),children:t})};ae.className=zo;ae.moduleName=q;ae.folderName=te;var F=require("react/jsx-runtime"),Fo=({showOtherCentury:a,...t})=>(0,F.jsx)(M,{calendarView:"century",calendarTitleText:"2000 - 2099",children:(0,F.jsxs)(O,{children:[(0,F.jsxs)(d,{children:[(0,F.jsx)(e,{text:"1990 - 1999"}),(0,F.jsx)(e,{text:"2000 - 2009"}),(0,F.jsx)(e,{text:"2010 - 2019",today:!0}),(0,F.jsx)(e,{text:"2020 - 2029"})]}),(0,F.jsxs)(d,{children:[(0,F.jsx)(e,{text:"2030 - 2039"}),(0,F.jsx)(e,{text:"2040 - 2049"}),(0,F.jsx)(e,{text:"2050 - 2059"}),(0,F.jsx)(e,{text:"2060 - 2069"})]}),(0,F.jsxs)(d,{children:[(0,F.jsx)(e,{text:"2070 - 2079"}),(0,F.jsx)(e,{text:"2080 - 2089"}),(0,F.jsx)(e,{text:"2090 - 2099"}),(0,F.jsx)(e,{text:"2100 - 2109",empty:!a})]})]}),...t});var B=require("react/jsx-runtime"),Bo=({showOtherDecade:a,...t})=>(0,B.jsx)(M,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:(0,B.jsxs)(O,{children:[(0,B.jsxs)(d,{children:[(0,B.jsx)(e,{text:"2019",empty:!a}),(0,B.jsx)(e,{text:"2020"}),(0,B.jsx)(e,{text:"2021",today:!0}),(0,B.jsx)(e,{text:"2022"})]}),(0,B.jsxs)(d,{children:[(0,B.jsx)(e,{text:"2023"}),(0,B.jsx)(e,{text:"2024"}),(0,B.jsx)(e,{text:"2025"}),(0,B.jsx)(e,{text:"2026"})]}),(0,B.jsxs)(d,{children:[(0,B.jsx)(e,{text:"2027"}),(0,B.jsx)(e,{text:"2028"}),(0,B.jsx)(e,{text:"2029"}),(0,B.jsx)(e,{text:"2030",empty:!a})]})]}),...t});var b=require("react/jsx-runtime"),Uo=({showCaptions:a,showOtherMonth:t,...o})=>(0,b.jsx)(M,{calendarView:"month",children:(0,b.jsxs)(O,{calendarCaption:a&&"October 2021",showTableHead:!0,children:[(0,b.jsxs)(d,{children:[(0,b.jsx)(e,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),(0,b.jsx)(e,{text:"27",showOtherMonth:t,empty:!t}),(0,b.jsx)(e,{text:"28",showOtherMonth:t,empty:!t}),(0,b.jsx)(e,{text:"29",showOtherMonth:t,empty:!t}),(0,b.jsx)(e,{text:"30",showOtherMonth:t,empty:!t}),(0,b.jsx)(e,{text:"1"}),(0,b.jsx)(e,{text:"2",weekend:!0})]}),(0,b.jsxs)(d,{children:[(0,b.jsx)(e,{text:"3",weekend:!0}),(0,b.jsx)(e,{text:"4"}),(0,b.jsx)(e,{text:"5"}),(0,b.jsx)(e,{text:"6"}),(0,b.jsx)(e,{text:"7"}),(0,b.jsx)(e,{text:"8"}),(0,b.jsx)(e,{text:"9",weekend:!0})]}),(0,b.jsxs)(d,{children:[(0,b.jsx)(e,{text:"10",weekend:!0}),(0,b.jsx)(e,{text:"11"}),(0,b.jsx)(e,{text:"12",today:!0}),(0,b.jsx)(e,{text:"13"}),(0,b.jsx)(e,{text:"14"}),(0,b.jsx)(e,{text:"15"}),(0,b.jsx)(e,{text:"16",weekend:!0})]}),(0,b.jsxs)(d,{children:[(0,b.jsx)(e,{text:"17",weekend:!0}),(0,b.jsx)(e,{text:"18"}),(0,b.jsx)(e,{text:"19"}),(0,b.jsx)(e,{text:"20"}),(0,b.jsx)(e,{text:"21"}),(0,b.jsx)(e,{text:"22"}),(0,b.jsx)(e,{text:"23",weekend:!0})]}),(0,b.jsxs)(d,{children:[(0,b.jsx)(e,{text:"24",weekend:!0}),(0,b.jsx)(e,{text:"25"}),(0,b.jsx)(e,{text:"26"}),(0,b.jsx)(e,{text:"27"}),(0,b.jsx)(e,{text:"28"}),(0,b.jsx)(e,{text:"29"}),(0,b.jsx)(e,{text:"30",weekend:!0})]}),(0,b.jsxs)(d,{children:[(0,b.jsx)(e,{text:"31",weekend:!0}),(0,b.jsx)(e,{text:"1",showOtherMonth:t,empty:!t}),(0,b.jsx)(e,{text:"2",showOtherMonth:t,empty:!t}),(0,b.jsx)(e,{text:"3",showOtherMonth:t,empty:!t}),(0,b.jsx)(e,{text:"4",showOtherMonth:t,empty:!t}),(0,b.jsx)(e,{text:"5",showOtherMonth:t,empty:!t}),(0,b.jsx)(e,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});var Wo=require("react/jsx-runtime");var U=require("react/jsx-runtime"),$o=a=>(0,U.jsx)(M,{calendarView:"year",calendarTitleText:"2019",children:(0,U.jsxs)(O,{children:[(0,U.jsxs)(d,{children:[(0,U.jsx)(e,{text:"Jan"}),(0,U.jsx)(e,{text:"Feb"}),(0,U.jsx)(e,{text:"Mar"}),(0,U.jsx)(e,{text:"Apr"})]}),(0,U.jsxs)(d,{children:[(0,U.jsx)(e,{text:"May"}),(0,U.jsx)(e,{text:"Jun"}),(0,U.jsx)(e,{text:"Jul"}),(0,U.jsx)(e,{text:"Au"})]}),(0,U.jsxs)(d,{children:[(0,U.jsx)(e,{text:"Sep"}),(0,U.jsx)(e,{text:"Oct",today:!0}),(0,U.jsx)(e,{text:"Nov"}),(0,U.jsx)(e,{text:"Dec"})]})]}),...a});var C=require("react/jsx-runtime"),Jo=({firstCaption:a="January 2021",secondCaption:t="February 2021",...o})=>(0,C.jsx)(H,{calendarTitleText:"January 2021",children:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("colgroup",{children:[(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{})]}),(0,C.jsxs)(X,{children:[(0,C.jsx)(d,{"aria-hidden":"true",children:(0,C.jsx)(ae,{scope:"col",colSpan:7,text:a})}),(0,C.jsxs)(d,{children:[(0,C.jsx)(e,{empty:!0}),(0,C.jsx)(e,{empty:!0}),(0,C.jsx)(e,{empty:!0}),(0,C.jsx)(e,{empty:!0}),(0,C.jsx)(e,{empty:!0}),(0,C.jsx)(e,{text:"1"}),(0,C.jsx)(e,{text:"2",weekend:!0})]}),(0,C.jsxs)(d,{children:[(0,C.jsx)(e,{text:"3",weekend:!0}),(0,C.jsx)(e,{text:"4"}),(0,C.jsx)(e,{text:"5"}),(0,C.jsx)(e,{text:"6"}),(0,C.jsx)(e,{text:"7"}),(0,C.jsx)(e,{text:"8"}),(0,C.jsx)(e,{text:"9",weekend:!0})]}),(0,C.jsxs)(d,{children:[(0,C.jsx)(e,{text:"10",weekend:!0}),(0,C.jsx)(e,{text:"11"}),(0,C.jsx)(e,{text:"12"}),(0,C.jsx)(e,{text:"13"}),(0,C.jsx)(e,{text:"14"}),(0,C.jsx)(e,{text:"15"}),(0,C.jsx)(e,{text:"16",weekend:!0})]}),(0,C.jsxs)(d,{children:[(0,C.jsx)(e,{text:"17",weekend:!0}),(0,C.jsx)(e,{text:"18"}),(0,C.jsx)(e,{text:"19"}),(0,C.jsx)(e,{text:"20"}),(0,C.jsx)(e,{text:"21"}),(0,C.jsx)(e,{text:"22"}),(0,C.jsx)(e,{text:"23",weekend:!0})]}),(0,C.jsxs)(d,{children:[(0,C.jsx)(e,{text:"24",weekend:!0}),(0,C.jsx)(e,{text:"25"}),(0,C.jsx)(e,{text:"26"}),(0,C.jsx)(e,{text:"27"}),(0,C.jsx)(e,{text:"28"}),(0,C.jsx)(e,{text:"29"}),(0,C.jsx)(e,{text:"30",weekend:!0})]}),(0,C.jsxs)(d,{children:[(0,C.jsx)(e,{text:"31",weekend:!0}),(0,C.jsx)(e,{empty:!0}),(0,C.jsx)(e,{empty:!0}),(0,C.jsx)(e,{empty:!0}),(0,C.jsx)(e,{empty:!0}),(0,C.jsx)(e,{empty:!0}),(0,C.jsx)(e,{empty:!0})]})]}),(0,C.jsx)(X,{children:(0,C.jsx)(d,{"aria-hidden":"true",children:(0,C.jsx)(ae,{scope:"col",colSpan:7,text:t})})})]}),...o});var T=require("react/jsx-runtime"),Xo=({firstCaption:a="2021",secondCaption:t="2022",...o})=>(0,T.jsx)(H,{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:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(X,{children:[(0,T.jsx)(d,{"aria-hidden":"true",children:(0,T.jsx)(ae,{scope:"col",colSpan:4,text:a})}),(0,T.jsxs)(d,{children:[(0,T.jsx)(e,{text:"Jan",today:!0}),(0,T.jsx)(e,{text:"Feb"}),(0,T.jsx)(e,{text:"Mar"}),(0,T.jsx)(e,{text:"Apr"})]}),(0,T.jsxs)(d,{children:[(0,T.jsx)(e,{text:"May"}),(0,T.jsx)(e,{text:"Jun"}),(0,T.jsx)(e,{text:"Jul"}),(0,T.jsx)(e,{text:"Aug"})]}),(0,T.jsxs)(d,{children:[(0,T.jsx)(e,{text:"Sep"}),(0,T.jsx)(e,{text:"Oct"}),(0,T.jsx)(e,{text:"Nov"}),(0,T.jsx)(e,{text:"Dec"})]})]}),(0,T.jsxs)(X,{children:[(0,T.jsx)(d,{"aria-hidden":"true",children:(0,T.jsx)(ae,{scope:"col",colSpan:4,text:t})}),(0,T.jsxs)(d,{children:[(0,T.jsx)(e,{text:"Jan"}),(0,T.jsx)(e,{text:"Feb"}),(0,T.jsx)(e,{text:"Mar"}),(0,T.jsx)(e,{text:"Apr"})]}),(0,T.jsxs)(d,{children:[(0,T.jsx)(e,{text:"May"}),(0,T.jsx)(e,{text:"Jun"}),(0,T.jsx)(e,{text:"Jul"}),(0,T.jsx)(e,{text:"Aug"})]}),(0,T.jsxs)(d,{children:[(0,T.jsx)(e,{text:"Sep"}),(0,T.jsx)(e,{text:"Oct"}),(0,T.jsx)(e,{text:"Nov"}),(0,T.jsx)(e,{text:"Dec"})]})]})]}),...o});var y=require("react/jsx-runtime"),Go=({firstCaption:a="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>(0,y.jsx)(H,{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:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("colgroup",{children:[(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{}),(0,y.jsx)("col",{})]}),(0,y.jsxs)(X,{children:[(0,y.jsx)(d,{"aria-hidden":"true",children:(0,y.jsx)(ae,{scope:"col",colSpan:4,text:a})}),(0,y.jsxs)(d,{children:[(0,y.jsx)(e,{text:"2020",today:!0}),(0,y.jsx)(e,{text:"2021"}),(0,y.jsx)(e,{text:"2022"}),(0,y.jsx)(e,{text:"2023"})]}),(0,y.jsxs)(d,{children:[(0,y.jsx)(e,{text:"2024"}),(0,y.jsx)(e,{text:"2025"}),(0,y.jsx)(e,{text:"2026"}),(0,y.jsx)(e,{text:"2027"})]}),(0,y.jsxs)(d,{children:[(0,y.jsx)(e,{text:"2028"}),(0,y.jsx)(e,{text:"2029"}),(0,y.jsx)(e,{empty:!0}),(0,y.jsx)(e,{empty:!0})]})]}),(0,y.jsxs)(X,{children:[(0,y.jsx)(d,{"aria-hidden":"true",children:(0,y.jsx)(ae,{scope:"col",colSpan:4,text:t})}),(0,y.jsxs)(d,{children:[(0,y.jsx)(e,{text:"2030"}),(0,y.jsx)(e,{text:"2031"}),(0,y.jsx)(e,{text:"2032"}),(0,y.jsx)(e,{text:"2033"})]}),(0,y.jsxs)(d,{children:[(0,y.jsx)(e,{text:"2034"}),(0,y.jsx)(e,{text:"2035"}),(0,y.jsx)(e,{text:"2036"}),(0,y.jsx)(e,{text:"2037"})]}),(0,y.jsxs)(d,{children:[(0,y.jsx)(e,{text:"2038"}),(0,y.jsx)(e,{text:"2039"}),(0,y.jsx)(e,{empty:!0}),(0,y.jsx)(e,{empty:!0})]})]})]}),...o});var R=require("react/jsx-runtime"),qo=({firstCaption:a="2000 - 2099",...t})=>(0,R.jsx)(H,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)("colgroup",{children:[(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{}),(0,R.jsx)("col",{})]}),(0,R.jsxs)(X,{children:[(0,R.jsx)(d,{"aria-hidden":"true",children:(0,R.jsx)(ae,{scope:"col",colSpan:4,text:a})}),(0,R.jsxs)(d,{children:[(0,R.jsx)(e,{text:"1900 - 1999"}),(0,R.jsx)(e,{text:"2000 - 2009"}),(0,R.jsx)(e,{text:"2010 - 2019"}),(0,R.jsx)(e,{text:"2020 - 2029"})]}),(0,R.jsxs)(d,{children:[(0,R.jsx)(e,{text:"2030 - 2039"}),(0,R.jsx)(e,{text:"2040 - 2049"}),(0,R.jsx)(e,{text:"2050 - 2059"}),(0,R.jsx)(e,{text:"2060 - 2069"})]}),(0,R.jsxs)(d,{children:[(0,R.jsx)(e,{text:"2070 - 2079"}),(0,R.jsx)(e,{text:"2080 - 2089"}),(0,R.jsx)(e,{text:"2090 - 2099"}),(0,R.jsx)(e,{empty:!0})]})]})]}),...t});var ya=require("react/jsx-runtime");var Yo=require("react/jsx-runtime");var ka=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),vr=M.options,Ar=M.states,Qo={...M.defaultOptions,variant:"month"},Er=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Sr=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],tt=a=>{let{variant:t,modifiers:o,...l}={...Qo,...a},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(f=>{switch(f){case"other":n.showOtherMonth=!!(o!=null&&o[f]),n.showOtherCentury=!!(o!=null&&o[f]),n.showOtherDecade=!!(o!=null&&o[f]);break;case"footer":n.showCalendarFooter=!!(o!=null&&o[f]);break;default:return}});let{showOtherMonth:s,showOtherDecade:u,showOtherCentury:m,showCalendarFooter:x}=n;switch(t){case"century":return(0,Et.jsx)(Fo,{size:l.size,showOtherCentury:m,showCalendarFooter:x});case"decade":return(0,Et.jsx)(Bo,{size:l.size,showOtherDecade:u,showCalendarFooter:x});case"year":return(0,Et.jsx)($o,{calendarTitleText:"2021",size:l.size,showCalendarFooter:x});default:return(0,Et.jsx)(Uo,{size:l.size,showOtherMonth:s,showCalendarFooter:x})}};tt.options=vr;tt.states=Ar;tt.variants=Er;tt.defaultOptions=Qo;tt.modifiers=Sr;tt.className=M.className;var St=require("react/jsx-runtime"),Ir=H.options,Rr=H.states,Zo={...H.defaultOptions,variant:"month"},Lr=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Mr=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],at=a=>{let{variant:t,modifiers:o,...l}={...Zo,...a},n={showCalendarFooter:!1};Object.keys(o||{}).forEach(f=>{switch(f){case"other":n.showOtherMonth=!!(o!=null&&o[f]),n.showOtherCentury=!!(o!=null&&o[f]),n.showOtherDecade=!!(o!=null&&o[f]);break;case"footer":n.showCalendarFooter=!!(o!=null&&o[f]);break;default:return}});let{showOtherMonth:s,showOtherDecade:u,showOtherCentury:m,showCalendarFooter:x}=n;switch(t){case"century":return(0,St.jsx)(qo,{size:l.size,showOtherCentury:m,showCalendarFooter:x});case"decade":return(0,St.jsx)(Go,{size:l.size,showOtherDecade:u,showCalendarFooter:x});case"year":return(0,St.jsx)(Xo,{size:l.size,showCalendarFooter:x});default:return(0,St.jsx)(Jo,{size:l.size,showOtherMonth:s,showCalendarFooter:x})}};at.options=Ir;at.states=Rr;at.variants=Lr;at.defaultOptions=Zo;at.modifiers=Mr;at.className=H.className;var jo="calendar",en="calendar";var an=require("react/jsx-runtime"),tn="k-calendar-range",Or=[],Dr={size:[c.undefined,c.small,c.medium,c.large]},Xt={calendarTitleText:"October 2021 - November 2021",orientation:"horizontal",calendarView:"month"},D=a=>{let{size:t,orientation:o=Xt.orientation,calendarView:l=Xt.calendarView,calendarTitleText:n=Xt.calendarTitleText,showCalendarFooter:s,showWeek:u,dir:m,...x}=a;return(0,an.jsx)(M,{...x,className:r(a.className,tn),size:t,calendarTitleText:n,calendarView:l,orientation:o,showCalendarFooter:s,showWeek:u,dir:m})};D.states=Or;D.options=Dr;D.className=tn;D.defaultOptions=Xt;D.moduleName=jo;D.folderName=en;D.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",us