UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

1 lines 207 kB
var cp=Object.create;var dl=Object.defineProperty;var pp=Object.getOwnPropertyDescriptor;var up=Object.getOwnPropertyNames;var mp=Object.getPrototypeOf,bp=Object.prototype.hasOwnProperty;var hp=(o,a)=>{for(var l in a)dl(o,l,{get:a[l],enumerable:!0})},ts=(o,a,l,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of up(a))!bp.call(o,s)&&s!==l&&dl(o,s,{get:()=>a[s],enumerable:!(r=pp(a,s))||r.enumerable});return o};var os=(o,a,l)=>(l=o!=null?cp(mp(o)):{},ts(a||!o||!o.__esModule?dl(l,"default",{value:o,enumerable:!0}):l,o)),fp=o=>ts(dl({},"__esModule",{value:!0}),o);var xx={};hp(xx,{SchedulerFlexYear:()=>fx});module.exports=fp(xx);var i=(...o)=>o.filter(a=>a!==!0&&!!a).map(a=>Array.isArray(a)?i(...a):typeof a=="object"?Object.keys(a).map((l,r)=>a[r]||a[l]&&l||null).filter(l=>l!==null).join(" "):a).filter(a=>!!a).join(" ");var G=(o,a)=>i({[`${o}-xs`]:a.size==="xsmall",[`${o}-sm`]:a.size==="small",[`${o}-md`]:a.size==="medium",[`${o}-lg`]:a.size==="large",[`${o}-xl`]:a.size==="xlarge",[`${o}-xxl`]:a.size==="xxlarge",[`${o}-xxxl`]:a.size==="xxxlarge"},{[`${o}-${a.fillMode}`]:a.fillMode},{[`${o}-${a.themeColor}`]:a.themeColor},{"k-rounded-sm":a.rounded==="small","k-rounded-md":a.rounded==="medium","k-rounded-lg":a.rounded==="large","k-rounded-full":a.rounded==="full","k-rounded-none":a.rounded==="none"}),U=(o,a)=>{let{valid:l,invalid:r,hover:s,focus:d,checked:m,active:f,selected:C,disabled:v,indeterminate:k,loading:T,empty:x,readonly:O,highlighted:E,...D}=a;return i({"k-valid":l,"k-invalid":r,"k-hover":s,"k-focus":d,"k-checked":m,"k-active":f,"k-selected":C,"k-disabled":v,"k-indeterminate":k&&!m,"k-loading":T,"k-empty":x,"k-readonly":O,"k-highlighted":E},Object.keys(D).reduce((z,K)=>(K.startsWith("k-")?z[K]=D[K]:z[`k-${K}`]=D[K],z),{}))};function as(o,a){if(!a)return{};let l=Array.isArray(a)?a:[a];return Object.fromEntries(l.map(r=>[`k-${r}`,!0]))}var u={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},zt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},R={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 ql={};function Y(o){return ql[o]=(ql[o]||0)+1,`k-${o}-${ql[o]}`}var Oa=require("react/jsx-runtime"),Yl="k-font-icon",xp=[],Cp={size:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[R.undefined,R.base,R.primary,R.secondary,R.tertiary,R.success,R.warning,R.error,R.info]},vp={},Ba=o=>{let{size:a,themeColor:l,icon:r,rotate:s,flip:d,...m}=o;return r?(0,Oa.jsx)("span",{...m,className:i(o.className,Yl,G(Yl,{size:a}),{[`k-i-${r}`]:r,[`k-color-${l}`]:l,[`k-rotate-${s}`]:s,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):(0,Oa.jsx)(Oa.Fragment,{})};Ba.states=xp;Ba.options=Cp;Ba.className=Yl;Ba.defaultOptions=vp;var ls=Ba;var No=require("react/jsx-runtime"),Ql="k-svg-icon",yp=[],kp={size:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[R.undefined,R.base,R.primary,R.secondary,R.tertiary,R.success,R.warning,R.error,R.info],variant:[zt.outline,zt.solid,zt.duotone]},Zl={viewBox:"0 0 24 24",variant:zt.outline},Pa=o=>{var T,x;let{size:a,themeColor:l,rotate:r,flip:s,viewBox:d=Zl.viewBox,variant:m=Zl.variant,icon:f,...C}=o;if(!f)return(0,No.jsx)(No.Fragment,{});if(f==="none")return(0,No.jsx)("span",{...C,className:i(o.className,Ql,G("k-icon",{size:a}),"k-none"),"aria-hidden":"true"});let v=typeof f=="object"&&f.name&&f.name,k=typeof f=="object"?m&&((T=f.variants)==null?void 0:T[m])||((x=f.variants)==null?void 0:x.outline)||f.content:void 0;return(0,No.jsx)("span",{...C,className:i(o.className,Ql,G("k-icon",{size:a}),{[`k-svg-i-${v}`]:v,[`k-color-${l}`]:l,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true",children:(0,No.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof f=="object"?f.viewBox:d,dangerouslySetInnerHTML:k!==void 0?{__html:k}:void 0,children:f?void 0:o.children})})};Pa.states=yp;Pa.options=kp;Pa.className=Ql;Pa.defaultOptions=Zl;var jl=Pa;var er=os(require("@progress/kendo-svg-icons"));var rs="icon",ns="icons";var ds=require("react");var ss=require("react"),is=(0,ss.createContext)({iconsType:"svg"});var Qt=require("react/jsx-runtime"),cl="k-icon",Sp=o=>o.replace(/([-_][a-z0-9])/gi,a=>a.toUpperCase().replace("-","").replace("_","")),Np=[],gp={size:[u.undefined,u.xsmall,u.small,u.medium,u.large,u.xlarge,u.xxlarge,u.xxxlarge],themeColor:[R.undefined,R.base,R.primary,R.secondary,R.tertiary,R.success,R.warning,R.error,R.info],variant:[zt.outline,zt.solid,zt.duotone]},pl={viewBox:"0 0 24 24",type:"svg",variant:zt.outline},I=o=>{let{iconsType:a}=(0,ds.useContext)(is),{size:l,themeColor:r,icon:s,type:d=a||pl.type,rotate:m,flip:f,viewBox:C=pl.viewBox,variant:v=pl.variant,...k}=o;if(!s)return(0,Qt.jsx)(Qt.Fragment,{});if((a||d)==="svg"){if(s==="none")return(0,Qt.jsx)(jl,{...k,className:i(o.className,cl),icon:s,size:l,variant:v});let x=er[s]?s:Sp(`${s}-icon`);return er[x]?(0,Qt.jsx)(jl,{...k,className:i(o.className,cl),icon:er[x],size:l,themeColor:r,rotate:m,flip:f,viewBox:C,variant:v}):(0,Qt.jsx)(Qt.Fragment,{})}return(0,Qt.jsx)(ls,{...k,className:i(o.className,cl),icon:s,size:l,themeColor:r,rotate:m,flip:f})};I.states=Np;I.options=gp;I.defaultOptions=pl;I.className=cl;I.moduleName=rs;I.folderName=ns;I.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 tr=I;var or="button",cs=or;var xt=require("react/jsx-runtime"),Da="k-button",Tp=["icon-button"],wp=[p.hover,p.focus,p.active,p.selected,p.disabled,p.generating],Mp={size:[u.undefined,u.xsmall,u.small,u.medium,u.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[R.undefined,R.base,R.primary,R.secondary,R.tertiary,R.success,R.warning,R.error,R.info,R.inverse]},ar={showArrow:!1,arrowIconName:"chevron-down"},c=o=>{let{as:a="button",size:l,rounded:r,fillMode:s,themeColor:d,showArrow:m=ar.showArrow,arrowIconName:f=ar.arrowIconName,variant:C,hover:v,focus:k,active:T,selected:x,disabled:O,togglable:E,ariaDisabled:D,icon:z,iconSize:K,text:q,iconClassName:be,className:Te,...ze}=o,Pe=z!=null,rt=o.children!==void 0;return(0,xt.jsxs)(a,{className:i(Te,Da,as(Da,C),G(Da,{size:l,rounded:r,fillMode:s,themeColor:d}),U(Da,{hover:v,focus:k,active:T,disabled:O||D,selected:x}),{"k-icon-button":!q&&!rt&&Pe}),"aria-pressed":E?x?"true":"false":void 0,...ze,"aria-disabled":D?"true":void 0,disabled:O||void 0,children:[typeof z=="string"&&z&&(0,xt.jsx)(I,{className:i(be,"k-button-icon"),icon:z,size:K}),z&&typeof z!="string"&&(0,xt.jsx)(xt.Fragment,{children:z}),q?(0,xt.jsxs)(xt.Fragment,{children:[q&&(0,xt.jsx)("span",{className:"k-button-text",children:q}),o.children]}):o.children&&(0,xt.jsx)("span",{className:"k-button-text",children:o.children}),m&&(0,xt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,xt.jsx)(I,{icon:f})})]})};c.states=wp;c.options=Mp;c.variants=Tp;c.className=Da;c.defaultOptions=ar;c.moduleName=or;c.folderName=cs;c.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 ps=require("react/jsx-runtime"),co=o=>(0,ps.jsx)(c,{icon:"folder",...o,"aria-label":o["aria-label"]||"Folder",children:void 0});var us=require("react/jsx-runtime"),Ka=o=>(0,us.jsx)(c,{icon:"folder",children:"Button",...o});var ms=require("react/jsx-runtime"),go=o=>(0,ms.jsx)(c,{children:"Button",...o});var ul=require("react/jsx-runtime"),Lp=c.options,Ep=c.states,Ap={...c.defaultOptions,variant:"text"},Rp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ip=[],Ko=o=>{let{variant:a,...l}=o;switch(a){case"icon-only":return(0,ul.jsx)(co,{...l,icon:"star"});case"icon-and-text":return(0,ul.jsx)(Ka,{...l,icon:"star",children:"Button"});default:return(0,ul.jsx)(go,{...l,children:"Button"})}};Ko.options=Lp;Ko.states=Ep;Ko.variants=Rp;Ko.defaultOptions=Ap;Ko.modifiers=Ip;Ko.className=c.className;var lr="button",bs=lr;var hs=require("react/jsx-runtime"),Ha="k-button-group",Op=[p.disabled],Bp={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Pp={},P=o=>{let{fillMode:a,disabled:l,stretched:r,...s}=o;return(0,hs.jsx)("div",{role:"group",...s,className:i(o.className,Ha,G(Ha,{fillMode:a}),U(Ha,{disabled:l}),{[`${Ha}-stretched`]:r}),...l&&{"aria-disabled":"true"},children:o.children})};P.states=Op;P.options=Bp;P.className=Ha;P.defaultOptions=Pp;P.moduleName=lr;P.folderName=bs;P.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var rr=require("react/jsx-runtime");var nr=require("react/jsx-runtime");var sr=require("react/jsx-runtime");var ir=require("react/jsx-runtime");var dr=require("react/jsx-runtime");var cr=require("react/jsx-runtime");var ut=require("react/jsx-runtime"),Dp={...c.options,...P.options},Kp=c.states,Hp={...c.defaultOptions,...P.defaultOptions,variant:"text-button"},_p=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],zp=[],Ho=o=>{let{variant:a,className:l,...r}=o;return a==="icon-button"?(0,ut.jsxs)(P,{fillMode:r.fillMode,className:l,children:[(0,ut.jsx)(c,{...r,icon:"star"}),(0,ut.jsx)(c,{...r,icon:"star"}),(0,ut.jsx)(c,{...r,icon:"star"})]}):a==="icon-text-button"?(0,ut.jsxs)(P,{fillMode:r.fillMode,className:l,children:[(0,ut.jsx)(c,{...r,icon:"star",children:"First"}),(0,ut.jsx)(c,{...r,icon:"star",children:"Middle"}),(0,ut.jsx)(c,{...r,icon:"star",children:"Last"})]}):(0,ut.jsxs)(P,{fillMode:r.fillMode,className:l,children:[(0,ut.jsx)(c,{...r,children:"First"}),(0,ut.jsx)(c,{...r,children:"Middle"}),(0,ut.jsx)(c,{...r,children:"Last"})]})};Ho.options=Dp;Ho.states=Kp;Ho.variants=_p;Ho.defaultOptions=Hp;Ho.modifiers=zp;Ho.className=P.className;var pr="segmented-control",fs=pr,xs="segmented-control-button",Cs="segmented-control";var bl=require("react/jsx-runtime"),ml="k-segmented-control",Gp=[],Up={size:[u.undefined,u.small,u.medium,u.large]},ce=o=>{let{size:a,stretched:l,children:r,thumbStyles:s,...d}=o;return(0,bl.jsxs)("div",{...d,className:i(o.className,ml,G(ml,{size:a}),{[`${ml}-stretched`]:l}),role:"group",children:[(0,bl.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:s}),r]})};ce.states=Gp;ce.options=Up;ce.className=ml;ce.moduleName=pr;ce.folderName=fs;ce.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};var _a=require("react/jsx-runtime"),ur="k-segmented-control-button",Fp=[p.selected,p.hover,p.focus,p.disabled],Wp={},Vp={},_=o=>{let{hover:a,focus:l,selected:r,disabled:s,icon:d,text:m,iconClassName:f,...C}=o;return(0,_a.jsxs)("button",{...C,className:i(o.className,ur,U(ur,{hover:a,focus:l,disabled:s,selected:r})),"aria-pressed":r?"true":"false","aria-disabled":s?"true":void 0,children:[d&&(0,_a.jsx)(I,{className:i(f,"k-segmented-control-button-icon"),icon:d}),(m||o.children)&&(0,_a.jsx)("span",{className:"k-segmented-control-button-text",children:m||o.children})]})};_.states=Fp;_.options=Wp;_.className=ur;_.defaultOptions=Vp;_.moduleName=xs;_.folderName=Cs;var mr=require("react/jsx-runtime");var br=require("react/jsx-runtime");var hr=require("react/jsx-runtime");var fr=require("react/jsx-runtime");var xr=require("react/jsx-runtime");var ys=require("react/jsx-runtime"),vs="k-calendar-view",Cr={orientation:"horizontal",calendarView:"month"},xl=o=>{let{orientation:a=Cr.orientation,calendarView:l=Cr.calendarView,gridRole:r,ariaLabelledBy:s,...d}=o;return(0,ys.jsx)("div",{...d,className:i(o.className,vs,`k-calendar-${l}view`,"k-align-items-start","k-justify-content-center",{"k-hstack":a==="horizontal","k-vstack":a==="vertical"}),...r?{role:"grid","aria-labelledby":s,tabIndex:0}:{},children:o.children})};xl.className=vs;xl.defaultOptions=Cr;var Zt=require("react/jsx-runtime"),ks="k-calendar-header",$p={size:[u.undefined,u.small,u.medium,u.large]},za={calendarTitleText:"October 2021",showToday:!0,showNavigationButtons:!0,orientation:"horizontal"},To=o=>{let{calendarTitleText:a=za.calendarTitleText,showToday:l=za.showToday,showNavigationButtons:r=za.showNavigationButtons,orientation:s=za.orientation,size:d,calendarView:m,dir:f,titleId:C,...v}=o,k=f==="rtl"?"chevron-right":"chevron-left",T=f==="rtl"?"chevron-left":"chevron-right",x=C||Y("calendar-title");return(0,Zt.jsxs)("div",{...v,className:i(o.className,ks,{"k-vstack":s==="vertical"}),children:[(0,Zt.jsx)(c,{disabled:m==="century",className:"k-calendar-title",text:a,size:d,fillMode:"flat",themeColor:"primary",id:x,tabIndex:-1,"aria-label":`Navigate to parent view: ${a}`,...m==="century"?{"aria-disabled":"true"}:{}}),(0,Zt.jsx)("span",{className:"k-spacer"}),(0,Zt.jsxs)("span",{className:"k-calendar-nav",children:[r&&(0,Zt.jsx)(c,{className:"k-calendar-nav-prev",icon:k,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to previous view"}),l&&(0,Zt.jsx)(c,{size:d,fillMode:"flat",className:"k-calendar-nav-today",tabIndex:-1,children:"Today"}),r&&(0,Zt.jsx)(c,{className:"k-calendar-nav-next",icon:T,size:d,fillMode:"flat",tabIndex:-1,"aria-label":"Navigate to next view"})]})]})};To.options=$p;To.className=ks;To.defaultOptions=za;var vr=require("react/jsx-runtime"),Ss="k-calendar-footer",Xp={size:[u.undefined,u.small,u.medium,u.large]},Ns={calendarFooterText:"Tuesday, October 12, 2021"},Ga=o=>{let{size:a,calendarFooterText:l=Ns.calendarFooterText,...r}=o;return(0,vr.jsx)("div",{...r,className:i(o.className,Ss),children:(0,vr.jsx)(c,{size:a,fillMode:"flat",themeColor:"primary",className:"k-calendar-nav-today",children:l})})};Ga.options=Xp;Ga.className=Ss;Ga.defaultOptions=Ns;var Ge="calendar",Ye=Ge;var _o=require("react/jsx-runtime"),yr="k-calendar",Jp=[],qp={size:[u.undefined,u.small,u.medium,u.large]},Ua={showCalendarHeader:!0,orientation:"horizontal",calendarView:"month",calendarTitleText:"October 2021"},pe=o=>{let{size:a,orientation:l=Ua.orientation,calendarView:r=Ua.calendarView,calendarTitleText:s=Ua.calendarTitleText,showCalendarHeader:d=Ua.showCalendarHeader,showWeek:m,showCalendarFooter:f,calendarFooterText:C,dir:v,...k}=o,T=Y("calendar-title");return(0,_o.jsxs)("div",{...k,dir:v,className:i(o.className,yr,G(yr,{size:a}),{"k-week-number":m}),children:[d&&(0,_o.jsx)(To,{calendarView:r,showToday:!f,calendarTitleText:s,orientation:l,size:a,dir:v,titleId:T}),(0,_o.jsx)(xl,{calendarView:r,orientation:l,gridRole:!0,ariaLabelledBy:T,children:o.children}),f&&(0,_o.jsx)(Ga,{calendarFooterText:C,size:a})]})};pe.states=Jp;pe.options=qp;pe.className=yr;pe.defaultOptions=Ua;pe.moduleName=Ge;pe.folderName=Ye;pe.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 Ts=require("react/jsx-runtime"),gs="k-calendar-container",Yp=[],Qp={},Zp={},zo=o=>{let{...a}=o;return(0,Ts.jsx)("div",{...a,className:i(o.className,gs),children:o.children})};zo.states=Yp;zo.options=Qp;zo.className=gs;zo.defaultOptions=Zp;zo.moduleName=Ge;zo.folderName=Ye;var Ot=require("react/jsx-runtime"),jp=[p.hover,p.focus,p.active,p.selected,p.disabled],e=o=>{let{text:a,headerCell:l,today:r,weekend:s,showOtherMonth:d,weekCell:m,rangeStart:f,rangeMid:C,rangeEnd:v,dayIndicator:k,empty:T,hover:x,focus:O,active:E,selected:D,disabled:z,...K}=o,be=`k-calendar-${l?"th":"td"}`,Te=[o.className,be,U(be,{hover:x,focus:O,active:E,selected:D,disabled:z}),{"k-today":r,"k-weekend":s,"k-other-month":d,"k-alt":m,"k-range-start":f,"k-range-mid":C,"k-range-end":v,"k-empty":T}],ze={Su:"Sunday",Mo:"Monday",Tu:"Tuesday",We:"Wednesday",Th:"Thursday",Fr:"Friday",Sa:"Saturday",W:"Week number"};if(l){let Pe=a?ze[a]||a:void 0;return(0,Ot.jsx)("th",{...K,className:i(Te),role:"columnheader",scope:"col","aria-label":Pe,children:m?(0,Ot.jsx)("span",{className:"k-sr-only",children:Pe}):a})}return m?(0,Ot.jsx)("td",{...K,className:i(Te),children:a}):(0,Ot.jsx)("td",{...K,className:i(Te),role:"gridcell",...D?{"aria-selected":"true"}:{},...z?{"aria-disabled":"true"}:{},children:T&&!d?(0,Ot.jsx)(Ot.Fragment,{children:"\xA0"}):(0,Ot.jsxs)("span",{className:"k-link",children:[a,k&&(0,Ot.jsx)("span",{className:"k-day-indicator"})]})})};e.states=jp;var Go=require("react/jsx-runtime"),ws="k-calendar-thead",Ms={cellsText:["Su","Mo","Tu","We","Th","Fr","Sa"]},Uo=o=>{let{showWeek:a,cellsText:l=Ms.cellsText,...r}=o;return(0,Go.jsx)("thead",{...r,className:i(o.className,ws),role:"rowgroup",children:(0,Go.jsxs)("tr",{className:"k-calendar-tr",role:"row",children:[a&&(0,Go.jsx)(e,{weekCell:!0,headerCell:!0,text:"W"}),l.map((s,d)=>(0,Go.jsx)(e,{text:s,headerCell:!0},d))]})})};Uo.className=ws;Uo.defaultOptions=Ms;var Es=require("react/jsx-runtime"),Ls="k-calendar-tbody",De=o=>{let{...a}=o;return(0,Es.jsx)("tbody",{...a,className:i(o.className,Ls),role:"rowgroup",children:o.children})};De.className=Ls;De.moduleName=Ge;De.folderName=Ye;var Fo=require("react/jsx-runtime"),eu="k-calendar-table",he=o=>{let{calendarCaption:a,showTableHead:l,showWeek:r,ariaLabelledBy:s,ariaActiveDescendant:d,gridRole:m,...f}=o;return(0,Fo.jsxs)("table",{...f,className:i(o.className,eu),...m?{role:"grid","aria-labelledby":s,"aria-activedescendant":d,tabIndex:0}:{role:"none"},children:[a&&(0,Fo.jsx)("caption",{className:"k-calendar-caption",children:a}),l&&(0,Fo.jsx)(Uo,{showWeek:r}),(0,Fo.jsx)(De,{children:o.children})]})};var wo=require("react/jsx-runtime"),As="k-calendar-navigation",Fa=o=>(0,wo.jsxs)("div",{...o,className:i(o.className,As),children:[(0,wo.jsx)("span",{className:"k-calendar-navigation-highlight"}),(0,wo.jsxs)("div",{className:"k-content k-scrollable",children:[(0,wo.jsx)("ul",{className:"k-reset",children:o.children}),(0,wo.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]});Fa.className=As;Fa.moduleName=Ge;Fa.folderName=Ye;var Rs=require("react/jsx-runtime"),tu="k-calendar-table",kr=o=>{let{tableRole:a="none",ariaLabelledBy:l,...r}=o;return(0,Rs.jsx)("table",{...r,className:i(o.className,tu),role:a,...l?{"aria-labelledby":l}:{},...a==="grid"?{tabIndex:0}:{},children:o.children})};var Ue=require("react/jsx-runtime"),Is="k-calendar-view",Wo={orientation:"vertical",calendarView:"month",headerText:"April 2018",showWeekdays:!0,showNavigationButtons:!1},Vo=o=>{let{orientation:a=Wo.orientation,calendarView:l=Wo.calendarView,headerText:r=Wo.headerText,showWeekdays:s=Wo.showWeekdays,showNavigationButtons:d=Wo.showNavigationButtons,showWeekNumbers:m,weekdayCellsText:f,gridLabelledBy:C,...v}=o;return(0,Ue.jsxs)("div",{...v,className:i(Is,`k-calendar-${l}view`,o.className,{"k-hstack":a==="horizontal","k-vstack":a==="vertical"}),children:[(0,Ue.jsx)(To,{showNavigationButtons:d,calendarTitleText:r,orientation:"horizontal"}),s&&(0,Ue.jsxs)(kr,{className:"k-calendar-weekdays",tableRole:"table",children:[(0,Ue.jsxs)("colgroup",{children:[(0,Ue.jsx)("col",{}),(0,Ue.jsx)("col",{}),(0,Ue.jsx)("col",{}),(0,Ue.jsx)("col",{}),(0,Ue.jsx)("col",{}),(0,Ue.jsx)("col",{}),(0,Ue.jsx)("col",{})]}),(0,Ue.jsx)(Uo,{cellsText:f,showWeek:m})]}),(0,Ue.jsxs)("div",{className:"k-content k-scrollable",role:"none",children:[(0,Ue.jsx)(kr,{tableRole:"grid",ariaLabelledBy:C,children:o.children}),(0,Ue.jsx)("div",{className:"k-scrollable-placeholder",style:{height:"1000px"}})]})]})};Vo.className=Is;Vo.defaultOptions=Wo;Vo.moduleName=Ge;Vo.folderName=Ye;var Mo=require("react/jsx-runtime"),Os="k-calendar-infinite",ou={size:[u.undefined,u.small,u.medium,u.large]},au=["Aug","Sep","Oct","Nov","Dec","2021","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","2022","Feb","Mar","Apr","May","Jun","Jul"],lu={2021:"marker",2022:"marker"},ru=(o,a)=>o.map((l,r)=>(0,Mo.jsx)("li",{children:(0,Mo.jsx)("span",{className:a[l]==="marker"?"k-calendar-navigation-marker":void 0,children:l})},r)),Wa={showNavigation:!0,calendarView:"month",navigationItems:au,navigationMarkerConfig:lu},Se=o=>{let{size:a,showNavigation:l=Wa.showNavigation,calendarView:r=Wa.calendarView,navigationItems:s=Wa.navigationItems,navigationMarkerConfig:d=Wa.navigationMarkerConfig,calendarTitleText:m,showWeekdays:f,showWeekNumbers:C,showNavigationButtons:v,calendarWeekdays:k,...T}=o,x=Y("calendar-infinite-title");return(0,Mo.jsxs)("div",{...T,className:i(o.className,"k-calendar",Os,G("k-calendar",{size:a})),children:[l&&(0,Mo.jsx)(Fa,{children:ru(s,d)}),(0,Mo.jsx)(Vo,{calendarView:r,headerText:m,showWeekdays:f,showWeekNumbers:C,showNavigationButtons:v,orientation:"vertical",weekdayCellsText:k,gridLabelledBy:x,children:o.children})]})};Se.options=ou;Se.className=Os;Se.defaultOptions=Wa;Se.moduleName=Ge;Se.folderName=Ye;Se.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 Ps=require("react/jsx-runtime"),Bs="k-calendar-tr",h=o=>{let{...a}=o;return(0,Ps.jsx)("tr",{...a,className:i(o.className,Bs),role:"row",children:o.children})};h.className=Bs;h.moduleName=Ge;h.folderName=Ye;var Ks=require("react/jsx-runtime"),Ds="k-calendar-caption",Qe=o=>{let{text:a,scope:l,colSpan:r,rowSpan:s,...d}=o;return(0,Ks.jsx)("th",{...d,scope:l,colSpan:r,rowSpan:s,className:i(o.className,Ds),children:a})};Qe.className=Ds;Qe.moduleName=Ge;Qe.folderName=Ye;var Le=require("react/jsx-runtime"),Hs=({showOtherCentury:o,...a})=>(0,Le.jsx)(pe,{calendarView:"century",calendarTitleText:"2000 - 2099",children:(0,Le.jsxs)(he,{children:[(0,Le.jsxs)(h,{children:[(0,Le.jsx)(e,{text:"1990 - 1999"}),(0,Le.jsx)(e,{text:"2000 - 2009"}),(0,Le.jsx)(e,{text:"2010 - 2019",today:!0}),(0,Le.jsx)(e,{text:"2020 - 2029"})]}),(0,Le.jsxs)(h,{children:[(0,Le.jsx)(e,{text:"2030 - 2039"}),(0,Le.jsx)(e,{text:"2040 - 2049"}),(0,Le.jsx)(e,{text:"2050 - 2059"}),(0,Le.jsx)(e,{text:"2060 - 2069"})]}),(0,Le.jsxs)(h,{children:[(0,Le.jsx)(e,{text:"2070 - 2079"}),(0,Le.jsx)(e,{text:"2080 - 2089"}),(0,Le.jsx)(e,{text:"2090 - 2099"}),(0,Le.jsx)(e,{text:"2100 - 2109",empty:!o})]})]}),...a});var Ee=require("react/jsx-runtime"),_s=({showOtherDecade:o,...a})=>(0,Ee.jsx)(pe,{calendarView:"decade",calendarTitleText:"2020 - 2029",children:(0,Ee.jsxs)(he,{children:[(0,Ee.jsxs)(h,{children:[(0,Ee.jsx)(e,{text:"2019",empty:!o}),(0,Ee.jsx)(e,{text:"2020"}),(0,Ee.jsx)(e,{text:"2021",today:!0}),(0,Ee.jsx)(e,{text:"2022"})]}),(0,Ee.jsxs)(h,{children:[(0,Ee.jsx)(e,{text:"2023"}),(0,Ee.jsx)(e,{text:"2024"}),(0,Ee.jsx)(e,{text:"2025"}),(0,Ee.jsx)(e,{text:"2026"})]}),(0,Ee.jsxs)(h,{children:[(0,Ee.jsx)(e,{text:"2027"}),(0,Ee.jsx)(e,{text:"2028"}),(0,Ee.jsx)(e,{text:"2029"}),(0,Ee.jsx)(e,{text:"2030",empty:!o})]})]}),...a});var H=require("react/jsx-runtime"),zs=({showCaptions:o,showOtherMonth:a,...l})=>(0,H.jsx)(pe,{calendarView:"month",children:(0,H.jsxs)(he,{calendarCaption:o&&"October 2021",showTableHead:!0,children:[(0,H.jsxs)(h,{children:[(0,H.jsx)(e,{text:"26",showOtherMonth:a,empty:!a,weekend:a}),(0,H.jsx)(e,{text:"27",showOtherMonth:a,empty:!a}),(0,H.jsx)(e,{text:"28",showOtherMonth:a,empty:!a}),(0,H.jsx)(e,{text:"29",showOtherMonth:a,empty:!a}),(0,H.jsx)(e,{text:"30",showOtherMonth:a,empty:!a}),(0,H.jsx)(e,{text:"1"}),(0,H.jsx)(e,{text:"2",weekend:!0})]}),(0,H.jsxs)(h,{children:[(0,H.jsx)(e,{text:"3",weekend:!0}),(0,H.jsx)(e,{text:"4"}),(0,H.jsx)(e,{text:"5"}),(0,H.jsx)(e,{text:"6"}),(0,H.jsx)(e,{text:"7"}),(0,H.jsx)(e,{text:"8"}),(0,H.jsx)(e,{text:"9",weekend:!0})]}),(0,H.jsxs)(h,{children:[(0,H.jsx)(e,{text:"10",weekend:!0}),(0,H.jsx)(e,{text:"11"}),(0,H.jsx)(e,{text:"12",today:!0}),(0,H.jsx)(e,{text:"13"}),(0,H.jsx)(e,{text:"14"}),(0,H.jsx)(e,{text:"15"}),(0,H.jsx)(e,{text:"16",weekend:!0})]}),(0,H.jsxs)(h,{children:[(0,H.jsx)(e,{text:"17",weekend:!0}),(0,H.jsx)(e,{text:"18"}),(0,H.jsx)(e,{text:"19"}),(0,H.jsx)(e,{text:"20"}),(0,H.jsx)(e,{text:"21"}),(0,H.jsx)(e,{text:"22"}),(0,H.jsx)(e,{text:"23",weekend:!0})]}),(0,H.jsxs)(h,{children:[(0,H.jsx)(e,{text:"24",weekend:!0}),(0,H.jsx)(e,{text:"25"}),(0,H.jsx)(e,{text:"26"}),(0,H.jsx)(e,{text:"27"}),(0,H.jsx)(e,{text:"28"}),(0,H.jsx)(e,{text:"29"}),(0,H.jsx)(e,{text:"30",weekend:!0})]}),(0,H.jsxs)(h,{children:[(0,H.jsx)(e,{text:"31",weekend:!0}),(0,H.jsx)(e,{text:"1",showOtherMonth:a,empty:!a}),(0,H.jsx)(e,{text:"2",showOtherMonth:a,empty:!a}),(0,H.jsx)(e,{text:"3",showOtherMonth:a,empty:!a}),(0,H.jsx)(e,{text:"4",showOtherMonth:a,empty:!a}),(0,H.jsx)(e,{text:"5",showOtherMonth:a,empty:!a}),(0,H.jsx)(e,{text:"6",showOtherMonth:a,empty:!a,weekend:a})]})]}),...l});var Gs=require("react/jsx-runtime");var Ae=require("react/jsx-runtime"),Us=o=>(0,Ae.jsx)(pe,{calendarView:"year",calendarTitleText:"2019",children:(0,Ae.jsxs)(he,{children:[(0,Ae.jsxs)(h,{children:[(0,Ae.jsx)(e,{text:"Jan"}),(0,Ae.jsx)(e,{text:"Feb"}),(0,Ae.jsx)(e,{text:"Mar"}),(0,Ae.jsx)(e,{text:"Apr"})]}),(0,Ae.jsxs)(h,{children:[(0,Ae.jsx)(e,{text:"May"}),(0,Ae.jsx)(e,{text:"Jun"}),(0,Ae.jsx)(e,{text:"Jul"}),(0,Ae.jsx)(e,{text:"Au"})]}),(0,Ae.jsxs)(h,{children:[(0,Ae.jsx)(e,{text:"Sep"}),(0,Ae.jsx)(e,{text:"Oct",today:!0}),(0,Ae.jsx)(e,{text:"Nov"}),(0,Ae.jsx)(e,{text:"Dec"})]})]}),...o});var A=require("react/jsx-runtime"),Fs=({firstCaption:o="January 2021",secondCaption:a="February 2021",...l})=>(0,A.jsx)(Se,{calendarTitleText:"January 2021",children:(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsxs)(De,{children:[(0,A.jsx)(h,{"aria-hidden":"true",children:(0,A.jsx)(Qe,{scope:"col",colSpan:7,text:o})}),(0,A.jsxs)(h,{children:[(0,A.jsx)(e,{empty:!0}),(0,A.jsx)(e,{empty:!0}),(0,A.jsx)(e,{empty:!0}),(0,A.jsx)(e,{empty:!0}),(0,A.jsx)(e,{empty:!0}),(0,A.jsx)(e,{text:"1"}),(0,A.jsx)(e,{text:"2",weekend:!0})]}),(0,A.jsxs)(h,{children:[(0,A.jsx)(e,{text:"3",weekend:!0}),(0,A.jsx)(e,{text:"4"}),(0,A.jsx)(e,{text:"5"}),(0,A.jsx)(e,{text:"6"}),(0,A.jsx)(e,{text:"7"}),(0,A.jsx)(e,{text:"8"}),(0,A.jsx)(e,{text:"9",weekend:!0})]}),(0,A.jsxs)(h,{children:[(0,A.jsx)(e,{text:"10",weekend:!0}),(0,A.jsx)(e,{text:"11"}),(0,A.jsx)(e,{text:"12"}),(0,A.jsx)(e,{text:"13"}),(0,A.jsx)(e,{text:"14"}),(0,A.jsx)(e,{text:"15"}),(0,A.jsx)(e,{text:"16",weekend:!0})]}),(0,A.jsxs)(h,{children:[(0,A.jsx)(e,{text:"17",weekend:!0}),(0,A.jsx)(e,{text:"18"}),(0,A.jsx)(e,{text:"19"}),(0,A.jsx)(e,{text:"20"}),(0,A.jsx)(e,{text:"21"}),(0,A.jsx)(e,{text:"22"}),(0,A.jsx)(e,{text:"23",weekend:!0})]}),(0,A.jsxs)(h,{children:[(0,A.jsx)(e,{text:"24",weekend:!0}),(0,A.jsx)(e,{text:"25"}),(0,A.jsx)(e,{text:"26"}),(0,A.jsx)(e,{text:"27"}),(0,A.jsx)(e,{text:"28"}),(0,A.jsx)(e,{text:"29"}),(0,A.jsx)(e,{text:"30",weekend:!0})]}),(0,A.jsxs)(h,{children:[(0,A.jsx)(e,{text:"31",weekend:!0}),(0,A.jsx)(e,{empty:!0}),(0,A.jsx)(e,{empty:!0}),(0,A.jsx)(e,{empty:!0}),(0,A.jsx)(e,{empty:!0}),(0,A.jsx)(e,{empty:!0}),(0,A.jsx)(e,{empty:!0})]})]}),(0,A.jsx)(De,{children:(0,A.jsx)(h,{"aria-hidden":"true",children:(0,A.jsx)(Qe,{scope:"col",colSpan:7,text:a})})})]}),...l});var F=require("react/jsx-runtime"),Ws=({firstCaption:o="2021",secondCaption:a="2022",...l})=>(0,F.jsx)(Se,{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,F.jsxs)(F.Fragment,{children:[(0,F.jsxs)("colgroup",{children:[(0,F.jsx)("col",{}),(0,F.jsx)("col",{}),(0,F.jsx)("col",{}),(0,F.jsx)("col",{})]}),(0,F.jsxs)(De,{children:[(0,F.jsx)(h,{"aria-hidden":"true",children:(0,F.jsx)(Qe,{scope:"col",colSpan:4,text:o})}),(0,F.jsxs)(h,{children:[(0,F.jsx)(e,{text:"Jan",today:!0}),(0,F.jsx)(e,{text:"Feb"}),(0,F.jsx)(e,{text:"Mar"}),(0,F.jsx)(e,{text:"Apr"})]}),(0,F.jsxs)(h,{children:[(0,F.jsx)(e,{text:"May"}),(0,F.jsx)(e,{text:"Jun"}),(0,F.jsx)(e,{text:"Jul"}),(0,F.jsx)(e,{text:"Aug"})]}),(0,F.jsxs)(h,{children:[(0,F.jsx)(e,{text:"Sep"}),(0,F.jsx)(e,{text:"Oct"}),(0,F.jsx)(e,{text:"Nov"}),(0,F.jsx)(e,{text:"Dec"})]})]}),(0,F.jsxs)(De,{children:[(0,F.jsx)(h,{"aria-hidden":"true",children:(0,F.jsx)(Qe,{scope:"col",colSpan:4,text:a})}),(0,F.jsxs)(h,{children:[(0,F.jsx)(e,{text:"Jan"}),(0,F.jsx)(e,{text:"Feb"}),(0,F.jsx)(e,{text:"Mar"}),(0,F.jsx)(e,{text:"Apr"})]}),(0,F.jsxs)(h,{children:[(0,F.jsx)(e,{text:"May"}),(0,F.jsx)(e,{text:"Jun"}),(0,F.jsx)(e,{text:"Jul"}),(0,F.jsx)(e,{text:"Aug"})]}),(0,F.jsxs)(h,{children:[(0,F.jsx)(e,{text:"Sep"}),(0,F.jsx)(e,{text:"Oct"}),(0,F.jsx)(e,{text:"Nov"}),(0,F.jsx)(e,{text:"Dec"})]})]})]}),...l});var W=require("react/jsx-runtime"),Vs=({firstCaption:o="2020 - 2029",secondCaption:a="2030 - 2039",...l})=>(0,W.jsx)(Se,{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,W.jsxs)(W.Fragment,{children:[(0,W.jsxs)("colgroup",{children:[(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{}),(0,W.jsx)("col",{})]}),(0,W.jsxs)(De,{children:[(0,W.jsx)(h,{"aria-hidden":"true",children:(0,W.jsx)(Qe,{scope:"col",colSpan:4,text:o})}),(0,W.jsxs)(h,{children:[(0,W.jsx)(e,{text:"2020",today:!0}),(0,W.jsx)(e,{text:"2021"}),(0,W.jsx)(e,{text:"2022"}),(0,W.jsx)(e,{text:"2023"})]}),(0,W.jsxs)(h,{children:[(0,W.jsx)(e,{text:"2024"}),(0,W.jsx)(e,{text:"2025"}),(0,W.jsx)(e,{text:"2026"}),(0,W.jsx)(e,{text:"2027"})]}),(0,W.jsxs)(h,{children:[(0,W.jsx)(e,{text:"2028"}),(0,W.jsx)(e,{text:"2029"}),(0,W.jsx)(e,{empty:!0}),(0,W.jsx)(e,{empty:!0})]})]}),(0,W.jsxs)(De,{children:[(0,W.jsx)(h,{"aria-hidden":"true",children:(0,W.jsx)(Qe,{scope:"col",colSpan:4,text:a})}),(0,W.jsxs)(h,{children:[(0,W.jsx)(e,{text:"2030"}),(0,W.jsx)(e,{text:"2031"}),(0,W.jsx)(e,{text:"2032"}),(0,W.jsx)(e,{text:"2033"})]}),(0,W.jsxs)(h,{children:[(0,W.jsx)(e,{text:"2034"}),(0,W.jsx)(e,{text:"2035"}),(0,W.jsx)(e,{text:"2036"}),(0,W.jsx)(e,{text:"2037"})]}),(0,W.jsxs)(h,{children:[(0,W.jsx)(e,{text:"2038"}),(0,W.jsx)(e,{text:"2039"}),(0,W.jsx)(e,{empty:!0}),(0,W.jsx)(e,{empty:!0})]})]})]}),...l});var ae=require("react/jsx-runtime"),$s=({firstCaption:o="2000 - 2099",...a})=>(0,ae.jsx)(Se,{calendarView:"century",showWeekdays:!1,calendarTitleText:"2000 - 2099",navigationItems:["1900","2000"],navigationMarkerConfig:{2e3:"marker"},children:(0,ae.jsxs)(ae.Fragment,{children:[(0,ae.jsxs)("colgroup",{children:[(0,ae.jsx)("col",{}),(0,ae.jsx)("col",{}),(0,ae.jsx)("col",{}),(0,ae.jsx)("col",{})]}),(0,ae.jsxs)(De,{children:[(0,ae.jsx)(h,{"aria-hidden":"true",children:(0,ae.jsx)(Qe,{scope:"col",colSpan:4,text:o})}),(0,ae.jsxs)(h,{children:[(0,ae.jsx)(e,{text:"1900 - 1999"}),(0,ae.jsx)(e,{text:"2000 - 2009"}),(0,ae.jsx)(e,{text:"2010 - 2019"}),(0,ae.jsx)(e,{text:"2020 - 2029"})]}),(0,ae.jsxs)(h,{children:[(0,ae.jsx)(e,{text:"2030 - 2039"}),(0,ae.jsx)(e,{text:"2040 - 2049"}),(0,ae.jsx)(e,{text:"2050 - 2059"}),(0,ae.jsx)(e,{text:"2060 - 2069"})]}),(0,ae.jsxs)(h,{children:[(0,ae.jsx)(e,{text:"2070 - 2079"}),(0,ae.jsx)(e,{text:"2080 - 2089"}),(0,ae.jsx)(e,{text:"2090 - 2099"}),(0,ae.jsx)(e,{empty:!0})]})]})]}),...a});var Sr=require("react/jsx-runtime");var Xs=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var Va=require("react/jsx-runtime"),nu=pe.options,su=pe.states,Js={...pe.defaultOptions,variant:"month"},iu=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],du=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],$o=o=>{let{variant:a,modifiers:l,...r}={...Js,...o},s={showCalendarFooter:!1};Object.keys(l||{}).forEach(v=>{switch(v){case"other":s.showOtherMonth=!!(l!=null&&l[v]),s.showOtherCentury=!!(l!=null&&l[v]),s.showOtherDecade=!!(l!=null&&l[v]);break;case"footer":s.showCalendarFooter=!!(l!=null&&l[v]);break;default:return}});let{showOtherMonth:d,showOtherDecade:m,showOtherCentury:f,showCalendarFooter:C}=s;switch(a){case"century":return(0,Va.jsx)(Hs,{size:r.size,showOtherCentury:f,showCalendarFooter:C});case"decade":return(0,Va.jsx)(_s,{size:r.size,showOtherDecade:m,showCalendarFooter:C});case"year":return(0,Va.jsx)(Us,{calendarTitleText:"2021",size:r.size,showCalendarFooter:C});default:return(0,Va.jsx)(zs,{size:r.size,showOtherMonth:d,showCalendarFooter:C})}};$o.options=nu;$o.states=su;$o.variants=iu;$o.defaultOptions=Js;$o.modifiers=du;$o.className=pe.className;var $a=require("react/jsx-runtime"),cu=Se.options,pu=Se.states,qs={...Se.defaultOptions,variant:"month"},uu=[{name:"month",title:"Month View"},{name:"year",title:"Year View"},{name:"decade",title:"Decade View"},{name:"century",title:"Century View"}],mu=[{name:"footer",title:"Calendar Footer"},{name:"other",title:"Show other cells"}],Xo=o=>{let{variant:a,modifiers:l,...r}={...qs,...o},s={showCalendarFooter:!1};Object.keys(l||{}).forEach(v=>{switch(v){case"other":s.showOtherMonth=!!(l!=null&&l[v]),s.showOtherCentury=!!(l!=null&&l[v]),s.showOtherDecade=!!(l!=null&&l[v]);break;case"footer":s.showCalendarFooter=!!(l!=null&&l[v]);break;default:return}});let{showOtherMonth:d,showOtherDecade:m,showOtherCentury:f,showCalendarFooter:C}=s;switch(a){case"century":return(0,$a.jsx)($s,{size:r.size,showOtherCentury:f,showCalendarFooter:C});case"decade":return(0,$a.jsx)(Vs,{size:r.size,showOtherDecade:m,showCalendarFooter:C});case"year":return(0,$a.jsx)(Ws,{size:r.size,showCalendarFooter:C});default:return(0,$a.jsx)(Fs,{size:r.size,showOtherMonth:d,showCalendarFooter:C})}};Xo.options=cu;Xo.states=pu;Xo.variants=uu;Xo.defaultOptions=qs;Xo.modifiers=mu;Xo.className=Se.className;var gr=require("react/jsx-runtime");var ee="scheduler",te=ee;var Zs=require("react/jsx-runtime"),Ys="k-scheduler-layout",bu=[],hu={},fu={},Lo=o=>{let{as:a="div",view:l,...r}=o,s=l==="agenda"?"grid":l==="year"?void 0:"none";return(0,Zs.jsx)(a,{...r,className:i(o.className,Ys,{[`k-scheduler-${l}view`]:l}),...s&&{role:s},children:o.children})};Lo.states=bu;Lo.options=hu;Lo.className=Ys;Lo.defaultOptions=fu;Lo.moduleName=ee;Lo.folderName=te;var Qs=Lo;var Cl=require("react/jsx-runtime"),js="k-scheduler",xu=[],Cu={},vu={},Q=o=>{let{view:a,toolbar:l,footer:r,layout:s,...d}=o;return(0,Cl.jsxs)("div",{...d,className:i(o.className,js),role:"application",children:[l,(0,Cl.jsx)(Qs,{className:i({"k-scheduler-layout-flex":s==="flex"}),as:s==="table"?"table":"div",view:a,children:o.children}),r]})};Q.states=xu;Q.options=Cu;Q.className=js;Q.defaultOptions=vu;Q.moduleName=ee;Q.folderName=te;Q.ariaSpec={selector:".k-scheduler",rules:[{selector:".k-scheduler",attribute:"role=application",usage:"Specifies the role of the component."},{selector:".k-scheduler-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: sets the component role."},{selector:".k-scheduler-toolbar",attribute:"aria-label or title",usage:"Follows Toolbar spec: each toolbar must have a label specifying its purpose."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-chevron-left"])',attribute:"aria-label",usage:"Required as the previous navigation button contains only an icon (no text)."},{selector:'.k-scheduler-navigation .k-button:has([class*="i-chevron-right"])',attribute:"aria-label",usage:"Required as the next navigation button contains only an icon (no text)."},{selector:".k-nav-current",attribute:"aria-live=polite",usage:"The new date of the Scheduler view will be announced upon navigation to a new time span or view type."},{selector:".k-views-dropdown",attribute:"aria-label",usage:"The <select> element visible on the toolbar on small screens must have its aria-label set."},{selector:".k-scheduler-views",attribute:"role=group",usage:"Follows SegmentedControl spec: sets the proper role for the group of view buttons."},{selector:".k-scheduler-views .k-segmented-control-button",attribute:"aria-pressed (when selected)",usage:"Follows SegmentedControl spec: specifies the current state of the view SegmentedControl. Only the selected button within the group will have this attribute set to true."},{selector:".k-scheduler-agendaview",attribute:"role=grid",usage:"The main table of the Agenda view must indicate it is a Data Grid."},{selector:".k-scheduler-agendaview>tbody",attribute:"role=none/presentation",usage:"The <tbody> element must have its semantics removed."},{selector:".k-scheduler-agendaview .k-scheduler-table",attribute:"role=none/presentation",usage:"Inner <table> elements within the Agenda Scheduler must have their semantic role removed."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody",attribute:"role=rowgroup",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr",attribute:"role=row",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-table>tbody>tr>th",attribute:"role=columnheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-agendaview .k-scheduler-content tr .k-selected",attribute:"aria-selected",usage:"Used to signify the currently selected row in Agenda view."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-groupcolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-datecolumn",attribute:"role=rowheader",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn,.k-scheduler-content>.k-scheduler-table>tbody>tr>.k-scheduler-timecolumn+td",attribute:"role=gridcell",usage:"Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."},{selector:".k-scheduler-dayview,.k-scheduler-weekview,.k-scheduler-monthview,.k-scheduler-timelineview",attribute:"role=none/presentation",usage:"All <table> elements within the Scheduler must have their semantic role removed."},{selector:".k-scheduler-times .k-scheduler-table",attribute:"role=none/presentation",usage:"Times sidebar tables must have their semantics removed. The role propagates to child th/tr elements, resolving empty-table-header violations."},{selector:".k-event",attribute:"role=button",usage:"Indicating that the event element is interactive."},{selector:".k-event",attribute:"aria-label",usage:"Label containing the title, start, and end date of the appointment."},{selector:".k-scheduler-layout:not(.k-scheduler-agendaview) .k-scheduler-content",attribute:"tabindex=0",usage:"Scrollable elements need to be focusable to ensure scrolling with arrow keys is available (does not apply to agenda view)."}]};var Tr=require("react/jsx-runtime"),ei="k-scheduler-header",Gt=o=>(0,Tr.jsx)("div",{...o,className:i(ei,o.className),children:(0,Tr.jsx)("div",{className:"k-scheduler-header-wrap",children:o.children})});Gt.className=ei;Gt.moduleName=ee;Gt.folderName=te;var oi=require("react/jsx-runtime"),ti="k-scheduler-content",Ut=o=>(0,oi.jsx)("div",{...o,className:i(ti,o.className),children:o.children});Ut.className=ti;Ut.moduleName=ee;Ut.folderName=te;var li=require("react/jsx-runtime"),ai="k-scheduler-times",po=o=>(0,li.jsx)("div",{...o,className:i(ai,o.className),children:o.children});po.className=ai;po.moduleName=ee;po.folderName=te;var ni=require("react/jsx-runtime"),ri="k-scheduler-table",Ft=o=>(0,ni.jsx)("table",{...o,className:i(ri,o.className),children:o.children});Ft.className=ri;Ft.moduleName=ee;Ft.folderName=te;var wr=require("react/jsx-runtime"),si="k-scheduler-cell",yu=[],ku={},Su={},n=o=>{let{cellType:a,allDay:l,text:r,colspan:s,rowspan:d,as:m="div",...f}=o,C=r||o.children,v=!r&&!o.children,k=m==="th"&&v&&!f.role?"presentation":void 0;return(0,wr.jsx)(m,{...f,colSpan:s,rowSpan:d,...k&&{role:k},className:i(si,o.className,{"k-scheduler-times-all-day":l},a==null?void 0:a.map(T=>({[`k-${T}-cell`]:!0}))),children:!l&&r?(0,wr.jsx)("span",{className:"k-link k-nav-day",children:C}):C})};n.states=yu;n.options=ku;n.defaultOptions=Su;n.className=si;n.moduleName=ee;n.folderName=te;var di=require("react/jsx-runtime"),ii="k-sticky-cell",Jo=o=>(0,di.jsx)("div",{...o,className:i(ii,o.className),children:o.children});Jo.className=ii;Jo.moduleName=ee;Jo.folderName=te;var pi=require("react/jsx-runtime"),ci="k-scheduler-row",M=o=>(0,pi.jsx)("div",{...o,className:i(ci,o.className),children:o.children});M.className=ci;M.moduleName=ee;M.folderName=te;var Xa="input",vl=Xa;var ui=require("react/jsx-runtime"),yl="k-input",Nu=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],gu={size:[u.undefined,u.small,u.medium,u.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Tu={},we=o=>{let{hover:a,focus:l,disabled:r,invalid:s,valid:d,loading:m,readonly:f,size:C,rounded:v,fillMode:k,...T}=o;return(0,ui.jsx)("span",{...T,className:i(o.className,yl,G(yl,{size:C,rounded:v,fillMode:k}),U(yl,{hover:a,focus:l,disabled:r,invalid:s,valid:d,loading:m,readonly:f}))})};we.states=Nu;we.options=gu;we.className=yl;we.defaultOptions=Tu;we.moduleName=Xa;we.folderName=vl;var mi=require("react/jsx-runtime"),kl="k-picker",wu=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.loading,p.readonly],Mu={size:[u.undefined,u.small,u.medium,u.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Lu={},Wt=o=>{let{hover:a,focus:l,disabled:r,invalid:s,valid:d,loading:m,readonly:f,size:C,rounded:v,fillMode:k,...T}=o;return(0,mi.jsx)("span",{...T,className:i(o.className,kl,G(kl,{size:C,rounded:v,fillMode:k}),U(kl,{hover:a,focus:l,disabled:r,invalid:s,valid:d,loading:m,readonly:f})),children:o.children})};Wt.states=wu;Wt.options=Mu;Wt.className=kl;Wt.defaultOptions=Lu;Wt.moduleName=Xa;Wt.folderName=vl;var qo=require("react/jsx-runtime"),bi="k-clear-value",Eu=[p.disabled,p.loading,p.readonly],Au={},Ct=o=>{let{disabled:a,loading:l,readonly:r,value:s}=o;return a||r||l||!s?(0,qo.jsx)(qo.Fragment,{}):(0,qo.jsx)("span",{className:i(o.className,bi),children:(0,qo.jsx)(I,{icon:"x"})})};Ct.states=Eu;Ct.options=Au;Ct.className=bi;var hi=require("react/jsx-runtime"),Mr="k-input-inner",Ru=[],Iu={},Sl={type:"text",autocomplete:"off",value:"",placeholder:""},vt=o=>{let{value:a=Sl.value,type:l=Sl.type,placeholder:r=Sl.placeholder,autocomplete:s=Sl.autocomplete,disabled:d,readOnly:m,...f}=o;return(0,hi.jsx)("input",{...f,type:l,className:i(o.className,Mr,G(Mr,o)),placeholder:r,autoComplete:s,defaultValue:a,disabled:d||void 0,readOnly:m||void 0})};vt.states=Ru;vt.options=Iu;vt.className=Mr;var Ja=require("react/jsx-runtime"),Lr="k-input-inner",Ou=[],Bu={},Eo=o=>{let{value:a,placeholder:l,showValue:r,valueIcon:s,valueIconName:d,...m}=o;return(0,Ja.jsxs)("span",{...m,className:i(o.className,Lr,G(Lr,o)),children:[s,!s&&d&&(0,Ja.jsx)(I,{className:"k-input-value-icon",icon:d}),r&&!a&&l,r&&a&&(0,Ja.jsx)("span",{className:"k-input-value-text",children:a})]})};Eo.states=Ou;Eo.options=Bu;Eo.className=Lr;var xi=require("react/jsx-runtime"),Er="k-input-inner",Pu=[],Du={},fi={value:"",placeholder:""},Ar=o=>{let{value:a=fi.value,placeholder:l=fi.placeholder,rows:r,disabled:s,...d}=o;return(0,xi.jsx)("textarea",{...d,className:i(o.className,Er,G(Er,o)),placeholder:l,rows:r,defaultValue:a,disabled:s||void 0})};Ar.states=Pu;Ar.options=Du;Ar.className=Er;var qa=require("react/jsx-runtime"),Ci="k-input-loading-icon",Ku=[p.disabled,p.loading],mt=o=>{let{disabl