@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 58.1 kB
JavaScript
var Qo=Object.create;var Tt=Object.defineProperty;var Zo=Object.getOwnPropertyDescriptor;var jo=Object.getOwnPropertyNames;var en=Object.getPrototypeOf,tn=Object.prototype.hasOwnProperty;var an=(e,t)=>{for(var o in t)Tt(e,o,{get:t[o],enumerable:!0})},fa=(e,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of jo(t))!tn.call(e,n)&&n!==o&&Tt(e,n,{get:()=>t[n],enumerable:!(l=Zo(t,n))||l.enumerable});return e};var on=(e,t,o)=>(o=e!=null?Qo(en(e)):{},fa(t||!e||!e.__esModule?Tt(o,"default",{value:e,enumerable:!0}):o,e)),nn=e=>fa(Tt({},"__esModule",{value:!0}),e);var pr={};an(pr,{DatepickerDemo:()=>ge,default:()=>cr});module.exports=nn(pr);var r=(...e)=>e.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 R=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),ie=(e,t)=>{let{valid:o,invalid:l,hover:n,focus:i,checked:m,active:p,selected:C,disabled:f,indeterminate:v,loading:y,empty:A,readonly:Y,highlighted:F,...H}=t;return r({"k-valid":o,"k-invalid":l,"k-hover":n,"k-focus":i,"k-checked":m,"k-active":p,"k-selected":C,"k-disabled":f,"k-indeterminate":v&&!m,"k-loading":y,"k-empty":A,"k-readonly":Y,"k-highlighted":F},Object.keys(H).reduce((E,O)=>(O.startsWith("k-")?E[O]=H[O]:E[`k-${O}`]=H[O],E),{}))};function xa(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(l=>[`k-${l}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},N={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},w={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},se={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},k={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},d={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 _t={};function Ne(e){return _t[e]=(_t[e]||0)+1,`k-${e}-${_t[e]}`}var tt="input",vt=tt;var ba=require("react/jsx-runtime"),wt="k-input",ln=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],rn={size:[s.undefined,s.small,s.medium,s.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},sn={},z=e=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:p,size:C,rounded:f,fillMode:v,...y}=e;return(0,ba.jsx)("span",{...y,className:r(e.className,wt,R(wt,{size:C,rounded:f,fillMode:v}),ie(wt,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:p}))})};z.states=ln;z.options=rn;z.className=wt;z.defaultOptions=sn;z.moduleName=tt;z.folderName=vt;var ha=require("react/jsx-runtime"),gt="k-picker",dn=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],cn={size:[s.undefined,s.small,s.medium,s.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},pn={},Oe=e=>{let{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:p,size:C,rounded:f,fillMode:v,...y}=e;return(0,ha.jsx)("span",{...y,className:r(e.className,gt,R(gt,{size:C,rounded:f,fillMode:v}),ie(gt,{hover:t,focus:o,disabled:l,invalid:n,valid:i,loading:m,readonly:p})),children:e.children})};Oe.states=dn;Oe.options=cn;Oe.className=gt;Oe.defaultOptions=pn;Oe.moduleName=tt;Oe.folderName=vt;var at=require("react/jsx-runtime"),Kt="k-font-icon",mn=[],un={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Cn={},ot=e=>{let{size:t,themeColor:o,icon:l,rotate:n,flip:i,...m}=e;return l?(0,at.jsx)("span",{...m,className:r(e.className,Kt,R(Kt,{size:t}),{[`k-i-${l}`]:l,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true"}):(0,at.jsx)(at.Fragment,{})};ot.states=mn;ot.options=un;ot.className=Kt;ot.defaultOptions=Cn;var Na=ot;var Se=require("react/jsx-runtime"),Dt="k-svg-icon",fn=[],xn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info],variant:[se.outline,se.solid,se.duotone]},Ht={viewBox:"0 0 24 24",variant:se.outline},nt=e=>{var y,A;let{size:t,themeColor:o,rotate:l,flip:n,viewBox:i=Ht.viewBox,variant:m=Ht.variant,icon:p,...C}=e;if(!p)return(0,Se.jsx)(Se.Fragment,{});if(p==="none")return(0,Se.jsx)("span",{...C,className:r(e.className,Dt,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof p=="object"&&p.name&&p.name,v=typeof p=="object"?m&&((y=p.variants)==null?void 0:y[m])||((A=p.variants)==null?void 0:A.outline)||p.content:void 0;return(0,Se.jsx)("span",{...C,className:r(e.className,Dt,R("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,Se.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:i,dangerouslySetInnerHTML:v!==void 0?{__html:v}:void 0,children:p?void 0:e.children})})};nt.states=fn;nt.options=xn;nt.className=Dt;nt.defaultOptions=Ht;var zt=nt;var Bt=on(require("@progress/kendo-svg-icons"));var ka="icon",ya="icons";var wa=require("react");var Ta=require("react"),va=(0,Ta.createContext)({iconsType:"svg"});var Ce=require("react/jsx-runtime"),At="k-icon",bn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),hn=[],Nn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info],variant:[se.outline,se.solid,se.duotone]},St={viewBox:"0 0 24 24",type:"svg",variant:se.outline},S=e=>{let{iconsType:t}=(0,wa.useContext)(va),{size:o,themeColor:l,icon:n,type:i=t||St.type,rotate:m,flip:p,viewBox:C=St.viewBox,variant:f=St.variant,...v}=e;if(!n)return(0,Ce.jsx)(Ce.Fragment,{});if((t||i)==="svg"){if(n==="none")return(0,Ce.jsx)(zt,{...v,className:r(e.className,At),icon:n,size:o,variant:f});let A=Bt[n]?n:bn(`${n}-icon`);return Bt[A]?(0,Ce.jsx)(zt,{...v,className:r(e.className,At),icon:Bt[A],size:o,themeColor:l,rotate:m,flip:p,viewBox:C,variant:f}):(0,Ce.jsx)(Ce.Fragment,{})}return(0,Ce.jsx)(Na,{...v,className:r(e.className,At),icon:n,size:o,themeColor:l,rotate:m,flip:p})};S.states=hn;S.options=Nn;S.defaultOptions=St;S.className=At;S.moduleName=ka;S.folderName=ya;S.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 Pe=require("react/jsx-runtime"),ga="k-clear-value",kn=[d.disabled,d.loading,d.readonly],yn={},ae=e=>{let{disabled:t,loading:o,readonly:l,value:n}=e;return t||l||o||!n?(0,Pe.jsx)(Pe.Fragment,{}):(0,Pe.jsx)("span",{className:r(e.className,ga),children:(0,Pe.jsx)(S,{icon:"x"})})};ae.states=kn;ae.options=yn;ae.className=ga;var Aa=require("react/jsx-runtime"),Vt="k-input-inner",Tn=[],vn={},Et={type:"text",autocomplete:"off",value:"",placeholder:""},oe=e=>{let{value:t=Et.value,type:o=Et.type,placeholder:l=Et.placeholder,autocomplete:n=Et.autocomplete,disabled:i,readOnly:m,...p}=e;return(0,Aa.jsx)("input",{...p,type:o,className:r(e.className,Vt,R(Vt,e)),placeholder:l,autoComplete:n,defaultValue:t,disabled:i||void 0,readOnly:m||void 0})};oe.states=Tn;oe.options=vn;oe.className=Vt;var lt=require("react/jsx-runtime"),Ft="k-input-inner",wn=[],gn={},Ut=e=>{let{value:t,placeholder:o,showValue:l,valueIcon:n,valueIconName:i,...m}=e;return(0,lt.jsxs)("span",{...m,className:r(e.className,Ft,R(Ft,e)),children:[n,!n&&i&&(0,lt.jsx)(S,{className:"k-input-value-icon",icon:i}),l&&!t&&o,l&&t&&(0,lt.jsx)("span",{className:"k-input-value-text",children:t})]})};Ut.states=wn;Ut.options=gn;Ut.className=Ft;var Ea=require("react/jsx-runtime"),Wt="k-input-inner",An=[],Sn={},Sa={value:"",placeholder:""},$t=e=>{let{value:t=Sa.value,placeholder:o=Sa.placeholder,rows:l,disabled:n,...i}=e;return(0,Ea.jsx)("textarea",{...i,className:r(e.className,Wt,R(Wt,e)),placeholder:o,rows:l,defaultValue:t,disabled:n||void 0})};$t.states=An;$t.options=Sn;$t.className=Wt;var rt=require("react/jsx-runtime"),Ia="k-input-loading-icon",En=[d.disabled,d.loading],de=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,rt.jsx)(rt.Fragment,{}):(0,rt.jsx)("span",{className:r(e.className,Ia,"k-icon k-i-loading")})};de.states=En;de.className=Ia;var it=require("react/jsx-runtime"),Ma="k-input-validation-icon",In=[d.valid,d.invalid,d.disabled,d.loading],Mn={},ne=e=>{let{valid:t,invalid:o,disabled:l,loading:n}=e,i=o?"warning-circle":"check-circle";return l||n||!!!(t||o)?(0,it.jsx)(it.Fragment,{}):(0,it.jsx)(S,{className:r(Ma),icon:i})};ne.states=In;ne.options=Mn;ne.className=Ma;var st=require("react/jsx-runtime"),Rn="k-input-prefix",Ln={direction:"horizontal"},_e=e=>{let{direction:t=Ln.direction,...o}=e;return e.children?(0,st.jsx)("span",{...o,className:r(Rn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,st.jsx)(st.Fragment,{})};var dt=require("react/jsx-runtime"),On="k-input-suffix",Pn={direction:"horizontal"},Ke=e=>{let{direction:t=Pn.direction,...o}=e;return e.children?(0,dt.jsx)("span",{...o,className:r(On,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,dt.jsx)(dt.Fragment,{})};var _n=require("react/jsx-runtime");var Kn=require("react/jsx-runtime");var La=require("react/jsx-runtime"),Ra="k-input-separator",Dn={direction:"vertical"},De=e=>{let{direction:t=Dn.direction,...o}=e;return(0,La.jsx)("span",{...o,className:r(Ra,e.className,{[`${Ra}-${t}`]:t})})};var Jt="button",Oa=Jt;var Z=require("react/jsx-runtime"),ct="k-button",Hn=["icon-button"],zn=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],Bn={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},Xt={showArrow:!1,arrowIconName:"chevron-down"},T=e=>{let{as:t="button",size:o,rounded:l,fillMode:n,themeColor:i,showArrow:m=Xt.showArrow,arrowIconName:p=Xt.arrowIconName,variant:C,hover:f,focus:v,active:y,selected:A,disabled:Y,togglable:F,ariaDisabled:H,icon:E,iconSize:O,text:Q,iconClassName:me,className:ue,...be}=e,he=E!=null,Ae=e.children!==void 0;return(0,Z.jsxs)(t,{className:r(ue,ct,xa(ct,C),R(ct,{size:o,rounded:l,fillMode:n,themeColor:i}),ie(ct,{hover:f,focus:v,active:y,disabled:Y||H,selected:A}),{"k-icon-button":!Q&&!Ae&&he}),"aria-pressed":F?A?"true":"false":void 0,...be,"aria-disabled":H?"true":void 0,disabled:Y||void 0,children:[typeof E=="string"&&E&&(0,Z.jsx)(S,{className:r(me,"k-button-icon"),icon:E,size:O}),E&&typeof E!="string"&&(0,Z.jsx)(Z.Fragment,{children:E}),Q?(0,Z.jsxs)(Z.Fragment,{children:[Q&&(0,Z.jsx)("span",{className:"k-button-text",children:Q}),e.children]}):e.children&&(0,Z.jsx)("span",{className:"k-button-text",children:e.children}),m&&(0,Z.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Z.jsx)(S,{icon:p})})]})};T.states=zn;T.options=Bn;T.variants=Hn;T.className=ct;T.defaultOptions=Xt;T.moduleName=Jt;T.folderName=Oa;T.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Pa=require("react/jsx-runtime"),Ee=e=>(0,Pa.jsx)(T,{children:"Button",...e});var B=require("react/jsx-runtime"),Vn=z.states,Fn=z.defaultOptions,Un=z.options,Wn=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],$n=[],He=e=>{let{modifiers:t,valid:o,invalid:l,loading:n,disabled:i,readonly:m,...p}=e,C=t==null?void 0:t.prefix,f=t==null?void 0:t.suffix,v=t==null?void 0:t["clear-button"],y=t==null?void 0:t["validation-icon"],A=t==null?void 0:t.separators;return(0,B.jsxs)(z,{...p,valid:o,invalid:l,loading:n,disabled:i,readonly:m,style:{width:300},children:[C&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(_e,{children:(0,B.jsx)(S,{icon:"lock"})}),A&&(0,B.jsx)(De,{})]}),(0,B.jsx)(oe,{placeholder:"Placeholder",value:"Value"}),y&&(0,B.jsx)(ne,{valid:o,invalid:l,loading:n,disabled:i}),(0,B.jsx)(de,{loading:n,disabled:i}),v&&(0,B.jsx)(ae,{loading:n,disabled:i,readonly:m,value:"Value"}),f&&(0,B.jsxs)(B.Fragment,{children:[A&&(0,B.jsx)(De,{}),(0,B.jsx)(Ke,{children:(0,B.jsx)(Ee,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};He.options=Un;He.states=Vn;He.variants=$n;He.defaultOptions=Fn;He.modifiers=Wn;He.className=z.className;var Ka=require("react/jsx-runtime"),_a=e=>(0,Ka.jsx)(T,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ha=require("react/jsx-runtime"),Da=e=>(0,Ha.jsx)(T,{icon:"folder",children:"Button",...e});var It=require("react/jsx-runtime"),Jn=T.options,Xn=T.states,qn={...T.defaultOptions,variant:"text"},Yn=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gn=[],ze=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,It.jsx)(_a,{...o,icon:"star"});case"icon-and-text":return(0,It.jsx)(Da,{...o,icon:"star",children:"Button"});default:return(0,It.jsx)(Ee,{...o,children:"Button"})}};ze.options=Jn;ze.states=Xn;ze.variants=Yn;ze.defaultOptions=qn;ze.modifiers=Gn;ze.className=T.className;var qt="popup",za=qt;var Gt=require("react/jsx-runtime"),Ba="k-animation-container",Qn=[],Zn={},Yt={positionMode:"absolute",shown:!0},ce=e=>{let{positionMode:t=Yt.positionMode,shown:o=Yt.shown,animationStyle:l,offset:n,...i}=e;return(0,Gt.jsx)("div",{...i,style:{...n,...e.style},className:r(e.className,Ba,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Gt.jsx)("div",{className:"k-child-animation-container",style:l,children:e.children})})};ce.states=Qn;ce.options=Zn;ce.className=Ba;ce.defaultOptions=Yt;ce.moduleName=qt;ce.folderName=za;var Qt="popup",Va=Qt;var Zt=require("react/jsx-runtime"),Fa="k-popup",jn=[],el={},Ua={positionMode:"absolute"},fe=e=>{let{offset:t,positionMode:o=Ua.positionMode,animationStyle:l,containerClassName:n,containerRole:i,containerAriaLabel:m,...p}=e;return(0,Zt.jsx)(ce,{positionMode:o,offset:t,animationStyle:l,className:n,role:i,"aria-label":m,children:(0,Zt.jsx)("div",{...p,className:r(e.className,Fa),children:e.children})})};fe.states=jn;fe.options=el;fe.className=Fa;fe.defaultOptions=Ua;fe.moduleName=Qt;fe.folderName=Va;fe.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var $a=require("react/jsx-runtime"),Wa="k-calendar-view",jt={orientation:"horizontal",calendarView:"month"},Mt=e=>{let{orientation:t=jt.orientation,calendarView:o=jt.calendarView,gridRole:l,ariaLabelledBy:n,...i}=e;return(0,$a.jsx)("div",{...i,className:r(e.className,Wa,`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:e.children})};Mt.className=Wa;Mt.defaultOptions=jt;var xe=require("react/jsx-runtime"),Ja="k-calendar-header",tl={size:[s.undefined,s.small,s.medium,s.large]},pt={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},Ie=e=>{let{calendarTitleText:t=pt.calendarTitleText,showToday:o=pt.showToday,showNavigationButtons:l=pt.showNavigationButtons,orientation:n=pt.orientation,size:i,calendarView:m,dir:p,titleId:C,...f}=e,v=p==="rtl"?"chevron-right":"chevron-left",y=p==="rtl"?"chevron-left":"chevron-right",A=C||Ne("calendar-title");return(0,xe.jsxs)("div",{...f,className:r(e.className,Ja,{"k-vstack":n==="vertical"}),children:[(0,xe.jsx)(T,{disabled:m==="century",className:"k-calendar-title",text:t,size:i,fillMode:"flat",themeColor:"primary",id:A,tabIndex:-1,"aria-label":`Navigate to parent view: ${t}`,...m==="century"?{"aria-disabled":"true"}:{}}),(0,xe.jsx)("span",{className:"k-spacer"}),(0,xe.jsxs)("span",{className:"k-calendar-nav",children:[l&&(0,xe.jsx)(T,{className:"k-calendar-nav-prev",icon:v,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),o&&(0,xe.jsx)(T,{size:i,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),l&&(0,xe.jsx)(T,{className:"k-calendar-nav-next",icon:y,size:i,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};Ie.options=tl;Ie.className=Ja;Ie.defaultOptions=pt;var ea=require("react/jsx-runtime"),Xa="k-calendar-footer",al={size:[s.undefined,s.small,s.medium,s.large]},qa={calendarFooterText:"Tuesday, October 12, 2021"},mt=e=>{let{size:t,calendarFooterText:o=qa.calendarFooterText,...l}=e;return(0,ea.jsx)("div",{...l,className:r(e.className,Xa),children:(0,ea.jsx)(T,{size:t,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:o})})};mt.options=al;mt.className=Xa;mt.defaultOptions=qa;var U="calendar",J=U;var Be=require("react/jsx-runtime"),ta="k-calendar",ol=[],nl={size:[s.undefined,s.small,s.medium,s.large]},ut={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},I=e=>{let{size:t,orientation:o=ut.orientation,calendarView:l=ut.calendarView,calendarTitleText:n=ut.calendarTitleText,showCalendarHeader:i=ut.showCalendarHeader,showWeek:m,showCalendarFooter:p,calendarFooterText:C,dir:f,...v}=e,y=Ne("calendar-title");return(0,Be.jsxs)("div",{...v,dir:f,className:r(e.className,ta,R(ta,{size:t}),{"k-week-number":m}),children:[i&&(0,Be.jsx)(Ie,{calendarView:l,showToday:!p,calendarTitleText:n,orientation:o,size:t,dir:f,titleId:y}),(0,Be.jsx)(Mt,{calendarView:l,orientation:o,gridRole:!0,ariaLabelledBy:y,children:e.children}),p&&(0,Be.jsx)(mt,{calendarFooterText:C,size:t})]})};I.states=ol;I.options=nl;I.className=ta;I.defaultOptions=ut;I.moduleName=U;I.folderName=J;I.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 Ga=require("react/jsx-runtime"),Ya="k-calendar-container",ll=[],rl={},il={},Ve=e=>{let{...t}=e;return(0,Ga.jsx)("div",{...t,className:r(e.className,Ya),children:e.children})};Ve.states=ll;Ve.options=rl;Ve.className=Ya;Ve.defaultOptions=il;Ve.moduleName=U;Ve.folderName=J;var le=require("react/jsx-runtime"),sl=[d.hover,d.focus,d.active,d.selected,d.disabled],a=e=>{let{text:t,headerCell:o,today:l,weekend:n,showOtherMonth:i,weekCell:m,rangeStart:p,rangeMid:C,rangeEnd:f,dayIndicator:v,empty:y,hover:A,focus:Y,active:F,selected:H,disabled:E,...O}=e,me=`k-calendar-${o?"th":"td"}`,ue=[e.className,me,ie(me,{hover:A,focus:Y,active:F,selected:H,disabled:E}),{"k-today":l,"k-weekend":n,"k-other-month":i,"k-alt":m,"k-range-start":p,"k-range-mid":C,"k-range-end":f,"k-empty":y}],be={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(o){let he=t?be[t]||t:void 0;return(0,le.jsx)("th",{...O,className:r(ue),role:"columnheader",scope:"col","aria-label":he,children:m?(0,le.jsx)("span",{className:"k-sr-only",children:he}):t})}return m?(0,le.jsx)("td",{...O,className:r(ue),children:t}):(0,le.jsx)("td",{...O,className:r(ue),role:"gridcell",...H?{"aria-selected":"true"}:{},...E?{"aria-disabled":"true"}:{},children:y&&!i?(0,le.jsx)(le.Fragment,{children:"\xA0"}):(0,le.jsxs)("span",{className:"k-link",children:[t,v&&(0,le.jsx)("span",{className:"k-day-indicator"})]})})};a.states=sl;var Fe=require("react/jsx-runtime"),Qa="k-calendar-thead",Za={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Ue=e=>{let{showWeek:t,cellsText:o=Za.cellsText,...l}=e;return(0,Fe.jsx)("thead",{...l,className:r(e.className,Qa),role:"rowgroup",children:(0,Fe.jsxs)("tr",{className:"k-calendar-tr",role:"row",children:[t&&(0,Fe.jsx)(a,{weekCell:!0,headerCell:!0,text:"W"}),o.map((n,i)=>(0,Fe.jsx)(a,{text:n,headerCell:!0},i))]})})};Ue.className=Qa;Ue.defaultOptions=Za;var eo=require("react/jsx-runtime"),ja="k-calendar-tbody",V=e=>{let{...t}=e;return(0,eo.jsx)("tbody",{...t,className:r(e.className,ja),role:"rowgroup",children:e.children})};V.className=ja;V.moduleName=U;V.folderName=J;var We=require("react/jsx-runtime"),dl="k-calendar-table",pe=e=>{let{calendarCaption:t,showTableHead:o,showWeek:l,ariaLabelledBy:n,ariaActiveDescendant:i,gridRole:m,...p}=e;return(0,We.jsxs)("table",{...p,className:r(e.className,dl),...m?{role:"grid","aria-labelledby":n,"aria-activedescendant":i,tabIndex:0}:{role:"none"},children:[t&&(0,We.jsx)("caption",{className:"k-calendar-caption",children:t}),o&&(0,We.jsx)(Ue,{showWeek:l}),(0,We.jsx)(V,{children:e.children})]})};var Me=require("react/jsx-runtime"),to="k-calendar-navigation",Ct=e=>(0,Me.jsxs)("div",{...e,className:r(e.className,to),children:[(0,Me.jsx)("span",{className:"k-calendar-navigation-highlight"}),(0,Me.jsxs)("div",{className:"k-content k-scrollable",children:[(0,Me.jsx)("ul",{className:"k-reset",children:e.children}),(0,Me.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});Ct.className=to;Ct.moduleName=U;Ct.folderName=J;var ao=require("react/jsx-runtime"),cl="k-calendar-table",aa=e=>{let{tableRole:t="none",ariaLabelledBy:o,...l}=e;return(0,ao.jsx)("table",{...l,className:r(e.className,cl),role:t,...o?{"aria-labelledby":o}:{},...t==="grid"?{tabIndex:0}:{},children:e.children})};var W=require("react/jsx-runtime"),oo="k-calendar-view",$e={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},Je=e=>{let{orientation:t=$e.orientation,calendarView:o=$e.calendarView,headerText:l=$e.headerText,showWeekdays:n=$e.showWeekdays,showNavigationButtons:i=$e.showNavigationButtons,showWeekNumbers:m,weekdayCellsText:p,gridLabelledBy:C,...f}=e;return(0,W.jsxs)("div",{...f,className:r(oo,`k-calendar-${o}view`,e.className,{"k-hstack":t==="horizontal","k-vstack":t==="vertical"}),children:[(0,W.jsx)(Ie,{showNavigationButtons:i,calendarTitleText:l,orientation:"horizontal"}),n&&(0,W.jsxs)(aa,{className:"k-calendar-weekdays",tableRole:"table",children:[(0,W.jsxs)("colgroup",{children:[(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{})]}),(0,W.jsx)(Ue,{cellsText:p,showWeek:m})]}),(0,W.jsxs)("div",{className:"k-content k-scrollable",role:"none",children:[(0,W.jsx)(aa,{tableRole:"grid",ariaLabelledBy:C,children:e.children}),(0,W.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};Je.className=oo;Je.defaultOptions=$e;Je.moduleName=U;Je.folderName=J;var Re=require("react/jsx-runtime"),no="k-calendar-infinite",pl={size:[s.undefined,s.small,s.medium,s.large]},ml=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],ul={2021:"marker",2022:"marker"},Cl=(e,t)=>e.map((o,l)=>(0,Re.jsx)("li",{children:(0,Re.jsx)("span",{className:t[o]==="marker"?"k-calendar-navigation-marker":void 0,children:o})},l)),ft={showNavigation:!0,calendarView:"month",navigationItems:ml,navigationMarkerConfig:ul},L=e=>{let{size:t,showNavigation:o=ft.showNavigation,calendarView:l=ft.calendarView,navigationItems:n=ft.navigationItems,navigationMarkerConfig:i=ft.navigationMarkerConfig,calendarTitleText:m,showWeekdays:p,showWeekNumbers:C,showNavigationButtons:f,calendarWeekdays:v,...y}=e,A=Ne("calendar-infinite-title");return(0,Re.jsxs)("div",{...y,className:r(e.className,"k-calendar",no,R("k-calendar",{size:t})),children:[o&&(0,Re.jsx)(Ct,{children:Cl(n,i)}),(0,Re.jsx)(Je,{calendarView:l,headerText:m,showWeekdays:p,showWeekNumbers:C,showNavigationButtons:f,orientation:"vertical",weekdayCellsText:v,gridLabelledBy:A,children:e.children})]})};L.options=pl;L.className=no;L.defaultOptions=ft;L.moduleName=U;L.folderName=J;L.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 ro=require("react/jsx-runtime"),lo="k-calendar-tr",u=e=>{let{...t}=e;return(0,ro.jsx)("tr",{...t,className:r(e.className,lo),role:"row",children:e.children})};u.className=lo;u.moduleName=U;u.folderName=J;var so=require("react/jsx-runtime"),io="k-calendar-caption",X=e=>{let{text:t,scope:o,colSpan:l,rowSpan:n,...i}=e;return(0,so.jsx)("th",{...i,scope:o,colSpan:l,rowSpan:n,className:r(e.className,io),children:t})};X.className=io;X.moduleName=U;X.folderName=J;var P=require("react/jsx-runtime"),co=({showOtherCentury:e,...t})=>(0,P.jsx)(I,{calendarView:"century",calendarTitleText:"2000 - 2099",children:(0,P.jsxs)(pe,{children:[(0,P.jsxs)(u,{children:[(0,P.jsx)(a,{text:"1990 - 1999"}),(0,P.jsx)(a,{text:"2000 - 2009"}),(0,P.jsx)(a,{text:"2010 - 2019",today:!0}),(0,P.jsx)(a,{text:"2020 - 2029"})]}),(0,P.jsxs)(u,{children:[(0,P.jsx)(a,{text:"2030 - 2039"}),(0,P.jsx)(a,{text:"2040 - 2049"}),(0,P.jsx)(a,{text:"2050 - 2059"}),(0,P.jsx)(a,{text:"2060 - 2069"})]}),(0,P.jsxs)(u,{children:[(0,P.jsx)(a,{text:"2070 - 2079"}),(0,P.jsx)(a,{text:"2080 - 2089"}),(0,P.jsx)(a,{text:"2090 - 2099"}),(0,P.jsx)(a,{text:"2100 - 2109",empty:!e})]})]}),...t});var _=require("react/jsx-runtime"),po=({showOtherDecade:e,...t})=>(0,_.jsx)(I,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:(0,_.jsxs)(pe,{children:[(0,_.jsxs)(u,{children:[(0,_.jsx)(a,{text:"2019",empty:!e}),(0,_.jsx)(a,{text:"2020"}),(0,_.jsx)(a,{text:"2021",today:!0}),(0,_.jsx)(a,{text:"2022"})]}),(0,_.jsxs)(u,{children:[(0,_.jsx)(a,{text:"2023"}),(0,_.jsx)(a,{text:"2024"}),(0,_.jsx)(a,{text:"2025"}),(0,_.jsx)(a,{text:"2026"})]}),(0,_.jsxs)(u,{children:[(0,_.jsx)(a,{text:"2027"}),(0,_.jsx)(a,{text:"2028"}),(0,_.jsx)(a,{text:"2029"}),(0,_.jsx)(a,{text:"2030",empty:!e})]})]}),...t});var x=require("react/jsx-runtime"),xt=({showCaptions:e,showOtherMonth:t,...o})=>(0,x.jsx)(I,{calendarView:"month",children:(0,x.jsxs)(pe,{calendarCaption:e&&"October 2021",showTableHead:!0,children:[(0,x.jsxs)(u,{children:[(0,x.jsx)(a,{text:"26",showOtherMonth:t,empty:!t,weekend:t}),(0,x.jsx)(a,{text:"27",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"28",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"29",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"30",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"1"}),(0,x.jsx)(a,{text:"2",weekend:!0})]}),(0,x.jsxs)(u,{children:[(0,x.jsx)(a,{text:"3",weekend:!0}),(0,x.jsx)(a,{text:"4"}),(0,x.jsx)(a,{text:"5"}),(0,x.jsx)(a,{text:"6"}),(0,x.jsx)(a,{text:"7"}),(0,x.jsx)(a,{text:"8"}),(0,x.jsx)(a,{text:"9",weekend:!0})]}),(0,x.jsxs)(u,{children:[(0,x.jsx)(a,{text:"10",weekend:!0}),(0,x.jsx)(a,{text:"11"}),(0,x.jsx)(a,{text:"12",today:!0}),(0,x.jsx)(a,{text:"13"}),(0,x.jsx)(a,{text:"14"}),(0,x.jsx)(a,{text:"15"}),(0,x.jsx)(a,{text:"16",weekend:!0})]}),(0,x.jsxs)(u,{children:[(0,x.jsx)(a,{text:"17",weekend:!0}),(0,x.jsx)(a,{text:"18"}),(0,x.jsx)(a,{text:"19"}),(0,x.jsx)(a,{text:"20"}),(0,x.jsx)(a,{text:"21"}),(0,x.jsx)(a,{text:"22"}),(0,x.jsx)(a,{text:"23",weekend:!0})]}),(0,x.jsxs)(u,{children:[(0,x.jsx)(a,{text:"24",weekend:!0}),(0,x.jsx)(a,{text:"25"}),(0,x.jsx)(a,{text:"26"}),(0,x.jsx)(a,{text:"27"}),(0,x.jsx)(a,{text:"28"}),(0,x.jsx)(a,{text:"29"}),(0,x.jsx)(a,{text:"30",weekend:!0})]}),(0,x.jsxs)(u,{children:[(0,x.jsx)(a,{text:"31",weekend:!0}),(0,x.jsx)(a,{text:"1",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"2",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"3",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"4",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"5",showOtherMonth:t,empty:!t}),(0,x.jsx)(a,{text:"6",showOtherMonth:t,empty:!t,weekend:t})]})]}),...o});var mo=require("react/jsx-runtime");var K=require("react/jsx-runtime"),uo=e=>(0,K.jsx)(I,{calendarView:"year",calendarTitleText:"2019",children:(0,K.jsxs)(pe,{children:[(0,K.jsxs)(u,{children:[(0,K.jsx)(a,{text:"Jan"}),(0,K.jsx)(a,{text:"Feb"}),(0,K.jsx)(a,{text:"Mar"}),(0,K.jsx)(a,{text:"Apr"})]}),(0,K.jsxs)(u,{children:[(0,K.jsx)(a,{text:"May"}),(0,K.jsx)(a,{text:"Jun"}),(0,K.jsx)(a,{text:"Jul"}),(0,K.jsx)(a,{text:"Au"})]}),(0,K.jsxs)(u,{children:[(0,K.jsx)(a,{text:"Sep"}),(0,K.jsx)(a,{text:"Oct",today:!0}),(0,K.jsx)(a,{text:"Nov"}),(0,K.jsx)(a,{text:"Dec"})]})]}),...e});var c=require("react/jsx-runtime"),Co=({firstCaption:e="January 2021",secondCaption:t="February 2021",...o})=>(0,c.jsx)(L,{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)(V,{children:[(0,c.jsx)(u,{"aria-hidden":"true",children:(0,c.jsx)(X,{scope:"col",colSpan:7,text:e})}),(0,c.jsxs)(u,{children:[(0,c.jsx)(a,{empty:!0}),(0,c.jsx)(a,{empty:!0}),(0,c.jsx)(a,{empty:!0}),(0,c.jsx)(a,{empty:!0}),(0,c.jsx)(a,{empty:!0}),(0,c.jsx)(a,{text:"1"}),(0,c.jsx)(a,{text:"2",weekend:!0})]}),(0,c.jsxs)(u,{children:[(0,c.jsx)(a,{text:"3",weekend:!0}),(0,c.jsx)(a,{text:"4"}),(0,c.jsx)(a,{text:"5"}),(0,c.jsx)(a,{text:"6"}),(0,c.jsx)(a,{text:"7"}),(0,c.jsx)(a,{text:"8"}),(0,c.jsx)(a,{text:"9",weekend:!0})]}),(0,c.jsxs)(u,{children:[(0,c.jsx)(a,{text:"10",weekend:!0}),(0,c.jsx)(a,{text:"11"}),(0,c.jsx)(a,{text:"12"}),(0,c.jsx)(a,{text:"13"}),(0,c.jsx)(a,{text:"14"}),(0,c.jsx)(a,{text:"15"}),(0,c.jsx)(a,{text:"16",weekend:!0})]}),(0,c.jsxs)(u,{children:[(0,c.jsx)(a,{text:"17",weekend:!0}),(0,c.jsx)(a,{text:"18"}),(0,c.jsx)(a,{text:"19"}),(0,c.jsx)(a,{text:"20"}),(0,c.jsx)(a,{text:"21"}),(0,c.jsx)(a,{text:"22"}),(0,c.jsx)(a,{text:"23",weekend:!0})]}),(0,c.jsxs)(u,{children:[(0,c.jsx)(a,{text:"24",weekend:!0}),(0,c.jsx)(a,{text:"25"}),(0,c.jsx)(a,{text:"26"}),(0,c.jsx)(a,{text:"27"}),(0,c.jsx)(a,{text:"28"}),(0,c.jsx)(a,{text:"29"}),(0,c.jsx)(a,{text:"30",weekend:!0})]}),(0,c.jsxs)(u,{children:[(0,c.jsx)(a,{text:"31",weekend:!0}),(0,c.jsx)(a,{empty:!0}),(0,c.jsx)(a,{empty:!0}),(0,c.jsx)(a,{empty:!0}),(0,c.jsx)(a,{empty:!0}),(0,c.jsx)(a,{empty:!0}),(0,c.jsx)(a,{empty:!0})]})]}),(0,c.jsx)(V,{children:(0,c.jsx)(u,{"aria-hidden":"true",children:(0,c.jsx)(X,{scope:"col",colSpan:7,text:t})})})]}),...o});var b=require("react/jsx-runtime"),fo=({firstCaption:e="2021",secondCaption:t="2022",...o})=>(0,b.jsx)(L,{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,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("colgroup",{children:[(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{}),(0,b.jsx)("col",{})]}),(0,b.jsxs)(V,{children:[(0,b.jsx)(u,{"aria-hidden":"true",children:(0,b.jsx)(X,{scope:"col",colSpan:4,text:e})}),(0,b.jsxs)(u,{children:[(0,b.jsx)(a,{text:"Jan",today:!0}),(0,b.jsx)(a,{text:"Feb"}),(0,b.jsx)(a,{text:"Mar"}),(0,b.jsx)(a,{text:"Apr"})]}),(0,b.jsxs)(u,{children:[(0,b.jsx)(a,{text:"May"}),(0,b.jsx)(a,{text:"Jun"}),(0,b.jsx)(a,{text:"Jul"}),(0,b.jsx)(a,{text:"Aug"})]}),(0,b.jsxs)(u,{children:[(0,b.jsx)(a,{text:"Sep"}),(0,b.jsx)(a,{text:"Oct"}),(0,b.jsx)(a,{text:"Nov"}),(0,b.jsx)(a,{text:"Dec"})]})]}),(0,b.jsxs)(V,{children:[(0,b.jsx)(u,{"aria-hidden":"true",children:(0,b.jsx)(X,{scope:"col",colSpan:4,text:t})}),(0,b.jsxs)(u,{children:[(0,b.jsx)(a,{text:"Jan"}),(0,b.jsx)(a,{text:"Feb"}),(0,b.jsx)(a,{text:"Mar"}),(0,b.jsx)(a,{text:"Apr"})]}),(0,b.jsxs)(u,{children:[(0,b.jsx)(a,{text:"May"}),(0,b.jsx)(a,{text:"Jun"}),(0,b.jsx)(a,{text:"Jul"}),(0,b.jsx)(a,{text:"Aug"})]}),(0,b.jsxs)(u,{children:[(0,b.jsx)(a,{text:"Sep"}),(0,b.jsx)(a,{text:"Oct"}),(0,b.jsx)(a,{text:"Nov"}),(0,b.jsx)(a,{text:"Dec"})]})]})]}),...o});var h=require("react/jsx-runtime"),xo=({firstCaption:e="2020 - 2029",secondCaption:t="2030 - 2039",...o})=>(0,h.jsx)(L,{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,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("colgroup",{children:[(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{}),(0,h.jsx)("col",{})]}),(0,h.jsxs)(V,{children:[(0,h.jsx)(u,{"aria-hidden":"true",children:(0,h.jsx)(X,{scope:"col",colSpan:4,text:e})}),(0,h.jsxs)(u,{children:[(0,h.jsx)(a,{text:"2020",today:!0}),(0,h.jsx)(a,{text:"2021"}),(0,h.jsx)(a,{text:"2022"}),(0,h.jsx)(a,{text:"2023"})]}),(0,h.jsxs)(u,{children:[(0,h.jsx)(a,{text:"2024"}),(0,h.jsx)(a,{text:"2025"}),(0,h.jsx)(a,{text:"2026"}),(0,h.jsx)(a,{text:"2027"})]}),(0,h.jsxs)(u,{children:[(0,h.jsx)(a,{text:"2028"}),(0,h.jsx)(a,{text:"2029"}),(0,h.jsx)(a,{empty:!0}),(0,h.jsx)(a,{empty:!0})]})]}),(0,h.jsxs)(V,{children:[(0,h.jsx)(u,{"aria-hidden":"true",children:(0,h.jsx)(X,{scope:"col",colSpan:4,text:t})}),(0,h.jsxs)(u,{children:[(0,h.jsx)(a,{text:"2030"}),(0,h.jsx)(a,{text:"2031"}),(0,h.jsx)(a,{text:"2032"}),(0,h.jsx)(a,{text:"2033"})]}),(0,h.jsxs)(u,{children:[(0,h.jsx)(a,{text:"2034"}),(0,h.jsx)(a,{text:"2035"}),(0,h.jsx)(a,{text:"2036"}),(0,h.jsx)(a,{text:"2037"})]}),(0,h.jsxs)(u,{children:[(0,h.jsx)(a,{text:"2038"}),(0,h.jsx)(a,{text:"2039"}),(0,h.jsx)(a,{empty:!0}),(0,h.jsx)(a,{empty:!0})]})]})]}),...o});var g=require("react/jsx-runtime"),bo=({firstCaption:e="2000 - 2099",...t})=>(0,g.jsx)(L,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsxs)(V,{children:[(0,g.jsx)(u,{"aria-hidden":"true",children:(0,g.jsx)(X,{scope:"col",colSpan:4,text:e})}),(0,g.jsxs)(u,{children:[(0,g.jsx)(a,{text:"1900 - 1999"}),(0,g.jsx)(a,{text:"2000 - 2009"}),(0,g.jsx)(a,{text:"2010 - 2019"}),(0,g.jsx)(a,{text:"2020 - 2029"})]}),(0,g.jsxs)(u,{children:[(0,g.jsx)(a,{text:"2030 - 2039"}),(0,g.jsx)(a,{text:"2040 - 2049"}),(0,g.jsx)(a,{text:"2050 - 2059"}),(0,g.jsx)(a,{text:"2060 - 2069"})]}),(0,g.jsxs)(u,{children:[(0,g.jsx)(a,{text:"2070 - 2079"}),(0,g.jsx)(a,{text:"2080 - 2089"}),(0,g.jsx)(a,{text:"2090 - 2099"}),(0,g.jsx)(a,{empty:!0})]})]})]}),...t});var oa=require("react/jsx-runtime");var ho=require("react/jsx-runtime");var na=require("react/jsx-runtime");var bt=require("react/jsx-runtime"),fl=I.options,xl=I.states,No={...I.defaultOptions,variant:"month"},bl=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],hl=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Xe=e=>{let{variant:t,modifiers:o,...l}={...No,...e},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:i,showOtherDecade:m,showOtherCentury:p,showCalendarFooter:C}=n;switch(t){case"century":return(0,bt.jsx)(co,{size:l.size,showOtherCentury:p,showCalendarFooter:C});case"decade":return(0,bt.jsx)(po,{size:l.size,showOtherDecade:m,showCalendarFooter:C});case"year":return(0,bt.jsx)(uo,{calendarTitleText:"2021",size:l.size,showCalendarFooter:C});default:return(0,bt.jsx)(xt,{size:l.size,showOtherMonth:i,showCalendarFooter:C})}};Xe.options=fl;Xe.states=xl;Xe.variants=bl;Xe.defaultOptions=No;Xe.modifiers=hl;Xe.className=I.className;var ht=require("react/jsx-runtime"),Nl=L.options,kl=L.states,ko={...L.defaultOptions,variant:"month"},yl=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],Tl=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],qe=e=>{let{variant:t,modifiers:o,...l}={...ko,...e},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:i,showOtherDecade:m,showOtherCentury:p,showCalendarFooter:C}=n;switch(t){case"century":return(0,ht.jsx)(bo,{size:l.size,showOtherCentury:p,showCalendarFooter:C});case"decade":return(0,ht.jsx)(xo,{size:l.size,showOtherDecade:m,showCalendarFooter:C});case"year":return(0,ht.jsx)(fo,{size:l.size,showCalendarFooter:C});default:return(0,ht.jsx)(Co,{size:l.size,showOtherMonth:i,showCalendarFooter:C})}};qe.options=Nl;qe.states=kl;qe.variants=yl;qe.defaultOptions=ko;qe.modifiers=Tl;qe.className=L.className;var la="action-buttons",yo=la;var To=require("react/jsx-runtime"),Rt="k-actions",vl=[],wl={},ra={alignment:"start",orientation:"horizontal"},ke=e=>{let{alignment:t=ra.alignment,orientation:o=ra.orientation,...l}=e;return(0,To.jsx)("div",{...l,className:r(Rt,{[`${Rt}-${t}`]:t,[`${Rt}-${o}`]:o},e.className),children:e.children})};ke.states=vl;ke.options=wl;ke.className=Rt;ke.defaultOptions=ra;ke.moduleName=la;ke.folderName=yo;var wo=require("react/jsx-runtime"),gl="k-actionsheet-footer",vo={alignment:"stretched",orientation:"horizontal"},Ye=e=>{let{alignment:t=vo.alignment,orientation:o=vo.orientation,template:l,as:n=l?"div":ke,...i}=e;return(0,wo.jsx)(n,{...i,...!l&&{alignment:t,orientation:o},className:r(e.className,gl),children:e.children})};var ia="searchbox",go=ia;var ye=require("react/jsx-runtime"),Ao="k-searchbox",Al=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading],Sl={size:[s.undefined,s.small,s.medium,s.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},sa={showIcon:!0,icon:"search"},Te=e=>{let{value:t,placeholder:o,size:l,rounded:n,fillMode:i,hover:m,focus:p,valid:C,invalid:f,required:v,loading:y,disabled:A,showIcon:Y=sa.showIcon,icon:F=sa.icon,"aria-label":H,...E}=e;return(0,ye.jsxs)(z,{...E,size:l,rounded:n,fillMode:i,hover:m,focus:p,valid:C,invalid:f,required:v,loading:y,disabled:A,className:r(e.className,Ao),children:[Y&&(0,ye.jsx)(S,{className:"k-input-icon",icon:F}),(0,ye.jsx)(oe,{placeholder:o,value:t,"aria-label":H}),(0,ye.jsx)(de,{...e}),(0,ye.jsx)(ne,{...e}),(0,ye.jsx)(ae,{...e})]})};Te.states=Al;Te.options=Sl;Te.className=Ao;Te.defaultOptions=sa;Te.moduleName=ia;Te.folderName=go;var El=require("react/jsx-runtime");var da="textbox",So=da;var q=require("react/jsx-runtime"),Eo="k-textbox",Il=[d.hover,d.focus,d.valid,d.invalid,d.required,d.disabled,d.loading,d.readonly],Ml={size:[s.undefined,s.small,s.medium,s.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Lt={showClearButton:!0,showValidationIcon:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:l,separators:n=Lt.separators,showClearButton:i=Lt.showClearButton,showValidationIcon:m=Lt.showValidationIcon,prefix:p,suffix:C,type:f,value:v,placeholder:y,hover:A,focus:Y,valid:F,invalid:H,required:E,loading:O,disabled:Q,readonly:me,id:ue,"aria-label":be,"aria-describedby":he,...Ae}=e;return(0,q.jsxs)(z,{...Ae,size:t,rounded:o,fillMode:l,hover:A,focus:Y,valid:F,invalid:H,required:E,loading:O,disabled:Q,readonly:me,className:r(e.className,Eo),children:[p&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(_e,{children:p}),n&&(0,q.jsx)(De,{})]}),(0,q.jsx)(oe,{id:ue,placeholder:y,value:v,type:f,disabled:Q,"aria-label":be,"aria-describedby":he,"aria-invalid":H?"true":void 0}),m&&(0,q.jsx)(ne,{valid:F,invalid:H,loading:O,disabled:Q}),(0,q.jsx)(de,{loading:O,disabled:Q}),i&&(0,q.jsx)(ae,{loading:O,disabled:Q,readonly:me,value:v}),C&&(0,q.jsxs)(q.Fragment,{children:[n&&(0,q.jsx)(De,{}),(0,q.jsx)(Ke,{children:C})]})]})};G.states=Il;G.options=Ml;G.className=Eo;G.defaultOptions=Lt;G.moduleName=da;G.folderName=So;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 Nt=G;var Mo=require("react/jsx-runtime"),Io=e=>(0,Mo.jsx)(Nt,{...e});var Ro=require("react/jsx-runtime");var Lo=require("react/jsx-runtime");var Rl=require("react/jsx-runtime");var Ot=require("react/jsx-runtime"),Ll=G.states,Ol=G.defaultOptions,Pl=G.options,_l=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Kl=[],Ge=e=>{let{modifiers:t,...o}=e,l={};return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":l.prefix=t!=null&&t[n]?(0,Ot.jsx)(S,{icon:"lock"}):void 0;break;case"suffix":l.suffix=t!=null&&t[n]?(0,Ot.jsx)(Ee,{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,Ot.jsx)(Io,{value:"Value",style:{width:300},...o,...l})};Ge.options=Pl;Ge.states=Ll;Ge.variants=Kl;Ge.defaultOptions=Ol;Ge.modifiers=_l;Ge.className=G.className;var j=require("react/jsx-runtime"),Oo="k-actionsheet-titlebar",Dl={},re=e=>{let{title:t,subtitle:o,actionsStart:l,actionsEnd:n,filter:i,input:m,inputValue:p,inputPlaceholder:C,adaptive:f,titleId:v,children:y,...A}=e;return(0,j.jsxs)("div",{...A,className:r(e.className,Oo),children:[(0,j.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[l&&(0,j.jsx)("div",{className:"k-actionsheet-actions",children:l}),!y&&(0,j.jsxs)("div",{className:"k-actionsheet-title",id:v,children:[t&&(0,j.jsx)("div",{className:"k-text-center",children:t}),o&&(0,j.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&(0,j.jsx)("div",{className:"k-actionsheet-title",id:v,children:y}),n&&(0,j.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(m||i)&&(0,j.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:m?(0,j.jsx)(G,{value:p,placeholder:C,size:f?"large":"medium","aria-label":t||C||"Input"}):(0,j.jsx)(Te,{placeholder:"Filter",size:f?"large":"medium","aria-label":"Filter options"})})]})};re.className=Oo;re.defaultOptions=Dl;var Qe=require("react/jsx-runtime"),ca="k-actionsheet-view",Hl=[],zl={},Bl={},Ze=e=>{let{adaptive:t,animated:o,children:l,header:n,footer:i,titleId:m,...p}=e,C=(n==null?void 0:n.type)===re&&(0,Qe.jsx)(re,{adaptive:t,titleId:m,...n==null?void 0:n.props}),f=(i==null?void 0:i.type)===Ye&&(0,Qe.jsx)(Ye,{...i==null?void 0:i.props});return(0,Qe.jsxs)("div",{...p,className:r(e.className,ca,{[`${ca}-animated`]:o}),children:[C,(0,Qe.jsx)("div",{className:"k-actionsheet-content",children:l}),f]})};Ze.states=Hl;Ze.options=zl;Ze.className=ca;Ze.defaultOptions=Bl;var kt="action-sheet",Pt=kt;var pa="overlay",Po=pa;var Ko=require("react/jsx-runtime"),_o="k-overlay",Vl=[],Fl={},Ul={},ve=e=>{let{...t}=e;return(0,Ko.jsx)("div",{...t,className:r(e.className,_o),children:e.children})};ve.states=Vl;ve.options=Fl;ve.className=_o;ve.defaultOptions=Ul;ve.moduleName=pa;ve.folderName=Po;var Le=require("react/jsx-runtime"),Do="k-actionsheet",Wl=[],$l={},yt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},$=e=>{let{side:t=yt.side,fullscreen:o=yt.fullscreen,adaptive:l=yt.adaptive,overlay:n=yt.overlay,template:i,children:m,header:p,footer:C,id:f,...v}=e,y=f&&!i&&p?`${f}-title`:void 0;return(0,Le.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Le.jsx)(ve,{}),(0,Le.jsx)(ce,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:(0,Le.jsx)("div",{...v,id:f,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":y,className:r(e.className,Do,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":l}),children