UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

1 lines 72.4 kB
var Hn=Object.create;var Dt=Object.defineProperty;var zn=Object.getOwnPropertyDescriptor;var Vn=Object.getOwnPropertyNames;var Fn=Object.getPrototypeOf,Bn=Object.prototype.hasOwnProperty;var Un=(a,t)=>{for(var o in t)Dt(a,o,{get:t[o],enumerable:!0})},Va=(a,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Vn(t))!Bn.call(a,n)&&n!==o&&Dt(a,n,{get:()=>t[n],enumerable:!(l=zn(t,n))||l.enumerable});return a};var Wn=(a,t,o)=>(o=a!=null?Hn(Fn(a)):{},Va(t||!a||!a.__esModule?Dt(o,"default",{value:a,enumerable:!0}):o,a)),$n=a=>Va(Dt({},"__esModule",{value:!0}),a);var Ei={};Un(Ei,{DaterangepickerDemo:()=>Me,default:()=>Ai});module.exports=$n(Ei);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 K=(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((P,W)=>(W.startsWith("k-")?P[W]=V[W]:P[`k-${W}`]=V[W],P),{}))};function Fa(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"},fe={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 Zt={};function we(a){return Zt[a]=(Zt[a]||0)+1,`k-${a}-${Zt[a]}`}var ct="input",_t=ct;var Ba=require("react/jsx-runtime"),Pt="k-input",Jn=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Xn={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]},Gn={},$=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,Ba.jsx)("span",{...g,className:r(a.className,Pt,K(Pt,{size:x,rounded:f,fillMode:h}),le(Pt,{hover:t,focus:o,disabled:l,invalid:n,valid:s,loading:u,readonly:m}))})};$.states=Jn;$.options=Xn;$.className=Pt;$.defaultOptions=Gn;$.moduleName=ct;$.folderName=_t;var Ua=require("react/jsx-runtime"),Kt="k-picker",qn=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Yn={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]},Qn={},Fe=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,Ua.jsx)("span",{...g,className:r(a.className,Kt,K(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})};Fe.states=qn;Fe.options=Yn;Fe.className=Kt;Fe.defaultOptions=Qn;Fe.moduleName=ct;Fe.folderName=_t;var pt=require("react/jsx-runtime"),jt="k-font-icon",Zn=[],jn={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]},el={},mt=a=>{let{size:t,themeColor:o,icon:l,rotate:n,flip:s,...u}=a;return l?(0,pt.jsx)("span",{...u,className:r(a.className,jt,K(jt,{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,pt.jsx)(pt.Fragment,{})};mt.states=Zn;mt.options=jn;mt.className=jt;mt.defaultOptions=el;var Wa=mt;var De=require("react/jsx-runtime"),ea="k-svg-icon",tl=[],al={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:[fe.outline,fe.solid,fe.duotone]},ta={viewBox:"0 0 24 24",variant:fe.outline},ut=a=>{var g,I;let{size:t,themeColor:o,rotate:l,flip:n,viewBox:s=ta.viewBox,variant:u=ta.variant,icon:m,...x}=a;if(!m)return(0,De.jsx)(De.Fragment,{});if(m==="none")return(0,De.jsx)("span",{...x,className:r(a.className,ea,K("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,De.jsx)("span",{...x,className:r(a.className,ea,K("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,De.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})})};ut.states=tl;ut.options=al;ut.className=ea;ut.defaultOptions=ta;var aa=ut;var oa=Wn(require("@progress/kendo-svg-icons"));var $a="icon",Ja="icons";var qa=require("react");var Xa=require("react"),Ga=(0,Xa.createContext)({iconsType:"svg"});var Te=require("react/jsx-runtime"),Ht="k-icon",ol=a=>a.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),nl=[],ll={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:[fe.outline,fe.solid,fe.duotone]},zt={viewBox:"0 0 24 24",type:"svg",variant:fe.outline},L=a=>{let{iconsType:t}=(0,qa.useContext)(Ga),{size:o,themeColor:l,icon:n,type:s=t||zt.type,rotate:u,flip:m,viewBox:x=zt.viewBox,variant:f=zt.variant,...h}=a;if(!n)return(0,Te.jsx)(Te.Fragment,{});if((t||s)==="svg"){if(n==="none")return(0,Te.jsx)(aa,{...h,className:r(a.className,Ht),icon:n,size:o,variant:f});let I=oa[n]?n:ol(`${n}-icon`);return oa[I]?(0,Te.jsx)(aa,{...h,className:r(a.className,Ht),icon:oa[I],size:o,themeColor:l,rotate:u,flip:m,viewBox:x,variant:f}):(0,Te.jsx)(Te.Fragment,{})}return(0,Te.jsx)(Wa,{...h,className:r(a.className,Ht),icon:n,size:o,themeColor:l,rotate:u,flip:m})};L.states=nl;L.options=ll;L.defaultOptions=zt;L.className=Ht;L.moduleName=$a;L.folderName=Ja;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 Be=require("react/jsx-runtime"),Ya="k-clear-value",rl=[p.disabled,p.loading,p.readonly],il={},pe=a=>{let{disabled:t,loading:o,readonly:l,value:n}=a;return t||l||o||!n?(0,Be.jsx)(Be.Fragment,{}):(0,Be.jsx)("span",{className:r(a.className,Ya),children:(0,Be.jsx)(L,{icon:"x"})})};pe.states=rl;pe.options=il;pe.className=Ya;var Qa=require("react/jsx-runtime"),na="k-input-inner",sl=[],dl={},Vt={type:"text",autocomplete:"off",value:"",placeholder:""},me=a=>{let{value:t=Vt.value,type:o=Vt.type,placeholder:l=Vt.placeholder,autocomplete:n=Vt.autocomplete,disabled:s,readOnly:u,...m}=a;return(0,Qa.jsx)("input",{...m,type:o,className:r(a.className,na,K(na,a)),placeholder:l,autoComplete:n,defaultValue:t,disabled:s||void 0,readOnly:u||void 0})};me.states=sl;me.options=dl;me.className=na;var xt=require("react/jsx-runtime"),la="k-input-inner",cl=[],pl={},ra=a=>{let{value:t,placeholder:o,showValue:l,valueIcon:n,valueIconName:s,...u}=a;return(0,xt.jsxs)("span",{...u,className:r(a.className,la,K(la,a)),children:[n,!n&&s&&(0,xt.jsx)(L,{className:"k-input-value-icon",icon:s}),l&&!t&&o,l&&t&&(0,xt.jsx)("span",{className:"k-input-value-text",children:t})]})};ra.states=cl;ra.options=pl;ra.className=la;var ja=require("react/jsx-runtime"),ia="k-input-inner",ml=[],ul={},Za={value:"",placeholder:""},sa=a=>{let{value:t=Za.value,placeholder:o=Za.placeholder,rows:l,disabled:n,...s}=a;return(0,ja.jsx)("textarea",{...s,className:r(a.className,ia,K(ia,a)),placeholder:o,rows:l,defaultValue:t,disabled:n||void 0})};sa.states=ml;sa.options=ul;sa.className=ia;var Ct=require("react/jsx-runtime"),eo="k-input-loading-icon",xl=[p.disabled,p.loading],be=a=>{let{disabled:t,loading:o}=a;return t||!o?(0,Ct.jsx)(Ct.Fragment,{}):(0,Ct.jsx)("span",{className:r(a.className,eo,"k-icon k-i-loading")})};be.states=xl;be.className=eo;var ft=require("react/jsx-runtime"),to="k-input-validation-icon",Cl=[p.valid,p.invalid,p.disabled,p.loading],fl={},ue=a=>{let{valid:t,invalid:o,disabled:l,loading:n}=a,s=o?"warning-circle":"check-circle";return l||n||!!!(t||o)?(0,ft.jsx)(ft.Fragment,{}):(0,ft.jsx)(L,{className:r(to),icon:s})};ue.states=Cl;ue.options=fl;ue.className=to;var bt=require("react/jsx-runtime"),bl="k-input-prefix",Nl={direction:"horizontal"},Ft=a=>{let{direction:t=Nl.direction,...o}=a;return a.children?(0,bt.jsx)("span",{...o,className:r(bl,a.className,{[`k-input-prefix-${t}`]:t}),children:a.children}):(0,bt.jsx)(bt.Fragment,{})};var Nt=require("react/jsx-runtime"),yl="k-input-suffix",Tl={direction:"horizontal"},Bt=a=>{let{direction:t=Tl.direction,...o}=a;return a.children?(0,Nt.jsx)("span",{...o,className:r(yl,a.className,{[`k-input-suffix-${t}`]:t}),children:a.children}):(0,Nt.jsx)(Nt.Fragment,{})};var kl=require("react/jsx-runtime");var hl=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),ao="k-input-separator",wl={direction:"vertical"},Ue=a=>{let{direction:t=wl.direction,...o}=a;return(0,oo.jsx)("span",{...o,className:r(ao,a.className,{[`${ao}-${t}`]:t})})};var da="button",no=da;var ie=require("react/jsx-runtime"),yt="k-button",gl=["icon-button"],vl=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],Al={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]},ca={showArrow:!1,arrowIconName:"chevron-down"},w=a=>{let{as:t="button",size:o,rounded:l,fillMode:n,themeColor:s,showArrow:u=ca.showArrow,arrowIconName:m=ca.arrowIconName,variant:x,hover:f,focus:h,active:g,selected:I,disabled:Z,togglable:ne,ariaDisabled:V,icon:P,iconSize:W,text:re,iconClassName:ye,className:Oe,...dt}=a,Ve=P!=null,Qt=a.children!==void 0;return(0,ie.jsxs)(t,{className:r(Oe,yt,Fa(yt,x),K(yt,{size:o,rounded:l,fillMode:n,themeColor:s}),le(yt,{hover:f,focus:h,active:g,disabled:Z||V,selected:I}),{"k-icon-button":!re&&!Qt&&Ve}),"aria-pressed":ne?I?"true":"false":void 0,...dt,"aria-disabled":V?"true":void 0,disabled:Z||void 0,children:[typeof P=="string"&&P&&(0,ie.jsx)(L,{className:r(ye,"k-button-icon"),icon:P,size:W}),P&&typeof P!="string"&&(0,ie.jsx)(ie.Fragment,{children:P}),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=vl;w.options=Al;w.variants=gl;w.className=yt;w.defaultOptions=ca;w.moduleName=da;w.folderName=no;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 lo=require("react/jsx-runtime"),_e=a=>(0,lo.jsx)(w,{children:"Button",...a});var J=require("react/jsx-runtime"),El=$.states,Sl=$.defaultOptions,Il=$.options,Rl=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ll=[],We=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)(Ft,{children:(0,J.jsx)(L,{icon:"lock"})}),I&&(0,J.jsx)(Ue,{})]}),(0,J.jsx)(me,{placeholder:"Placeholder",value:"Value"}),g&&(0,J.jsx)(ue,{valid:o,invalid:l,loading:n,disabled:s}),(0,J.jsx)(be,{loading:n,disabled:s}),h&&(0,J.jsx)(pe,{loading:n,disabled:s,readonly:u,value:"Value"}),f&&(0,J.jsxs)(J.Fragment,{children:[I&&(0,J.jsx)(Ue,{}),(0,J.jsx)(Bt,{children:(0,J.jsx)(_e,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};We.options=Il;We.states=El;We.variants=Ll;We.defaultOptions=Sl;We.modifiers=Rl;We.className=$.className;var io=require("react/jsx-runtime"),ro=a=>(0,io.jsx)(w,{icon:"folder",...a,"aria-label":a["aria-label"]||"Folder",children:void 0});var co=require("react/jsx-runtime"),so=a=>(0,co.jsx)(w,{icon:"folder",children:"Button",...a});var Ut=require("react/jsx-runtime"),Ml=w.options,Ol=w.states,Dl={...w.defaultOptions,variant:"text"},_l=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Pl=[],$e=a=>{let{variant:t,...o}=a;switch(t){case"icon-only":return(0,Ut.jsx)(ro,{...o,icon:"star"});case"icon-and-text":return(0,Ut.jsx)(so,{...o,icon:"star",children:"Button"});default:return(0,Ut.jsx)(_e,{...o,children:"Button"})}};$e.options=Ml;$e.states=Ol;$e.variants=_l;$e.defaultOptions=Dl;$e.modifiers=Pl;$e.className=w.className;var Tt=require("react/jsx-runtime"),po="k-spin-button",zl=[],Vl={size:[c.undefined,c.small,c.medium,c.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},pa={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ge=a=>{let{size:t,fillMode:o,disabled:l,increaseLabel:n=pa.increaseLabel,decreaseLabel:s=pa.decreaseLabel,...u}=a;return(0,Tt.jsxs)("span",{...u,className:r(po,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})]})};ge.states=zl;ge.options=Vl;ge.className=po;ge.defaultOptions=pa;ge.moduleName=null;ge.folderName=null;var mo="date-input",uo="dateinput";var ve=require("react/jsx-runtime"),xo="k-dateinput",Fl=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Bl={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]},Ul={},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:P,"aria-label":W,"aria-describedby":re,...ye}=a;return(0,ve.jsxs)($,{...ye,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,xo),children:[(0,ve.jsx)(me,{id:P,placeholder:s,value:n,disabled:I,"aria-label":W,"aria-describedby":re,"aria-invalid":f?"true":void 0}),(0,ve.jsx)(ue,{valid:x,invalid:f,loading:g,disabled:I}),(0,ve.jsx)(be,{loading:g,disabled:I}),ne&&(0,ve.jsx)(pe,{loading:g,disabled:I,readonly:Z,value:n}),V&&(0,ve.jsx)(ge,{className:"k-input-spinner",size:t,fillMode:l,disabled:I})]})};j.states=Fl;j.options=Bl;j.className=xo;j.defaultOptions=Ul;j.moduleName=mo;j.folderName=uo;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 ma=j;var fo=require("react/jsx-runtime"),Co=a=>(0,fo.jsx)(ma,{...a});var Wl=require("react/jsx-runtime");var bo=require("react/jsx-runtime"),$l=j.options,Jl=j.states,Xl=j.defaultOptions,Gl=[{name:"spin-button",title:"`Spin` Button"}],ql=[],Je=a=>{let{modifiers:t,...o}=a,l={};return Object.keys(t||{}).forEach(n=>{n==="spin-button"&&(l.showSpinButton=!!(t!=null&&t[n]))}),(0,bo.jsx)(Co,{value:"2/04/2021",style:{width:"300px"},...o,...l})};Je.options=$l;Je.states=Jl;Je.variants=ql;Je.defaultOptions=Xl;Je.modifiers=Gl;Je.className=j.className;var ua="floating-label",No=ua;var kt=require("react/jsx-runtime"),xa="k-floating-label-container",Yl=[p.hover,p.focus,p.valid,p.invalid,p.empty,p.disabled],Ql={},Zl={},oe=a=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:s,empty:u,label:m,optional:x,...f}=a;return(0,kt.jsxs)("span",{...f,className:r(a.className,xa,le(xa,{hover:t,focus:o,disabled:l,empty:u,valid:s,invalid:n})),children:[a.children,m&&(0,kt.jsxs)("label",{className:"k-floating-label",children:[m,x&&(0,kt.jsx)("span",{className:"k-label-optional",children:"(Optional)"})]})]})};oe.states=Yl;oe.options=Ql;oe.className=xa;oe.defaultOptions=Zl;oe.moduleName=ua;oe.folderName=No;var Ca="textbox",yo=Ca;var ee=require("react/jsx-runtime"),To="k-textbox",jl=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],er={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]},Wt={showClearButton:!0,showValidationIcon:!0,separators:!0},G=a=>{let{size:t,rounded:o,fillMode:l,separators:n=Wt.separators,showClearButton:s=Wt.showClearButton,showValidationIcon:u=Wt.showValidationIcon,prefix:m,suffix:x,type:f,value:h,placeholder:g,hover:I,focus:Z,valid:ne,invalid:V,required:P,loading:W,disabled:re,readonly:ye,id:Oe,"aria-label":dt,"aria-describedby":Ve,...Qt}=a;return(0,ee.jsxs)($,{...Qt,size:t,rounded:o,fillMode:l,hover:I,focus:Z,valid:ne,invalid:V,required:P,loading:W,disabled:re,readonly:ye,className:r(a.className,To),children:[m&&(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(Ft,{children:m}),n&&(0,ee.jsx)(Ue,{})]}),(0,ee.jsx)(me,{id:Oe,placeholder:g,value:h,type:f,disabled:re,"aria-label":dt,"aria-describedby":Ve,"aria-invalid":V?"true":void 0}),u&&(0,ee.jsx)(ue,{valid:ne,invalid:V,loading:W,disabled:re}),(0,ee.jsx)(be,{loading:W,disabled:re}),s&&(0,ee.jsx)(pe,{loading:W,disabled:re,readonly:ye,value:h}),x&&(0,ee.jsxs)(ee.Fragment,{children:[n&&(0,ee.jsx)(Ue,{}),(0,ee.jsx)(Bt,{children:x})]})]})};G.states=jl;G.options=er;G.className=To;G.defaultOptions=Wt;G.moduleName=Ca;G.folderName=yo;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 ht=G;var ko=require("react/jsx-runtime"),$t=a=>(0,ko.jsx)(ht,{...a});var ho=require("react/jsx-runtime");var wo=require("react/jsx-runtime");var tr=require("react/jsx-runtime");var Jt=require("react/jsx-runtime"),ar=G.states,or=G.defaultOptions,nr=G.options,lr=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],rr=[],Xe=a=>{let{modifiers:t,...o}=a,l={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":l.prefix=t!=null&&t[n]?(0,Jt.jsx)(L,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t!=null&&t[n]?(0,Jt.jsx)(_e,{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,Jt.jsx)($t,{value:"Value",style:{width:300},...o,...l})};Xe.options=nr;Xe.states=ar;Xe.variants=rr;Xe.defaultOptions=or;Xe.modifiers=lr;Xe.className=G.className;var sr=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var fa=require("react/jsx-runtime"),cr=oe.options,pr=[],mr=oe.states,ur=oe.defaultOptions,xr=[],Ge=a=>(0,fa.jsx)(oe,{label:"Floating Label",empty:!0,...a,children:(0,fa.jsx)($t,{style:{width:"300px"},...a})});Ge.options=cr;Ge.states=mr;Ge.variants=pr;Ge.defaultOptions=ur;Ge.modifiers=xr;Ge.className=oe.className;var vo=require("react/jsx-runtime"),go="k-calendar-view",ba={orientation:"horizontal",calendarView:"month"},Xt=a=>{let{orientation:t=ba.orientation,calendarView:o=ba.calendarView,gridRole:l,ariaLabelledBy:n,...s}=a;return(0,vo.jsx)("div",{...s,className:r(a.className,go,`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})};Xt.className=go;Xt.defaultOptions=ba;var ke=require("react/jsx-runtime"),Ao="k-calendar-header",Cr={size:[c.undefined,c.small,c.medium,c.large]},wt={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},Pe=a=>{let{calendarTitleText:t=wt.calendarTitleText,showToday:o=wt.showToday,showNavigationButtons:l=wt.showNavigationButtons,orientation:n=wt.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||we("calendar-title");return(0,ke.jsxs)("div",{...f,className:r(a.className,Ao,{"k-vstack":n==="vertical"}),children:[(0,ke.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,ke.jsx)("span",{className:"k-spacer"}),(0,ke.jsxs)("span",{className:"k-calendar-nav",children:[l&&(0,ke.jsx)(w,{className:"k-calendar-nav-prev",icon:h,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&(0,ke.jsx)(w,{size:s,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&(0,ke.jsx)(w,{className:"k-calendar-nav-next",icon:g,size:s,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};Pe.options=Cr;Pe.className=Ao;Pe.defaultOptions=wt;var Na=require("react/jsx-runtime"),Eo="k-calendar-footer",fr={size:[c.undefined,c.small,c.medium,c.large]},So={calendarFooterText:"Tuesday, October 12, 2021"},gt=a=>{let{size:t,calendarFooterText:o=So.calendarFooterText,...l}=a;return(0,Na.jsx)("div",{...l,className:r(a.className,Eo),children:(0,Na.jsx)(w,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};gt.options=fr;gt.className=Eo;gt.defaultOptions=So;var q="calendar",te=q;var qe=require("react/jsx-runtime"),ya="k-calendar",br=[],Nr={size:[c.undefined,c.small,c.medium,c.large]},vt={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},M=a=>{let{size:t,orientation:o=vt.orientation,calendarView:l=vt.calendarView,calendarTitleText:n=vt.calendarTitleText,showCalendarHeader:s=vt.showCalendarHeader,showWeek:u,showCalendarFooter:m,calendarFooterText:x,dir:f,...h}=a,g=we("calendar-title");return(0,qe.jsxs)("div",{...h,dir:f,className:r(a.className,ya,K(ya,{size:t}),{"k-week-number":u}),children:[s&&(0,qe.jsx)(Pe,{calendarView:l,showToday:!m,calendarTitleText:n,orientation:o,size:t,dir:f,titleId:g}),(0,qe.jsx)(Xt,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:g,children:a.children}),m&&(0,qe.jsx)(gt,{calendarFooterText:x,size:t})]})};M.states=br;M.options=Nr;M.className=ya;M.defaultOptions=vt;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 Ro=require("react/jsx-runtime"),Io="k-calendar-container",yr=[],Tr={},kr={},Ye=a=>{let{...t}=a;return(0,Ro.jsx)("div",{...t,className:r(a.className,Io),children:a.children})};Ye.states=yr;Ye.options=Tr;Ye.className=Io;Ye.defaultOptions=kr;Ye.moduleName=q;Ye.folderName=te;var xe=require("react/jsx-runtime"),hr=[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:P,...W}=a,ye=`k-calendar-${o?"th":"td"}`,Oe=[a.className,ye,le(ye,{hover:I,focus:Z,active:ne,selected:V,disabled:P}),{"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}],dt={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let Ve=t?dt[t]||t:void 0;return(0,xe.jsx)("th",{...W,className:r(Oe),role:"columnheader",scope:"col","aria-label":Ve,children:u?(0,xe.jsx)("span",{className:"k-sr-only",children:Ve}):t})}return u?(0,xe.jsx)("td",{...W,className:r(Oe),children:t}):(0,xe.jsx)("td",{...W,className:r(Oe),role:"gridcell",...V?{"aria-selected":"true"}:{},...P?{"aria-disabled":"true"}:{},children:g&&!s?(0,xe.jsx)(xe.Fragment,{children:"\xA0"}):(0,xe.jsxs)("span",{className:"k-link",children:[t,h&&(0,xe.jsx)("span",{className:"k-day-indicator"})]})})};e.states=hr;var Qe=require("react/jsx-runtime"),Lo="k-calendar-thead",Mo={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Ze=a=>{let{showWeek:t,cellsText:o=Mo.cellsText,...l}=a;return(0,Qe.jsx)("thead",{...l,className:r(a.className,Lo),role:"rowgroup",children:(0,Qe.jsxs)("tr",{className:"k-calendar-tr",role:"row",children:[t&&(0,Qe.jsx)(e,{weekCell:!0,headerCell:!0,text:"W"}),o.map((n,s)=>(0,Qe.jsx)(e,{text:n,headerCell:!0},s))]})})};Ze.className=Lo;Ze.defaultOptions=Mo;var Do=require("react/jsx-runtime"),Oo="k-calendar-tbody",X=a=>{let{...t}=a;return(0,Do.jsx)("tbody",{...t,className:r(a.className,Oo),role:"rowgroup",children:a.children})};X.className=Oo;X.moduleName=q;X.folderName=te;var je=require("react/jsx-runtime"),wr="k-calendar-table",O=a=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:n,ariaActiveDescendant:s,gridRole:u,...m}=a;return(0,je.jsxs)("table",{...m,className:r(a.className,wr),...u?{role:"grid","aria-labelledby":n,"aria-activedescendant":s,tabIndex:0}:{role:"none"},children:[t&&(0,je.jsx)("caption",{className:"k-calendar-caption",children:t}),o&&(0,je.jsx)(Ze,{showWeek:l}),(0,je.jsx)(X,{children:a.children})]})};var Ke=require("react/jsx-runtime"),_o="k-calendar-navigation",At=a=>(0,Ke.jsxs)("div",{...a,className:r(a.className,_o),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"}})]})]});At.className=_o;At.moduleName=q;At.folderName=te;var Po=require("react/jsx-runtime"),gr="k-calendar-table",Ta=a=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=a;return(0,Po.jsx)("table",{...l,className:r(a.className,gr),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:a.children})};var Y=require("react/jsx-runtime"),Ko="k-calendar-view",et={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},tt=a=>{let{orientation:t=et.orientation,calendarView:o=et.calendarView,headerText:l=et.headerText,showWeekdays:n=et.showWeekdays,showNavigationButtons:s=et.showNavigationButtons,showWeekNumbers:u,weekdayCellsText:m,gridLabelledBy:x,...f}=a;return(0,Y.jsxs)("div",{...f,className:r(Ko,`k-calendar-${o}view`,a.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[(0,Y.jsx)(Pe,{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)(Ze,{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"}})]})]})};tt.className=Ko;tt.defaultOptions=et;tt.moduleName=q;tt.folderName=te;var He=require("react/jsx-runtime"),Ho="k-calendar-infinite",vr={size:[c.undefined,c.small,c.medium,c.large]},Ar=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],Er={2021:"marker",2022:"marker"},Sr=(a,t)=>a.map((o,l)=>(0,He.jsx)("li",{children:(0,He.jsx)("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),Et={showNavigation:!0,calendarView:"month",navigationItems:Ar,navigationMarkerConfig:Er},H=a=>{let{size:t,showNavigation:o=Et.showNavigation,calendarView:l=Et.calendarView,navigationItems:n=Et.navigationItems,navigationMarkerConfig:s=Et.navigationMarkerConfig,calendarTitleText:u,showWeekdays:m,showWeekNumbers:x,showNavigationButtons:f,calendarWeekdays:h,...g}=a,I=we("calendar-infinite-title");return(0,He.jsxs)("div",{...g,className:r(a.className,"k-calendar",Ho,K("k-calendar",{size:t})),children:[o&&(0,He.jsx)(At,{children:Sr(n,s)}),(0,He.jsx)(tt,{calendarView:l,headerText:u,showWeekdays:m,showWeekNumbers:x,showNavigationButtons:f,orientation:"vertical",weekdayCellsText:h,gridLabelledBy:I,children:a.children})]})};H.options=vr;H.className=Ho;H.defaultOptions=Et;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 Vo=require("react/jsx-runtime"),zo="k-calendar-tr",d=a=>{let{...t}=a;return(0,Vo.jsx)("tr",{...t,className:r(a.className,zo),role:"row",children:a.children})};d.className=zo;d.moduleName=q;d.folderName=te;var Bo=require("react/jsx-runtime"),Fo="k-calendar-caption",ae=a=>{let{text:t,scope:o,colSpan:l,rowSpan:n,...s}=a;return(0,Bo.jsx)("th",{...s,scope:o,colSpan:l,rowSpan:n,className:r(a.className,Fo),children:t})};ae.className=Fo;ae.moduleName=q;ae.folderName=te;var F=require("react/jsx-runtime"),Uo=({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"),Wo=({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"),$o=({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 Jo=require("react/jsx-runtime");var U=require("react/jsx-runtime"),Xo=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"),Go=({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 y=require("react/jsx-runtime"),qo=({firstCaption:a="2021",secondCaption:t="2022",...o})=>(0,y.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,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:"Jan",today:!0}),(0,y.jsx)(e,{text:"Feb"}),(0,y.jsx)(e,{text:"Mar"}),(0,y.jsx)(e,{text:"Apr"})]}),(0,y.jsxs)(d,{children:[(0,y.jsx)(e,{text:"May"}),(0,y.jsx)(e,{text:"Jun"}),(0,y.jsx)(e,{text:"Jul"}),(0,y.jsx)(e,{text:"Aug"})]}),(0,y.jsxs)(d,{children:[(0,y.jsx)(e,{text:"Sep"}),(0,y.jsx)(e,{text:"Oct"}),(0,y.jsx)(e,{text:"Nov"}),(0,y.jsx)(e,{text:"Dec"})]})]}),(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:"Jan"}),(0,y.jsx)(e,{text:"Feb"}),(0,y.jsx)(e,{text:"Mar"}),(0,y.jsx)(e,{text:"Apr"})]}),(0,y.jsxs)(d,{children:[(0,y.jsx)(e,{text:"May"}),(0,y.jsx)(e,{text:"Jun"}),(0,y.jsx)(e,{text:"Jul"}),(0,y.jsx)(e,{text:"Aug"})]}),(0,y.jsxs)(d,{children:[(0,y.jsx)(e,{text:"Sep"}),(0,y.jsx)(e,{text:"Oct"}),(0,y.jsx)(e,{text:"Nov"}),(0,y.jsx)(e,{text:"Dec"})]})]})]}),...o});var T=require("react/jsx-runtime"),Yo=({firstCaption:a="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>(0,T.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,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:"2020",today:!0}),(0,T.jsx)(e,{text:"2021"}),(0,T.jsx)(e,{text:"2022"}),(0,T.jsx)(e,{text:"2023"})]}),(0,T.jsxs)(d,{children:[(0,T.jsx)(e,{text:"2024"}),(0,T.jsx)(e,{text:"2025"}),(0,T.jsx)(e,{text:"2026"}),(0,T.jsx)(e,{text:"2027"})]}),(0,T.jsxs)(d,{children:[(0,T.jsx)(e,{text:"2028"}),(0,T.jsx)(e,{text:"2029"}),(0,T.jsx)(e,{empty:!0}),(0,T.jsx)(e,{empty:!0})]})]}),(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:"2030"}),(0,T.jsx)(e,{text:"2031"}),(0,T.jsx)(e,{text:"2032"}),(0,T.jsx)(e,{text:"2033"})]}),(0,T.jsxs)(d,{children:[(0,T.jsx)(e,{text:"2034"}),(0,T.jsx)(e,{text:"2035"}),(0,T.jsx)(e,{text:"2036"}),(0,T.jsx)(e,{text:"2037"})]}),(0,T.jsxs)(d,{children:[(0,T.jsx)(e,{text:"2038"}),(0,T.jsx)(e,{text:"2039"}),(0,T.jsx)(e,{empty:!0}),(0,T.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 ka=require("react/jsx-runtime");var Zo=require("react/jsx-runtime");var ha=require("react/jsx-runtime");var St=require("react/jsx-runtime"),Ir=M.options,Rr=M.states,jo={...M.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}={...jo,...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)(Uo,{size:l.size,showOtherCentury:m,showCalendarFooter:x});case"decade":return(0,St.jsx)(Wo,{size:l.size,showOtherDecade:u,showCalendarFooter:x});case"year":return(0,St.jsx)(Xo,{calendarTitleText:"2021",size:l.size,showCalendarFooter:x});default:return(0,St.jsx)($o,{size:l.size,showOtherMonth:s,showCalendarFooter:x})}};at.options=Ir;at.states=Rr;at.variants=Lr;at.defaultOptions=jo;at.modifiers=Mr;at.className=M.className;var It=require("react/jsx-runtime"),Or=H.options,Dr=H.states,en={...H.defaultOptions,variant:"month"},_r=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Pr=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],ot=a=>{let{variant:t,modifiers:o,...l}={...en,...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,It.jsx)(Qo,{size:l.size,showOtherCentury:m,showCalendarFooter:x});case"decade":return(0,It.jsx)(Yo,{size:l.size,showOtherDecade:u,showCalendarFooter:x});case"year":return(0,It.jsx)(qo,{size:l.size,showCalendarFooter:x});default:return(0,It.jsx)(Go,{size:l.size,showOtherMonth:s,showCalendarFooter:x})}};ot.options=Or;ot.states=Dr;ot.variants=_r;ot.defaultOptions=en;ot.modifiers=Pr;ot.className=H.className;var tn="calendar",an="calendar";var nn=require("react/jsx-runtime"),on="k-calendar-range",Kr=[],Hr={size:[c.undefined,c.small,c.medium,c.large]},Gt={calendarTitleText:"October 2021 - November 2021",orientation:"horizontal",calendarView:"month"},D=a=>{let{size:t,orientation:o=Gt.orientation,calendarView:l=Gt.calendarView,calendarTitleText:n=Gt.calendarTitleText,showCalendarFooter:s,showWeek:u,dir:m,...x}=a;return(0,nn.jsx)(M,{...x,className:r(a.className,on),size:t,calendarTitleText:n,calendarView:l,orientation:o,showCalendarFooter:s,showWeek:u,dir:m})};D.states=Kr;D.options=Hr;D.className=on;D.defaultOptions=Gt;D.moduleName=tn;D.folderName=an;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=r